{"version":3,"file":"prodDetailBelowTheFoldReact.js","mappings":"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","sources":["webpack://productdetail/./src/Components/FreqBoughtTogetherComponent.tsx","webpack://productdetail/../SharedContent/SfProdcutMainWrapper.ts","webpack://productdetail/../sharedcontent/SfProductDetailJsonStruct.ts","webpack://productdetail/external var \"React\"","webpack://productdetail/external var \"ReactDOM\"","webpack://productdetail/webpack/bootstrap","webpack://productdetail/./src/mainProdDetail.tsx"],"sourcesContent":["import React = require(\"react\");\r\n\r\nimport { BoughtTogetherAndRelatedJsonStruct } from \"../../../SharedContent/BoughtTogetherAndRelatedJsonStruct\"\r\n\r\nimport { SfProdcutMainWrapper } from \"../../../SharedContent/SfProdcutMainWrapper\"\r\nimport { SfProductDetailJsonStruct } from \"../../../sharedcontent/SfProductDetailJsonStruct\";\r\nimport { SfProductEssentials } from \"../../../sharedcontent/SfProductEssentials\";\r\n\r\n//require(\"../../../../ClientApps/Models/Product/SfProductEssentials\");\r\n\r\ntype EnumLiteralsOf<T extends object> = T[keyof T]\r\nexport type ValuePackBundleType = EnumLiteralsOf<typeof ValuePackBundleType>\r\nexport const ValuePackBundleType = Object.freeze({\r\n    None: 0 as 0,\r\n    ValuePack: 1 as 1,\r\n    Bundle: 2 as 2\r\n})\r\n\r\nexport class FreqBoughtTogetherComponent extends React.Component<any, any>{\r\n\r\n    constructor(props: any) {\r\n        super(props);\r\n        this.state = {\r\n            value: null,\r\n            isLoading: true,\r\n            product: undefined,\r\n            height: 0,\r\n            width: 0,\r\n            showMobileFBTDetails: true\r\n        };\r\n        this.relatedProductChange = this.relatedProductChange.bind(this);\r\n        this.windowSize = undefined; //(window as any).$WindowSizeMiddleware as any;\r\n        this.updateDimensions = this.updateDimensions.bind(this);\r\n        this.openMobileFBTDetails = this.openMobileFBTDetails.bind(this);\r\n    }\r\n\r\n    windowSize = undefined;\r\n\r\n    render() {\r\n        let contents = this.state.isLoading\r\n            ? <p><em>Loading below the fold...</em></p>\r\n            : this.renderContents(this.state.product);\r\n        if (!this.state.isLoading && this.state.product !== undefined && this.state.product !== null) {\r\n            return <div>\r\n                {contents}\r\n            </div>;\r\n        }\r\n        else {\r\n            return \"\";\r\n        }\r\n\r\n    }\r\n\r\n    componentWillMount() {\r\n        this.updateDimensions();\r\n    }\r\n    componentDidMount() {\r\n        var prodFromPage = (window as any).$prodMainWrapper;\r\n        //Load from back-end if undefined\r\n        this.parseProdData(prodFromPage);\r\n\r\n        window.addEventListener(\"resize\", this.updateDimensions, (window as any).passiveIfSupported);\r\n    }\r\n\r\n    UNSAFE_componentWillMount() {\r\n        window.removeEventListener(\"resize\", this.updateDimensions);\r\n    }\r\n\r\n    updateDimensions() {\r\n        if (!this.windowSize) {\r\n            this.windowSize = (window as any).$WindowSizeMiddleware;\r\n        }\r\n        this.setState({\r\n            height: this.windowSize.getHeight(),\r\n            width: this.windowSize.getWidth()\r\n        });\r\n    }\r\n\r\n    parseProdData(prodPointer: SfProdcutMainWrapper) {\r\n        var productData = new SfProdcutMainWrapper(prodPointer.STORE_FRONT_ID, prodPointer.PRODUCT_ID, prodPointer.IsRestrictedSite);\r\n        //product.prodMain = new SfProductDetailJsonStruct(prodPointer.prodMain);\r\n        productData.freqBoughtRelated = prodPointer.freqBoughtRelated;\r\n        productData.prodMain = new SfProductDetailJsonStruct(prodPointer.prodMain);\r\n        this.setState({\r\n            isLoading: false,\r\n            product: productData\r\n        },\r\n            function () {\r\n\r\n            })\r\n\r\n        //,\r\n        //height: this.windowSize.getHeight(),\r\n        //width: this.windowSize.getWidth()\r\n\r\n    }\r\n\r\n    relatedProductChange(relatedProduct: SfProductEssentials, e: any) {\r\n        relatedProduct.ACTIVE = !relatedProduct.ACTIVE;\r\n        var stupidProdPointer = this.state.product;\r\n        this.setState({ product: stupidProdPointer });\r\n    }\r\n\r\n    openMobileFBTDetails() {\r\n        this.setState({ showMobileFBTDetails: true });\r\n    }\r\n\r\n    onClickAddToCart(pid: number, os: any | undefined) {\r\n        if ((window as any).$ClientMiddleware) {\r\n            (window as any).$ClientMiddleware.AddPidToCartPromise(pid, os);\r\n        } else {\r\n            (window as any).angularHeaderAddPidToCart.zone.run(function () {\r\n                (window as any).angularHeaderAddPidToCart.componentFn(pid);\r\n            });\r\n        }\r\n    }\r\n    onClickAddToCart_BOTH(pid1: number, pid2: number, os: any | undefined) {\r\n\r\n        var pids = pid1 + ',' + pid2;\r\n        if ((window as any).$ClientMiddleware) {\r\n            (window as any).$ClientMiddleware.AddPidToCartPromise_MultiplePids(pids);\r\n        }\r\n    }\r\n\r\n    private renderContents(product: SfProdcutMainWrapper) {\r\n        return <div className=\"panel panel--mobile-alt\">\r\n            <div className=\"panel__header panel__header\">\r\n                <h2 className=\"panel__header-title\">{(window as any).stringResourcesProductDetail.frequentlyBoughtTogether}</h2>\r\n            </div>\r\n            <div className=\"panel__body\">\r\n                <div className=\"fbt\">\r\n\r\n                    {(product.prodMain.SfProductEssentials.ACTIVE ||\r\n                    product.freqBoughtRelated.RelatedProductsList[0].ACTIVE) &&\r\n                        <div className=\"fbt__images\">\r\n                            {(product.prodMain.SfProductEssentials.ACTIVE) &&\r\n                                <div className=\"fbt__image-wrapper\">\r\n                                    {product.prodMain.SfProductEssentials.IsBogo &&\r\n                                    <img src={product.prodMain.SfProductEssentials.BogoImage} className=\"fbt__bogo\" alt=\"BOGO\"/>\r\n                                    }\r\n                                    <img src={product.prodMain.SfProductEssentials.THUMBNAIL_IMAGE} className=\"fbt__image\" alt={(window as any).stringResourcesProductDetail.imageOf.replace('{0}', product.prodMain.SfProductEssentials.NAME)} />\r\n                                </div>\r\n                            }\r\n                                \r\n                            {(product.prodMain.SfProductEssentials.ACTIVE &&\r\n                            product.freqBoughtRelated.RelatedProductsList[0].ACTIVE) &&\r\n                                <div className=\"fbt__image-divider\">\r\n                                    <i>+</i>\r\n                                </div>\r\n                            }\r\n\r\n\r\n                            {(product.freqBoughtRelated.RelatedProductsList[0].ACTIVE) &&\r\n                                <div className=\"fbt__image-wrapper\">                                    \r\n                                    {product.freqBoughtRelated.RelatedProductsList[0].IsBogo &&\r\n                                        <img src={product.prodMain.SfProductEssentials.BogoImage} className=\"fbt__bogo\" alt=\"BOGO\" />\r\n                                    }\r\n                                    <a href={'product/detail/' +\r\n                                            product.freqBoughtRelated.RelatedProductsList[0].PRODUCT_ID +\r\n                                            '/' + product.freqBoughtRelated.RelatedProductsList[0].URL_NAME}>\r\n                                        <img src={product.freqBoughtRelated.RelatedProductsList[0].THUMBNAIL_IMAGE} className=\"fbt__image\" alt={(window as any).stringResourcesProductDetail.imageOf.replace('{0}', product.prodMain.SfProductEssentials.NAME)}/>\r\n                                    </a>\r\n                                </div>\r\n                            }\r\n                        </div>\r\n                    }\r\n\r\n                    {(!product.freqBoughtRelated.RelatedProductsList[0].ACTIVE &&\r\n                    !product.prodMain.SfProductEssentials.ACTIVE) &&\r\n                        <div className=\"fbt__error-message\">\r\n                            <p>{(window as any).stringResourcesProductDetail.chooseItemsToBuyTogether}:</p>\r\n                        </div>\r\n                    }\r\n\r\n                    <div className=\"fbt__checkboxes\">\r\n                        <div className=\"fbt__checkbox\">\r\n                            <div className=\"faux-checkbox\">\r\n                                <input id=\"fbt-checkbox-1\"\r\n                                    type=\"checkbox\"\r\n                                    onChange={(e) => this.relatedProductChange(product.prodMain.SfProductEssentials, e)}\r\n                                    checked={product.prodMain.SfProductEssentials.ACTIVE} />\r\n                                <label htmlFor=\"fbt-checkbox-1\">                                    \r\n                                    <span className=\"faux-checkbox__button faux-checkbox__button--light\"></span>\r\n                                    <span className={['faux-checkbox__label', !product.prodMain.SfProductEssentials.ACTIVE ? 'faux-checkbox__label--disabled' : ''].join(' ')}>\r\n                                        <span className=\"fbt__product-name\">\r\n                                            <strong>{(window as any).stringResourcesProductDetail.thisProduct}:</strong> {product.prodMain.SfProductEssentials.NAME}\r\n                                        </span>\r\n\r\n                                        {(product.prodMain.SfProductEssentials.ValuePackBundleType == ValuePackBundleType.ValuePack ||\r\n                                            product.prodMain.SfProductEssentials.ValuePackBundleType == ValuePackBundleType.Bundle ||\r\n                                            product.prodMain.SfProductEssentials.IsProductOnSale) &&\r\n                                            <span className=\"fbt__checkbox-price\"> {product.prodMain.SfProductEssentials.RETAIL_PRICE_UIFormatted}</span>\r\n                                        }\r\n\r\n                                        {product.prodMain.SfProductEssentials.ValuePackBundleType == ValuePackBundleType.None &&\r\n                                            !product.prodMain.SfProductEssentials.IsProductOnSale &&\r\n                                            <span className=\"fbt__checkbox-price\"> {product.prodMain.SfProductEssentials.FullPrice_UIFormatted}</span>\r\n                                        }\r\n                                    </span>\r\n                                </label>\r\n                            </div>                        \r\n                        </div>\r\n                        <div className=\"fbt__checkbox\">\r\n                            <div className=\"faux-checkbox\">\r\n                                <input id=\"fbt-checkbox-2\"\r\n                                    type=\"checkbox\"\r\n                                    onChange={(e) => this.relatedProductChange(product.freqBoughtRelated.RelatedProductsList[0], e)}\r\n                                    checked={product.freqBoughtRelated.RelatedProductsList[0].ACTIVE} />\r\n                                <label htmlFor=\"fbt-checkbox-2\">                                        \r\n                                    <span className=\"faux-checkbox__button faux-checkbox__button--light\"></span>\r\n                                    <span className={['faux-checkbox__label', !product.freqBoughtRelated.RelatedProductsList[0].ACTIVE ? 'faux-checkbox__label--disabled' : ''].join(' ')}>\r\n                                        <a className=\"fbt__product-name\"\r\n                                            href={'product/detail/' + product.freqBoughtRelated.RelatedProductsList[0].PRODUCT_ID + '/' + product.freqBoughtRelated.RelatedProductsList[0].URL_NAME}>\r\n                                            {product.freqBoughtRelated.RelatedProductsList[0].NAME}\r\n                                        </a>\r\n\r\n                                            {(product.freqBoughtRelated.RelatedProductsList[0].ValuePackBundleType == ValuePackBundleType.ValuePack ||\r\n                                                product.freqBoughtRelated.RelatedProductsList[0].ValuePackBundleType == ValuePackBundleType.Bundle ||\r\n                                                product.freqBoughtRelated.RelatedProductsList[0].IsProductOnSale) &&\r\n                                                <span className=\"fbt__checkbox-price\"> {product.freqBoughtRelated.RelatedProductsList[0].RETAIL_PRICE_UIFormatted}</span>\r\n                                            }\r\n\r\n                                            {product.freqBoughtRelated.RelatedProductsList[0].ValuePackBundleType == ValuePackBundleType.None &&\r\n                                                !product.freqBoughtRelated.RelatedProductsList[0].IsProductOnSale &&\r\n                                                <span className=\"fbt__checkbox-price\"> {product.freqBoughtRelated.RelatedProductsList[0].FullPrice_UIFormatted}</span>\r\n                                            }                                            \r\n                                    </span>\r\n                                </label>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    {(product.prodMain.SfProductEssentials.ACTIVE ||\r\n                    product.freqBoughtRelated.RelatedProductsList[0].ACTIVE) &&\r\n                        <div className=\"fbt__cta\">                           \r\n                            <div className=\"fbt__price\">\r\n                                <div className=\"fbt__price-label\">{(window as any).stringResourcesProductDetail.totalPrice}:</div>\r\n                                <div className=\"price-block price-block--inline\">\r\n                                    {(product.prodMain.SfProductEssentials.ACTIVE && product.freqBoughtRelated.RelatedProductsList[0].ACTIVE) &&                                                    \r\n                                        <div className=\"price price--strikethrough\">{product.freqBoughtRelated.FreqBoughtTogether.CombinedMSRP_UIFormatted}</div>\r\n                                    }\r\n                                    {(product.prodMain.SfProductEssentials.ACTIVE && product.freqBoughtRelated.RelatedProductsList[0].ACTIVE) &&\r\n                                        <div className=\"price price--strong\">{product.freqBoughtRelated.FreqBoughtTogether.CombinedRetailPrice_UIFormatted}</div>\r\n                                    }\r\n                                    {(product.prodMain.SfProductEssentials.ACTIVE && !product.freqBoughtRelated.RelatedProductsList[0].ACTIVE) &&\r\n                                        <div className=\"price price--strong\"> {product.prodMain.SfProductEssentials.RETAIL_PRICE_UIFormatted}</div>\r\n                                    }\r\n                                    {(!product.prodMain.SfProductEssentials.ACTIVE && product.freqBoughtRelated.RelatedProductsList[0].ACTIVE) &&\r\n                                        <div className=\"price price--strong\">{product.freqBoughtRelated.RelatedProductsList[0].RETAIL_PRICE_UIFormatted}</div>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"fbt__buttons\">\r\n                                {(product.prodMain.SfProductEssentials.ACTIVE && product.freqBoughtRelated.RelatedProductsList[0].ACTIVE) &&\r\n                                    <a href=\"javascript:void(0)\"\r\n                                        className=\"fbt__button button button--green\"\r\n                                        aria-label=\"Add to Cart\"\r\n                                        onClick={() => this.onClickAddToCart_BOTH(product.prodMain.SfProductEssentials.PRODUCT_ID,\r\n                                            product.freqBoughtRelated.RelatedProductsList[0].PRODUCT_ID, \"1,2\")}>\r\n                                        {(window as any).stringResourcesProductDetail.BuyItemsTogether}\r\n                                    </a>\r\n                                }\r\n                                {(product.prodMain.SfProductEssentials.ACTIVE && !product.freqBoughtRelated.RelatedProductsList[0].ACTIVE) &&\r\n                                    <a href=\"javascript:void(0)\"\r\n                                        className=\"fbt__button button button--green\"\r\n                                        aria-label=\"Add to Cart\"\r\n                                        onClick={() => this.onClickAddToCart(product.prodMain.SfProductEssentials.PRODUCT_ID, \"1\")}>\r\n                                        {(window as any).stringResourcesProductDetail.addToCart}\r\n                                    </a>\r\n                                }\r\n                                {(!product.prodMain.SfProductEssentials.ACTIVE && product.freqBoughtRelated.RelatedProductsList[0].ACTIVE) &&\r\n                                    <a href=\"javascript:void(0)\"\r\n                                        className=\"fbt__button button button--green\"\r\n                                        aria-label=\"Add to Cart\"\r\n                                        onClick={() => this.onClickAddToCart(product.freqBoughtRelated.RelatedProductsList[0].PRODUCT_ID, \"2\")}>\r\n                                        {(window as any).stringResourcesProductDetail.addToCart}\r\n                                    </a>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    }\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    }\r\n\r\n\r\n\r\n\r\n}","import { BoughtTogetherAndRelatedJsonStruct } from \"./BoughtTogetherAndRelatedJsonStruct\";\r\nimport {SfProductDetailJsonStruct} from \"./SfProductDetailJsonStruct\"\r\nexport class SfProdcutMainWrapper{\r\n    \r\n    constructor(storeFrontId: number, productId: number, isRestricted: boolean) {\r\n        this.STORE_FRONT_ID = storeFrontId;\r\n        this.PRODUCT_ID = productId;\r\n        this.IsRestrictedSite = isRestricted;\r\n    }\r\n    EXCLUDE_FROM_RESTRICTED_SITE: boolean;\r\n    STORE_FRONT_ID: number;\r\n    IsRestrictedSite: boolean;\r\n    PRODUCT_ID: number;\r\n    prodMain: SfProductDetailJsonStruct | undefined;\r\n    freqBoughtRelated: BoughtTogetherAndRelatedJsonStruct | undefined;\r\n}","import {SfProductEssentials} from \"./SfProductEssentials\"\r\n\r\nexport class SfProductDetailJsonStruct {\r\n    constructor(jsonResult: SfProductDetailJsonStruct) {\r\n        this.SfProductEssentials = jsonResult.SfProductEssentials;\r\n        this.Fields = jsonResult.Fields;\r\n\r\n    }\r\n    SfProductEssentials: SfProductEssentials;\r\n    Fields: any;\r\n}","module.exports = React;","module.exports = ReactDOM;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","import * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { FreqBoughtTogetherComponent } from \"./Components/FreqBoughtTogetherComponent\";\r\n\r\n//if(!document.getElementById(\"divProdDetailBelowTheFold\")){\r\n\r\n//    var divModalContentElement = document.createElement(\"div\");\r\n//    divModalContentElement.id = \"divProdDetailBelowTheFold\";\r\n                       \r\n//    var aboveTheFoldDiv = document.getElementsByClassName(\"product-detail__top\")[0];\r\n//    aboveTheFoldDiv.parentNode.appendChild(divModalContentElement)\r\n\r\n//}\r\n\r\nReactDOM.render(\r\n    <FreqBoughtTogetherComponent />,\r\n    document.getElementById(\"freqBoughtTogetherReact\")\r\n);"],"names":["ValuePackBundleType","Object","freeze","None","ValuePack","Bundle","props","windowSize","undefined","state","value","isLoading","product","height","width","showMobileFBTDetails","relatedProductChange","bind","updateDimensions","openMobileFBTDetails","render","contents","this","renderContents","componentWillMount","componentDidMount","prodFromPage","window","$prodMainWrapper","parseProdData","addEventListener","passiveIfSupported","UNSAFE_componentWillMount","removeEventListener","$WindowSizeMiddleware","setState","getHeight","getWidth","prodPointer","productData","SfProdcutMainWrapper","STORE_FRONT_ID","PRODUCT_ID","IsRestrictedSite","freqBoughtRelated","prodMain","SfProductDetailJsonStruct","relatedProduct","e","ACTIVE","stupidProdPointer","onClickAddToCart","pid","os","$ClientMiddleware","AddPidToCartPromise","angularHeaderAddPidToCart","zone","run","componentFn","onClickAddToCart_BOTH","pid1","pid2","pids","AddPidToCartPromise_MultiplePids","className","stringResourcesProductDetail","frequentlyBoughtTogether","SfProductEssentials","RelatedProductsList","IsBogo","src","BogoImage","alt","THUMBNAIL_IMAGE","imageOf","replace","NAME","href","URL_NAME","chooseItemsToBuyTogether","id","type","onChange","checked","htmlFor","join","thisProduct","IsProductOnSale","RETAIL_PRICE_UIFormatted","FullPrice_UIFormatted","totalPrice","FreqBoughtTogether","CombinedMSRP_UIFormatted","CombinedRetailPrice_UIFormatted","onClick","BuyItemsTogether","addToCart","React","Component","FreqBoughtTogetherComponent","storeFrontId","productId","isRestricted","jsonResult","Fields","module","exports","ReactDOM","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","call","document","getElementById"],"sourceRoot":""}