"use strict";

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

const tslib_1 = require("tslib");

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

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

const Empty_1 = require("@skava/ui/dist/components/atoms/Empty");

const PaymentInformationCard_1 = require("../../../abstractions/Subscription/PaymentInformationCard");

const PaymentInformationForm_1 = require("../PaymentInformationForm");

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

function defaultRenderHeader(props, state) {
  const addPaymentView = state.isExpanded === false ? react_1.default.createElement(styled_1.StyledButton, {
    onClick: state.handleToggle
  }, words_1.wording.addNewPaymentText) : react_1.default.createElement(Empty_1.Empty, null);
  return react_1.default.createElement(PaymentInformationCard_1.HeaderWrapper, null, react_1.default.createElement(styled_1.StyledLabel, null, words_1.wording.paymentHeaderLabel), addPaymentView);
}

exports.defaultRenderHeader = defaultRenderHeader;

function defaultRenderItem(item, state) {
  const {
    nameOnCard,
    expiry,
    type,
    cardNumber,
    isSubscriptionPayment,
    isDefaultPayment,
    index,
    onPaymentCardSave
  } = item,
        remainingProps = tslib_1.__rest(item, ["nameOnCard", "expiry", "type", "cardNumber", "isSubscriptionPayment", "isDefaultPayment", "index", "onPaymentCardSave"]);

  const cardNumberView = `${type} ${cardNumber}`;
  const cardExpiryView = `${words_1.wording.expiryPrefix} ${expiry}`;

  const paymentCardView = () => {
    return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.CardInformation, null, react_1.default.createElement(styled_1.NameOnCard, {
      content: nameOnCard
    }), react_1.default.createElement(styled_1.IconWrapper, null, react_1.default.createElement(styled_1.StyledPaymentsCardIcon, {
      type: type,
      breed: 'visaWithBg'
    }), react_1.default.createElement(styled_1.CardNumber, {
      content: cardNumberView
    })), react_1.default.createElement(styled_1.CardExpiry, {
      content: cardExpiryView
    })), react_1.default.createElement(styled_1.CardCvvInformation, null, react_1.default.createElement(styled_1.CardCvv, {
      placeholder: 'CVV'
    })));
  };

  const itemView = isSubscriptionPayment ? react_1.default.createElement(styled_1.StyledInformationCard, {
    renderExpandedView: defaultRenderForm,
    renderDefaultView: paymentCardView,
    onPaymentCardSave: onPaymentCardSave,
    item: item
  }) : paymentCardView();
  return react_1.default.createElement(styled_1.ItemWrapper, {
    key: index,
    isDefaultPayment: isDefaultPayment
  }, itemView);
}

exports.defaultRenderItem = defaultRenderItem;

function defaultRenderForm(props, state) {
  return react_1.default.createElement(PaymentInformationForm_1.PaymentInformationForm, Object.assign({}, props, {
    cardState: state
  }));
}

exports.defaultRenderForm = defaultRenderForm;