"use strict";

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

const tslib_1 = require("tslib");

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

const Empty_1 = tslib_1.__importDefault(require("../../atoms/Empty"));

const CancelReturnForm_1 = require("./CancelReturnForm");

const PaymentSummary_1 = tslib_1.__importDefault(require("./PaymentSummary"));

const ProductItemList_1 = tslib_1.__importDefault(require("./ProductItemList"));

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

function defaultRenderStatus(props, state) {
  return react_1.default.createElement(styled_1.StyledOrderStatus, Object.assign({}, props));
}

exports.defaultRenderStatus = defaultRenderStatus;

function defaultRenderProductItem(props, state) {
  return react_1.default.createElement(styled_1.StyledProductItem, Object.assign({}, props));
}

exports.defaultRenderProductItem = defaultRenderProductItem;

function defaultRenderPaymentSummary(props, state) {
  return react_1.default.createElement(PaymentSummary_1.default, Object.assign({}, props));
}

exports.defaultRenderPaymentSummary = defaultRenderPaymentSummary;

function defaultRenderProductItemList(props, state) {
  return react_1.default.createElement(ProductItemList_1.default, Object.assign({}, props));
}

exports.defaultRenderProductItemList = defaultRenderProductItemList;
/**
 * AnimatedExpandableCard renderProps
 * overwritting the functions here for default support
 */

/**
 * render header view
 */

function defaultRenderHeaderView(props, state) {
  const {
    renderStatus
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderStatus"]);

  const view = renderStatus(remainingProps, state);
  return view;
}

exports.defaultRenderHeaderView = defaultRenderHeaderView;
/**
 * render expandable view
 */

function defaultRenderExpandableView(props, state) {
  const {
    renderPaymentSummary
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderPaymentSummary"]);

  const paymentSummaryView = renderPaymentSummary(remainingProps, state);
  return react_1.default.createElement(styled_1.PaymentSummaryContainer, null, paymentSummaryView);
}

exports.defaultRenderExpandableView = defaultRenderExpandableView;
/**
 * render footer view
 */

function defaultRenderFooterView(props, state) {
  // console.log('[defaultRenderFooterView]', props)
  const {
    renderProductItemList,
    renderOrderButtons,
    renderOrderForm
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderProductItemList", "renderOrderButtons", "renderOrderForm"]);

  const productItemListView = renderProductItemList(remainingProps, state);
  const OrderButtonsView = state.isExpanded === false && react_1.default.createElement(styled_1.StyledActionButtonGroup, {
    renderDefaultView: renderOrderButtons,
    renderActiveView: renderOrderForm
  });
  return react_1.default.createElement(styled_1.FooterContainer, null, productItemListView, OrderButtonsView);
}

exports.defaultRenderFooterView = defaultRenderFooterView;
/**
 * Renders the product order action button group 'Track package', 'Order again', 'Cancel'
 * @param {OrderProps} props
 */

function defaultRenderOrderButtons(props) {
  return react_1.default.createElement(Empty_1.default, null);
}

exports.defaultRenderOrderButtons = defaultRenderOrderButtons;
/**
 * Renders the product order button click form
 * @param {OrderProps} props
 */

function defaultRenderOrderForm(props) {
  return react_1.default.createElement(CancelReturnForm_1.CancelReturnForm, Object.assign({}, props));
}

exports.defaultRenderOrderForm = defaultRenderOrderForm; //# sourceMappingURL=renderProps.js.map