"use strict";

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

const tslib_1 = require("tslib");

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

const exotic_1 = require("exotic");

const words_1 = require("@skava/ui/dist/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 = tslib_1.__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 = tslib_1.__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;