"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const exotic_1 = require("exotic");

const AddPayment_1 = require("../../../abstractions/PaymentMethod/AddPayment");

const words_1 = require("@skava/ui/dist/words");

const styled_1 = require("./styled");

function defaultRenderHeaderView(props, state) {
  const {
    headingLabel,
    onPaymentAdd
  } = props;
  const {
    handleToggle,
    isExpanded
  } = state;

  const handleClick = () => {
    handleToggle();

    if (exotic_1.isFunction(onPaymentAdd)) {
      onPaymentAdd(state);
    }
  };

  const view = react_1.default.createElement(AddPayment_1.StyledHeadingWrapper, null, react_1.default.createElement(styled_1.StyledHeading, {
    breedType: 'h3',
    content: headingLabel
  }), react_1.default.createElement(styled_1.StyledToggleButton, {
    iconType: words_1.wording.close,
    text: words_1.wording.addNewCard,
    isExpanded: isExpanded,
    onClick: handleClick
  }));
  return view;
}

exports.defaultRenderHeaderView = defaultRenderHeaderView;

function defaultRenderExpandedView(props, state) {
  const {
    onPaymentCancel,
    onPaymentSubmit
  } = props,
        remainingProps = tslib_1.__rest(props, ["onPaymentCancel", "onPaymentSubmit"]);

  const handlePaymentCancel = args => {
    if (exotic_1.isFunction(onPaymentCancel)) {
      onPaymentCancel(args);
    }

    state.handleToggle();
  };

  const handlePaymentSubmit = args => {
    if (exotic_1.isFunction(onPaymentSubmit)) {
      const hasShippingAddress = onPaymentSubmit(args); // console.info('[Add Payment] handlePaymentSubmit')
      // console.debug(hasShippingAddress)

      if (hasShippingAddress !== false) {
        state.handleToggle();
      }

      return hasShippingAddress;
    }
  };

  const view = react_1.default.createElement(styled_1.StyledPaymentWithBillingAddress, Object.assign({
    onPaymentCancel: handlePaymentCancel,
    onPaymentSubmit: handlePaymentSubmit,
    isExpanded: state.isExpanded
  }, remainingProps));
  return view;
}

exports.defaultRenderExpandedView = defaultRenderExpandedView;