"use strict";

var __rest = this && this.__rest || function (s, e) {
  var t = {};

  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];

  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
  return t;
};

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

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

const words_1 = require("../../../../words");

const Empty_1 = require("../../../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 = __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; //# sourceMappingURL=renderProps.js.map