"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 state_1 = require("@skava/ui/dist/state");

const words_1 = require("@skava/ui/dist/words");

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

function defaultRenderTitle(props) {
  const {
    item
  } = props;
  const {
    name
  } = item;
  return react_1.default.createElement(styled_1.StyledProductTitle, {
    content: name
  });
}

exports.defaultRenderTitle = defaultRenderTitle;

function defaultRenderSkuId(props) {
  const {
    item
  } = props;
  const {
    skuId
  } = item;
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledSkuLabel, null, words_1.wording.skuText, ":"), react_1.default.createElement(styled_1.StyledSkuValue, null, skuId));
}

exports.defaultRenderSkuId = defaultRenderSkuId;

function defaultRenderPrice(props) {
  const {
    item
  } = props;
  const {
    regPrice
  } = item;
  return react_1.default.createElement(styled_1.StyledProductPrice, {
    regularPrice: regPrice
  });
}

exports.defaultRenderPrice = defaultRenderPrice;

function defaultRenderProductDetails(props) {
  const {
    item
  } = props;
  const {
    details
  } = item;
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledHeading, {
    breedType: "h4",
    content: "Details"
  }), react_1.default.createElement(styled_1.StyledList, {
    list: details
  }));
}

exports.defaultRenderProductDetails = defaultRenderProductDetails;

function defaultRenderProductOptions(props) {
  const {
    item
  } = props;
  const {
    productOptionsList
  } = item;
  const list = productOptionsList.map(state_1.toCommonState);
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledHeading, {
    breedType: "h4",
    content: "Size"
  }), react_1.default.createElement(styled_1.StyledSwatchList, {
    list: list
  }));
}

exports.defaultRenderProductOptions = defaultRenderProductOptions;

function defaultRenderProductQuantity(props) {
  const {
    onQuantityInputChange
  } = props;

  const handleQuantityInputChange = event => {
    console.log('[handleQuantityInputChange]', event);

    if (exotic_1.isFunction(onQuantityInputChange)) {
      const changeArgs = {
        event
      };
      onQuantityInputChange(changeArgs);
    }
  };

  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledHeading, {
    breedType: "h4",
    content: "Quantity"
  }), react_1.default.createElement(styled_1.StyledQuantity, {
    content: '',
    defaultValue: 1,
    onChange: handleQuantityInputChange
  }));
}

exports.defaultRenderProductQuantity = defaultRenderProductQuantity;

function defaultRenderFrequency(props) {
  const {
    item
  } = props;
  const {
    dropdownList
  } = item;
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledHeading, {
    breedType: "h4",
    content: "Frequency"
  }), react_1.default.createElement(styled_1.StyledSelectDropdown, {
    list: dropdownList,
    shouldBeAbsolute: true
  }));
}

exports.defaultRenderFrequency = defaultRenderFrequency;