{"version":3,"file":"static/chunks/7428.eb4ded68b0e01333.js","mappings":"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","sources":["webpack://_N_E/./components/applications/pip/components/Addon/Controls.jsx","webpack://_N_E/./components/applications/pip/components/Addon/Pod.jsx","webpack://_N_E/./components/applications/pip/components/Addon/_hooks/useAddonProducts.js","webpack://_N_E/./components/applications/pip/components/Addon/AddonProducts.jsx","webpack://_N_E/./components/applications/pip/components/Options/Addons.jsx","webpack://_N_E/./components/icons/IconArrowRight.jsx","webpack://_N_E/./components/applications/pip/components/Options/Options.module.scss"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { ProductOptionContext } from \"components/applications/pip/contexts/ProductOptionContext\";\nimport clsx from \"clsx\";\nimport Loader from \"components/feedback/Loader\";\nimport Button from \"components/forms/Button\";\nimport { IconArrowRight } from \"components/icons/IconArrowRight\";\nimport { useAddToCart } from \"components/applications/cart/hooks/useAddToCart\";\nimport scrollToLocation from \"lib/Utils/scrollToLocation\";\nimport { useContext, useEffect, useState } from \"react\";\nimport Style from \"./Addon.module.scss\"\n\nimport { sendGTMEvent } from \"@next/third-parties/google\";\n\nfunction Controls({ \n    isConfigurable, \n    sku, \n    qty, \n    variant_id, \n    minimum_qty, \n    maximum_qty,\n    product_id, \n    index,\n    price,\n    name,\n    brand,\n    family,\n    parentId = null,\n    userId= null\n\n}) {\n    const [state, _] = useContext(ProductOptionContext);\n    const [ offsetTop, setOffsetTop ] = useState(0)\n\n    const cart = useAddToCart({ \n        contextState: \"addons\",\n        qty, \n        productId: product_id, \n        variantId: variant_id,  \n        minimum_qty,\n        maximum_qty\n    })\n\n    useEffect(() => {\n        setOffsetTop(state.ref?.[sku] + (index * 10))\n\n    }, [state.ref?.[sku]])\n    \n    function addToCartAddon() {\n       \n        cart.addToCart();\n        //Ga4 analytics\n        const atc_prod = {\n            \"currency\":  \"USD\",\n            \"value\": price,\n            \"items\": [{\n            \"item_name\": name,\n            \"price\": price,\n            \"quantity\": qty,\n            \"item_id\": product_id,\n            \"item_variant\": variant_id,\n            \"item_category\": \"Addons\", \n            \"item_brand\": brand?.name,\n            \"item_category2\": family,\n            //\"parentId\": parentId,\n            \"affiliation\": parentId\n\n        }]                \n        }\n        sendGTMEvent({ event: 'reset_dl', ecommerce: null});\n        sendGTMEvent({ event: 'add_to_cart', ecommerce: { ...atc_prod, user_id: userId }});\n    }\n\n\n\n    return(\n        <>\n            {isConfigurable ? (\n                <Button \n                    variant=\"link\" \n                    color=\"transparent\" \n                    type=\"button\"  \n                    onClick={() => {\n                        const newSku = document.getElementById(sku)\n                        \n                        if( newSku ){\n                            scrollToLocation(null, newSku?.offsetTop )\n                        }\n                    }} \n                    className={Style.control} \n                    noAnimate\n                >\n                    Configure & Buy\n                </Button>\n\n            ):(\n                <Button \n                    variant=\"link\" \n                    color=\"transparent\" \n                    type=\"button\"  \n                    className={clsx(Style.control, (cart.loading || cart.success || cart.err) && Style.loading)} \n                    onClick={addToCartAddon} \n                    noAnimate\n                >\n                    {(cart.loading || cart.success || cart.err) ? \n                        <Loader \n                            isLoading={cart.loading} \n                            isSuccessful={cart.success} \n                            hasError={cart.err} \n                            isGreenCheck\n                            isDark\n                        /> \n                    : \n                        `Add to Cart`\n                    }\n                </Button>\n            )}\n        </>\n    )\n}\n\n\nexport default Controls;","import Style from \"./Addon.module.scss\"\nimport Button from \"components/forms/Button\";\nimport ProductPrice from \"components/product/ProductPrice\";\nimport scrollToLocation from \"lib/Utils/scrollToLocation\";\nimport Image from \"next/image\";\nimport Controls from \"./Controls\";\nimport clsx from \"clsx\";\nimport { blurImage } from 'lib/Constants/blurImage';\n\n\nfunction AddonPod({ \n    image, \n    name, \n    price, \n    options, \n    minimum_qty,\n    maximum_qty,\n    sku, \n    variant_id, \n    quantity, \n    product_id,\n    index,\n    brand,\n    family,\n    parentId = null,\n    userId = null,\n    position,\n    onLastChild = () => null \n\n}) {\n    return(\n        <article className={clsx(Style.podBlock)}>\n            <div className={Style.podBlockInner}>\n                <figure className={Style.podContent}>\n                    <button \n                        type=\"button\"  \n                        onClick={() => scrollToLocation(null, document.getElementById(sku).offsetTop )} \n                        className={Style.podLink} \n                    >\n                        <Image\n                            src={image}\n                            width=\"150\"\n                            height=\"150\"\n                            alt={name}\n                            placeholder=\"blur\"\n                            blurDataURL={blurImage}\n                            className={Style.podImage}\n                            onLoad={() => {\n                                // on last visible child reload keen slider\n                                if( position === 2 ){\n                                    onLastChild(true)\n                                }\n                            }}\n                        />\n                    </button>\n\n                    <figcaption className={Style.podTitle}>\n                        {name}\n                    </figcaption>\n                        \n                    <span className={Style.podPrice}>\n                        {!!(Array.isArray(options) && options.length) && (\n                            <>\n                                <em className={Style.from}>\n                                    from\n                                </em>\n                                \n                                &nbsp;\n                            </>\n                        )}\n                        \n                        <ProductPrice \n                            {...{ price }} \n                            className={Style.podPrice}\n                        />\n                    </span>\n                </figure>\n\n\n                <Controls \n                    isConfigurable={!!(Array.isArray(options) && options.length || minimum_qty>1)} \n                    {...{ \n                        sku, qty: \n                        quantity, \n                        variant_id, \n                        minimum_qty, \n                        maximum_qty,\n                        product_id, \n                        index, \n                        name, \n                        price, \n                        brand, \n                        family,\n                        parentId,\n                        userId\n                    }}\n                />\n            </div>\n        </article>\n    )\n}\n\n\nexport default AddonPod;","import { useEffect, useState } from \"react\";\n\n\nexport default function useAddonProducts(addons){\n    const [ products, setProducts ] = useState([])\n\n    useEffect(() => {\n        const addonProducts = Object.keys(addons).map(item => {\n            return{\n                ...addons[item],\n                product_id: parseInt(item) ? parseInt(item) : addons[item].product_id\n            }\n        })\n\n        setProducts(addonProducts)\n\n    }, [ addons ])\n\n\n    return products\n}","/* eslint-disable react-hooks/exhaustive-deps */\nimport Pod from \"./Pod\";\nimport ErrorBoundary from \"services/ErrorBoundary\";\nimport useAddonProducts from \"components/applications/pip/components/Addon/_hooks/useAddonProducts\";\nimport { useMemo, useState } from \"react\";\nimport Style from \"./Addon.module.scss\"\nimport Truncate from \"components/display/Truncate\";\nimport clsx from \"clsx\";\n\n\n\nfunction AddonProducts({ addon, brand, family, parentId = null }){\n    const [ isExpanded, setIsExpanded ] = useState(false)\n    const products = useAddonProducts(addon)\n\n    const productList = useMemo(() => {\n        return products.map((product, index) => {\n            return(\n                <Pod \n                    key={product.sku}\n                    {...{ ...product, index, brand, family, parentId }} \n                />\n            )\n        })\n\n    }, [ products ])\n\n\n\n    return(\n        <ErrorBoundary>\n            <Truncate\n                maxHeight=\"450px\" \n                shouldTruncate={products.length > 2}\n                buttonText=\"See more\"\n                isShown={(show) => setIsExpanded(show)}\n            >\n                <div className={clsx(Style.container, isExpanded && Style.expandedCntr)}>\n                    {productList}\n                </div>\n            </Truncate>\n        </ErrorBoundary>\n    )\n}\n\nexport default AddonProducts;","\"use client\"\n\nimport DisplayName from \"./DisplayName\";\nimport Style from \"./Options.module.scss\"\nimport AddonProducts from \"../Addon/AddonProducts\";\nimport { IconPlus } from \"components/icons/IconPlus\";\n\n\nfunction Addons({ \n    addon = {}, \n    brand,\n    family,\n    parentId = null,\n    userId= null\n}){\n\n    return(\n        <details className={Style.block} open={true}>\n            <DisplayName \n                name=\"Recommended add-ons\"\n                isOpen={true}\n                step={<IconPlus width=\"30\" height=\"30\" className={Style.stepIcon} />}\n                isStepCallout\n                hasError={false}\n            />\n\n            <fieldset data-tracking=\"addon_nav\">\n                <AddonProducts {...{ brand, addon, family, parentId, userId:userId }} />\n            </fieldset>\n        </details>\n    )\n}\n\n\nexport default Addons;","\nexport function IconArrowRight(props){\n    return(\n        <svg {...props} viewBox=\"0 0 68 13\" xmlSpace=\"preserve\">\n            <g transform=\"translate(-1366.5 -1545)\">\n                <line id=\"Line_1\" data-name=\"Line 1\" x2=\"58\" transform=\"translate(1366.5 1551.5)\" strokeWidth=\"2\"/>\n                <path id=\"Polygon_1\" data-name=\"Polygon 1\" d=\"M6.5,0,13,11H0Z\" transform=\"translate(1434.5 1545) rotate(90)\" />\n            </g>        \n        </svg>\n    )\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"step\":\"Options_step__2uit0\",\"block\":\"Options_block__IJLlH\",\"hide\":\"Options_hide__ycBQO\",\"optionSets\":\"Options_optionSets__hBmPT\",\"arrowIconFinish\":\"Options_arrowIconFinish__O3zu1\",\"selectedBlock\":\"Options_selectedBlock__UrbLd\",\"selectedButton\":\"Options_selectedButton__R5BfU\",\"chosenBtn\":\"Options_chosenBtn__0mxd4\",\"selectedTitle\":\"Options_selectedTitle__b7F8_\",\"chosenText\":\"Options_chosenText__0NbDO\",\"selectedItem\":\"Options_selectedItem__v360Y\",\"closeBtn\":\"Options_closeBtn__pPGX2\",\"small\":\"Options_small__jkKMt\",\"stepIcon\":\"Options_stepIcon__Nsy8q\"};"],"names":["Controls","isConfigurable","sku","qty","variant_id","minimum_qty","maximum_qty","product_id","index","price","name","brand","family","parentId","userId","state","_","useContext","ProductOptionContext","offsetTop","setOffsetTop","useState","cart","useAddToCart","contextState","productId","variantId","useEffect","ref","Button","variant","color","type","onClick","newSku","document","getElementById","scrollToLocation","className","Style","noAnimate","clsx","loading","success","err","addToCartAddon","addToCart","atc_prod","sendGTMEvent","event","ecommerce","user_id","Loader","isLoading","isSuccessful","hasError","isGreenCheck","isDark","AddonPod","image","options","quantity","position","onLastChild","article","div","figure","button","Image","src","width","height","alt","placeholder","blurDataURL","blurImage","onLoad","figcaption","span","Array","isArray","length","em","ProductPrice","AddonProducts","addon","isExpanded","setIsExpanded","products","useAddonProducts","setProducts","Object","keys","addonProducts","addons","map","item","parseInt","productList","useMemo","product","Pod","ErrorBoundary","Truncate","maxHeight","shouldTruncate","buttonText","isShown","show","Addons","details","open","DisplayName","isOpen","step","IconPlus","isStepCallout","fieldset","data-tracking","IconArrowRight","props","svg","viewBox","xmlSpace","g","transform","line","id","data-name","x2","strokeWidth","path","d"],"sourceRoot":"","ignoreList":[]}