"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 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) {
    return react_1.default.createElement(Placeholder_1.TextPlaceholder, null);
}
exports.defaultRenderSize = defaultRenderSize;
// COLOR
function defaultRenderColor(props) {
    return react_1.default.createElement(Placeholder_1.TextPlaceholder, null);
}
exports.defaultRenderColor = defaultRenderColor;
// ITEMID
function defaultRenderItemId(props) {
    return react_1.default.createElement(Placeholder_1.TextPlaceholder, null);
}
exports.defaultRenderItemId = defaultRenderItemId;
/**
 * 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 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) {
    // console.log('[abstraction/props] defaultRenderProductItemDetails', props)
    const { hasSingleProduct, viewType, itemid } = props.itemDetails;
    const { renderImage, renderName, renderDescription, renderSkuId, renderPrice, renderQuantity, renderRatings, renderProductFrequency, renderSize, renderColor, renderItemId } = props, remainingProps = __rest(props, ["renderImage", "renderName", "renderDescription", "renderSkuId", "renderPrice", "renderQuantity", "renderRatings", "renderProductFrequency", "renderSize", "renderColor", "renderItemId"]);
    return (react_1.default.createElement(styled_1.ProductItemsWrap, null,
        react_1.default.createElement(styled_1.ProductImageWrapper, { href: '/product/' + itemid }, 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),
            renderSize(remainingProps),
            renderColor(remainingProps),
            renderItemId(remainingProps),
            renderQuantity(remainingProps),
            renderRatings(remainingProps),
            renderPrice(remainingProps),
            remainingProps.isSubscriptionItem && renderProductFrequency(remainingProps))));
}
exports.defaultRenderProductItemDetails = defaultRenderProductItemDetails;
function defaultRenderProductItemForm(props) {
    console.log('[Abstraction/Order] ProductItem Form');
    return react_1.default.createElement(CancelReturnForm_1.CancelReturnForm, null);
}
exports.defaultRenderProductItemForm = defaultRenderProductItemForm;
/**
 * render actions button
 */
function defaultRenderProductItemButtons(props) {
    console.log('[Abstraction/Order] ProductItem Buttons');
    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 } = props, remainingProps = __rest(props, ["renderProductItemDetails"]);
    const renderContext = (context) => {
        const { state } = context;
        // console.info('[Abstraction/Order] ProductItem')
        // console.dir(props)
        return (react_1.default.createElement(react_1.default.Fragment, null,
            renderProductItemDetails(remainingProps),
            react_1.default.createElement(ButtonGroup_1.ButtonGroup, Object.assign({ state: state }, remainingProps))));
    };
    return (react_1.default.createElement(Context_1.OrderProductItemContextConsumer, null, renderContext));
}
exports.defaultRenderContainer = defaultRenderContainer;
/**
 * render Wrapper
 */
function defaultRenderWrapper(props) {
    const { className, children, hasSingleProduct } = props, remainingProps = __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