"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 Placeholder_1 = require("../../../atoms/Placeholder");

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

const Context_1 = require("./Context");

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

const ButtonGroup_1 = require("./ButtonGroup");
/**
 * render Product Image
 */


function defaultRenderImage(props) {
  return react_1.default.createElement(Placeholder_1.ImagePlaceholder, {
    width: '160px',
    height: '120px'
  });
}

exports.defaultRenderImage = defaultRenderImage;
/**
 * render Product Name
 */

function defaultRenderName(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, null);
}

exports.defaultRenderName = defaultRenderName;
/**
 * render Product Description
 */

function defaultRenderDescription(props) {
  return react_1.default.createElement(Placeholder_1.ParagraphPlaceholder, {
    itemHeight: 10,
    widthList: [50, 80, 60],
    rows: 3,
    lineSpacing: 10
  });
}

exports.defaultRenderDescription = defaultRenderDescription; // SKU ID

function defaultRenderSkuId(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, null);
}

exports.defaultRenderSkuId = defaultRenderSkuId;
/**
 * render Product Facets
 */
// SIZE

/* function defaultRenderSize(props: ProductItemPlaceholderProps) {
  return <TextPlaceholder />
} */
// COLOR

/* function defaultRenderColor(props: ProductItemPlaceholderProps) {
  return <TextPlaceholder />
} */
// ITEMID

/* function defaultRenderItemId(props: ProductItemPlaceholderProps) {
  return <TextPlaceholder />
} */

/**
 * render Product Price
 */

function defaultRenderPrice(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: '70%'
  });
}

exports.defaultRenderPrice = defaultRenderPrice;
/**
 * render Product Quantity
 */

function defaultRenderQuantity(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: '60%'
  });
}

exports.defaultRenderQuantity = defaultRenderQuantity;
/**
 * render Product Facets
 */

function defaultRenderFacets(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, null), react_1.default.createElement(Placeholder_1.TextPlaceholder, null), react_1.default.createElement(Placeholder_1.TextPlaceholder, null));
}

exports.defaultRenderFacets = defaultRenderFacets;
/**
 * render Product Ratings
 */

function defaultRenderRatings(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, null);
}

exports.defaultRenderRatings = defaultRenderRatings;
/**
 * render Product Frequency
 */

function defaultRenderProductFrequency(props) {
  return react_1.default.createElement(styled_1.FrequencyWrapper, null, react_1.default.createElement(Placeholder_1.SquarePlaceholder, {
    width: 15,
    style: {
      marginRight: '15px'
    }
  }), react_1.default.createElement(Placeholder_1.TextPlaceholder, null));
}

exports.defaultRenderProductFrequency = defaultRenderProductFrequency;
/**
 * render Product Item details
 */

function defaultRenderProductItemDetails(props) {
  const {
    itemDetails,
    hasSingleProduct,
    viewType
  } = props;
  const {
    itemIdentifier,
    isSubscriptionItem = false
  } = exotic_1.isObj(itemDetails) && itemDetails;

  const {
    renderImage,
    renderName,
    renderDescription,
    renderSkuId,
    renderPrice,
    renderQuantity,
    renderFacets,
    renderRatings,
    renderProductFrequency
  } = props,
        // renderItemId,
  remainingProps = tslib_1.__rest(props, ["renderImage", "renderName", "renderDescription", "renderSkuId", "renderPrice", "renderQuantity", "renderFacets", "renderRatings", "renderProductFrequency"]);

  return react_1.default.createElement(styled_1.ProductItemsWrap, {
    isSubscriptionItem: isSubscriptionItem
  }, react_1.default.createElement(styled_1.ProductImageWrapper, {
    href: '/product/' + itemIdentifier
  }, renderImage(remainingProps)), react_1.default.createElement(styled_1.ProductDetails, {
    itemscope: true,
    itemtype: "http://schema.org/Product",
    singleItem: hasSingleProduct,
    viewType: viewType
  }, renderName(remainingProps), renderDescription(remainingProps), renderSkuId(remainingProps), renderFacets(remainingProps), renderQuantity(remainingProps), renderRatings(remainingProps), renderPrice(remainingProps), remainingProps.isSubscriptionItem && renderProductFrequency(remainingProps)));
}

exports.defaultRenderProductItemDetails = defaultRenderProductItemDetails;

function defaultRenderProductItemForm(props) {
  return react_1.default.createElement(CancelReturnForm_1.CancelReturnForm, null);
}

exports.defaultRenderProductItemForm = defaultRenderProductItemForm;
/**
 * render actions button
 */

function defaultRenderProductItemButtons(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.ButtonWrapper, null, react_1.default.createElement(Placeholder_1.SquarePlaceholder, {
    height: '44px'
  })), react_1.default.createElement(styled_1.ButtonWrapper, null, react_1.default.createElement(Placeholder_1.SquarePlaceholder, {
    height: '44px'
  })), react_1.default.createElement(styled_1.ReviewWrapper, null, react_1.default.createElement(Placeholder_1.SquarePlaceholder, {
    height: '44px'
  })));
}

exports.defaultRenderProductItemButtons = defaultRenderProductItemButtons;
/**
 * render container
 */

function defaultRenderContainer(props) {
  const {
    renderProductItemDetails,
    renderButtonGroup
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderProductItemDetails", "renderButtonGroup"]);

  const renderContext = context => {
    const {
      state
    } = context;
    const attributes = Object.assign({
      state: state
    }, remainingProps);
    return react_1.default.createElement(react_1.default.Fragment, null, renderProductItemDetails(remainingProps), renderButtonGroup(attributes));
  };

  return react_1.default.createElement(Context_1.OrderProductItemContextConsumer, null, renderContext);
}

exports.defaultRenderContainer = defaultRenderContainer;

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

  return react_1.default.createElement(ButtonGroup_1.ButtonGroup, Object.assign({
    state: state
  }, remainingProps));
}

exports.defaultRenderButtonGroup = defaultRenderButtonGroup;
/**
 * render Wrapper
 */

function defaultRenderWrapper(props) {
  const {
    className,
    children,
    hasSingleProduct
  } = props,
        remainingProps = tslib_1.__rest(props, ["className", "children", "hasSingleProduct"]);

  return react_1.default.createElement(styled_1.ProductItemWrapper, {
    className: className,
    singleItem: hasSingleProduct
  }, children);
}

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