"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 exotic_1 = require("exotic");

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

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

function defaultRenderProductImage(props) {
  const {
    item
  } = props;
  const {
    imageURL
  } = item;
  return react_1.default.createElement(styled_1.ProductImage, {
    src: imageURL
  });
}

exports.defaultRenderProductImage = defaultRenderProductImage;

function defaultRenderProductDetails(props) {
  const {
    productDetailsItem
  } = props,
        remainingProps = __rest(props, ["productDetailsItem"]);

  return react_1.default.createElement(styled_1.StyledProductDetails, Object.assign({
    item: productDetailsItem
  }, remainingProps));
}

exports.defaultRenderProductDetails = defaultRenderProductDetails;

function defaultRenderShippingAddressCard(props) {
  const {
    ShippingAddressCardList,
    onShippingCardSave
  } = props;
  return react_1.default.createElement(styled_1.StyledShippingAddressCard, {
    list: ShippingAddressCardList,
    onShippingCardSave: onShippingCardSave
  });
}

exports.defaultRenderShippingAddressCard = defaultRenderShippingAddressCard;

function defaultRenderPaymentInformationCard(props) {
  const {
    paymentInformationCardList,
    onPaymentCardSave
  } = props;
  return react_1.default.createElement(styled_1.StyledPaymentInformationCard, {
    list: paymentInformationCardList,
    onPaymentCardSave: onPaymentCardSave
  });
}

exports.defaultRenderPaymentInformationCard = defaultRenderPaymentInformationCard;

function defaultRenderExpectedDelivery(props) {
  const {
    onChangeDate
  } = props;

  const handleOnClick = event => {
    console.log('Change Date Clicked');

    if (exotic_1.isFunction(onChangeDate)) {
      const args = {
        event
      };
      onChangeDate(args);
    }
  };

  return react_1.default.createElement(styled_1.DeliveryDateContainer, null, react_1.default.createElement(styled_1.DeliveryDateLabel, {
    content: words_1.wording.expectedDeliveryDateLabel
  }), react_1.default.createElement(styled_1.DeliveryDateWrapper, null, react_1.default.createElement(styled_1.DeliveryDateText, {
    breedType: "h3",
    content: "Tuesday, August 22"
  }), react_1.default.createElement(styled_1.ChangeDateLabel, {
    content: "Change date",
    onClick: handleOnClick
  })));
}

exports.defaultRenderExpectedDelivery = defaultRenderExpectedDelivery;

function defaultRenderButtons(props) {
  const {
    onConfirmSubmission,
    onCancel
  } = props;

  const handleConfirmSubmission = event => {
    if (exotic_1.isFunction(onConfirmSubmission)) {
      const changeArgs = {
        event
      };
      onConfirmSubmission(changeArgs);
    }
  };

  const handleCancel = event => {
    if (exotic_1.isFunction(onCancel)) {
      const changeArgs = {
        event
      };
      onCancel(changeArgs);
    }
  };

  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledConfirmSubscription, {
    text: words_1.wording.confirmSubscription,
    onClick: handleConfirmSubmission
  }), react_1.default.createElement(styled_1.StyledCancel, {
    text: words_1.wording.cancel,
    onClick: handleCancel
  }));
}

exports.defaultRenderButtons = defaultRenderButtons;

function defaultRenderBox(props) {
  const {
    renderProductImage,
    renderProductDetails,
    renderShippingAddressCard,
    renderPaymentInformationCard,
    renderExpectedDelivery,
    renderButtons
  } = props,
        //
  remainingProps = __rest(props, ["renderProductImage", "renderProductDetails", "renderShippingAddressCard", "renderPaymentInformationCard", "renderExpectedDelivery", "renderButtons"]);

  return react_1.default.createElement(react_1.default.Fragment, null, renderProductImage(remainingProps), react_1.default.createElement(styled_1.InformationBox, null, renderProductDetails(remainingProps), renderShippingAddressCard(remainingProps), renderPaymentInformationCard(remainingProps), renderExpectedDelivery(remainingProps), renderButtons(remainingProps)));
}

exports.defaultRenderBox = defaultRenderBox;

function defaultRenderWrapper(props) {
  const {
    className,
    children
  } = props;
  return react_1.default.createElement(styled_1.Wrapper, {
    className: className
  }, children);
}

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