"use strict";

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

const tslib_1 = require("tslib");

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

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

const renderProps_1 = require("./ProductItemList/renderProps");

exports.defaultRenderProductItem = renderProps_1.defaultRenderProductItem;

const StoreProductList_1 = require("./StoreProductList");

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

function defaultRenderStatus(props, state) {
  /**
   * @todo need to be passed only the required values not as entire props
   */
  const {
    orderStatusData,
    isSubscriptionItem
  } = props,
        remainingProps = tslib_1.__rest(props, ["orderStatusData", "isSubscriptionItem"]);

  return react_1.default.createElement(styled_1.StyledOrderStatus, {
    isSubscriptionItem: isSubscriptionItem,
    orderStatusData: orderStatusData,
    state: state
  });
}

exports.defaultRenderStatus = defaultRenderStatus;

function defaultRenderPaymentSummary(props) {
  const {
    isSubscriptionItem
  } = props;
  return react_1.default.createElement(styled_1.StyledPaymentSummary, Object.assign({
    isSubscriptionItem: isSubscriptionItem
  }, props));
}

exports.defaultRenderPaymentSummary = defaultRenderPaymentSummary;

function defaultRenderProductItemList(props, state) {
  // @note - this is so that we don't pass state from ExpandableCard
  // not sure why we are passing ExpandableCardState in props
  // that is why we!!!!!!
  // const { state, isVisible, isActive, isFocused, ...remainingProps } = props

  /**
   * @todo need to be passed only the required values not as entire props
   */
  // console.debug('[Presets/Order] defaultRenderProductItemList(): ')
  // console.dir(props)
  // console.dir(state)
  const {
    list,
    renderProductItem,
    isSubscriptionItem
  } = props,
        remainingProps = tslib_1.__rest(props, ["list", "renderProductItem", "isSubscriptionItem"]);

  return react_1.default.createElement(styled_1.StyledProductItemList, {
    list: list,
    state: state,
    renderProductItem: renderProductItem,
    isSubscriptionItem: isSubscriptionItem
  });
}

exports.defaultRenderProductItemList = defaultRenderProductItemList;

function defaultRenderStoreProductList(props, state) {
  return react_1.default.createElement(StoreProductList_1.StoreProductList, Object.assign({
    state: state
  }, props));
}

exports.defaultRenderStoreProductList = defaultRenderStoreProductList; // === order forms ===

/**
 * Renders the product order action button group 'Track package', 'Order again', 'Cancel'
 * @param props OrderPresetProps
 */

function defaultRenderOrderButtons(props, state) {
  const {
    isSubscriptionItem
  } = props;
  const view = react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledPrimaryButton, {
    isSubscriptionItem: isSubscriptionItem,
    width: '162px',
    text: 'primary',
    onClick: state.toggleActive
  }), react_1.default.createElement(styled_1.StyledSecondaryButton, {
    width: '162px',
    text: 'secondary'
  }), react_1.default.createElement(styled_1.StyledSecondaryButton, {
    width: '162px',
    text: 'teritary'
  }));
  return view;
}

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

function defaultRenderOrderForm(props, state) {
  return react_1.default.createElement(CancelReturnForm_1.default, {
    state: state
  });
}

exports.defaultRenderOrderForm = defaultRenderOrderForm;