{"version":3,"file":"static/chunks/4902.f0a83ea413c6b221.js","mappings":"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","sources":["webpack://_N_E/./components/product/SwatchGroup/index.jsx","webpack://_N_E/./components/applications/pip/components/Options/Swatches.jsx","webpack://_N_E/./components/applications/pip/components/Options/DisplayName/SelectedDisplay.jsx","webpack://_N_E/./components/applications/pip/components/Options/DisplayName/SetExtraDisplay.jsx","webpack://_N_E/./components/applications/pip/components/Options/DisplayName/HelpText.jsx","webpack://_N_E/./components/applications/pip/components/Options/DisplayName/index.jsx","webpack://_N_E/./custom_hooks/useSortedValues.js","webpack://_N_E/./components/applications/pip/components/Options/DisplayName/DisplayName.module.scss","webpack://_N_E/./components/product/SwatchGroup/SwatchGroup.module.scss"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport Style from './SwatchGroup.module.scss';\nimport utils from 'styles/globals/utils.module.scss';\n\nimport PropTypes from \"prop-types\";\nimport { useContext, useState } from \"react\";\nimport { ProductOptionContext } from \"components/applications/pip/contexts/ProductOptionContext\";\nimport clsx from \"clsx\"\nimport Swatch from \"../Swatch\"\nimport { getUpdateReducerName } from \"components/applications/pip/helpers/PIP.helpers\";\nimport { fabricOptions } from \"lib/Constants/fabricOptions\";\nimport { useSortedValues } from 'custom_hooks/useSortedValues';\nimport dynamic from 'next/dynamic'\nimport { LocalStorage } from 'services/LocalStorage.service';\n\n\nconst SwatchFilter = dynamic(() => import('./SwatchFilter'))\n\n\nfunction SwatchGroup({ \n    optionData, \n    noMargin, \n    smallSwatch = false, \n    product_id = null, \n    contextState,\n    step,\n    isMobile = false ,\n    hideSwatch = \"\",\n    stockedOptions,\n    specialOrderOptions,\n}){\n    const [_, dispatch] = useContext(ProductOptionContext);\n    const [ filteredValues, setFilteredValues ] = useState(optionData.values)\n\n    const handelChanges = (selected) => {\n        const reducerType = getUpdateReducerName(contextState)\n\n        if( selected.swatch_type === \"full_product\" && !optionData?.setProducts){\n            dispatch({\n                type: \"setHoverImage\",\n                data:  selected.image\n            })\n\n            // we don't use this if this is a product set\n            // product set images are set in, option set receiver\n            const imageCart = LocalStorage.getStorage(\"TEAK_image_cart\")\n\n            LocalStorage.setStorage(\"TEAK_image_cart\", { \n                ...imageCart,\n                [product_id]: selected.image \n            }, \"local\")   \n        }\n\n\n        dispatch({\n            type: reducerType,\n            data: {\n                key: selected.name,\n                title: selected.text,\n                image: selected.image,\n                price: selected?.priceAdjustNumeric ?? 0,\n                attributeValue: parseInt(selected.value),\n                product_id: product_id\n            }\n        })\n\n\n        // notify receivers of the global update\n        dispatch({ \n            type: \"setReceiverControl\", \n            data: {\n                key: selected.name,\n                title: selected.text,\n                step: step,\n                product_id: product_id\n            } \n        })\n        \n        // toast(`${selected.text.includes(\"No \") ? `No ${selected.name.split(\"Select\")[1]}` : selected.text} added`)\n    }\n\n    \n    const sortedValues = useSortedValues(filteredValues, optionData.values)\n   \n\n   \n    return(\n        <div className={clsx(Style.block, noMargin && utils.m_0)}>     \n            {optionData.values.length > 12 ? (\n                <SwatchFilter \n                    quickShip={stockedOptions}\n                    hideSwatch={hideSwatch}\n                    specialOrder={specialOrderOptions}\n                    setSorted={(result) => setFilteredValues(result)}\n                    optionDataValues={optionData.values}\n                />\n            ):null}\n            \n\n            <div className={Style.swatches}>\n                {sortedValues.map((swatch) => {\n                    return(\n                        <Swatch \n                            key={swatch?.label}\n                            qty={optionData.quantity}\n                            name={optionData?.display_name} \n                            swatchData={swatch} \n                            onChange={(data) => handelChanges(data)}\n                            isFabric={fabricOptions.some(displayName => optionData?.display_name === displayName) && optionData?.display_name !== \"Select Frame\"}\n                            noMargin\n                            isSet={!!optionData?.setProducts}\n                            selected={null}\n                            hideSwatch={hideSwatch.includes(swatch?.colorCode)}\n                            isStocked={stockedOptions.includes(swatch?.colorCode)}\n                            isSpecialOrder={specialOrderOptions.includes(swatch?.colorCode)}\n                            totalSwatches={sortedValues.length}\n                            isNewColor={(swatch?.new_color === 'Yes') ? true : false}\n                            {...{ \n                                smallSwatch, \n                                isMobile, \n                                contextState,\n                                dispatch \n                            }}\n                        />\n                    )\n                })}\n\n                {sortedValues.length === 0 && (\n                    <div className={Style.noResults}>\n                        <p>Sorry. No results found.</p>\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n\n\nSwatchGroup.propTypes = {\n    optionData: PropTypes.object,\n    staticFilters: PropTypes.bool,\n    noMargin: PropTypes.bool,\n    smallSwatch: PropTypes.bool\n}\n\n\nexport default SwatchGroup","import SwatchGroup from 'components/product/SwatchGroup';\nimport DisplayName from './DisplayName';\nimport { Suspense } from 'react';\nimport OptionsPreloader from './OptionsPreloader';\n\n\nfunction Swatches({ \n    item, \n    step, \n    product_id = null, \n    errors, \n    openState = false, \n    isSelected, \n    contextState = \"options\",\n    isMobile,\n    hideSwatch = \"\",\n    stockedOptions = \"\",\n    specialOrderOptions = \"\",\n    productSetLength,\n    selectedOption,\n    length,\n    dispatch = () => null\n}){\n\n    return(\n        <Suspense fallback={<OptionsPreloader/>}>\n        <details open={openState}>\n            <DisplayName \n                name={item?.display_name} \n                hasError={errors.some(ele => ele?.display_name === item?.display_name)}\n                isOpen={openState}\n                {...{ \n                    productSetLength, \n                    step, \n                    isSelected, \n                    contextState, \n                    selectedOption,\n                    length \n                }}\n                products={item?.setProducts}\n            />\n            \n            <fieldset>\n                <SwatchGroup \n                    optionData={item}\n                    {...{ \n                        contextState, \n                        product_id, \n                        step, \n                        isMobile, \n                        hideSwatch, \n                        stockedOptions, \n                        specialOrderOptions,\n                        selectedOption,\n                    }}  \n                />\n            </fieldset>\n        </details>\n        </Suspense>\n    )\n}\n\nexport default Swatches;","import Image from \"next/image\";\nimport Style from './DisplayName.module.scss'\n\n\n\nfunction SelectedDisplay({ selectedOption, blurImage }){\n    return(\n        <>\n            {(!Array.isArray(selectedOption) && selectedOption?.title) ? (\n                <div className={Style.optionSelections}>\n                    <span className={Style.selected}>\n                        {selectedOption?.image && (\n                            <Image \n                                src={selectedOption?.image} \n                                width={15} \n                                height={15} \n                                alt={selectedOption?.title} \n                                className={Style.image} \n                                placeholder=\"blur\"\n                                blurDataURL={blurImage}\n                            />\n                        )} {selectedOption.title}\n                    </span>\n                </div>\n\n            ):(\n                <>\n                    {Array.isArray(selectedOption) && (\n                        <div className={Style.optionSelections}>\n                            <span className={Style.selected}>\n                                {selectedOption?.[0]?.image && (\n                                    <Image \n                                        src={selectedOption?.[0]?.image} \n                                        width={15} \n                                        height={15} \n                                        alt={selectedOption?.[0]?.title} \n                                        className={Style.image} \n                                        placeholder=\"blur\"\n                                        blurDataURL={blurImage}\n                                    />\n                                )} \n                                \n                                {selectedOption.map(opt => opt.title).join(\", \")}\n                            </span>\n                        </div>\n                    )}\n                </>\n            )}\n        </>\n    )\n}\n\nexport default SelectedDisplay;","import clsx from 'clsx';\nimport Style from './DisplayName.module.scss'\n\n\n\nfunction SetExtraDisplay({ products, productSetLength }){\n    return(\n        <span className={Style.extras}>        \n            {(productSetLength !== products.length) ? (\n                <small className={Style.extrasName}>\n                    <span className={Style.extrasStandard}>\n                        For the:\n                    </span> \n\n                    {products.map((product, i) => `${product.name}${i+1 !== products.length ? \", \" : \"\"}`)}\n                </small>\n            ):(\n                <small className={clsx(Style.extrasName, Style.extrasStandard)}>\n                    For all pieces in this set.\n                </small>\n            )}\n        </span>\n    )\n}\n\nexport default SetExtraDisplay;","import Style from './DisplayName.module.scss'\n\nfunction HelpText({ children }){\n    return(\n        <div className={Style.optionSelections}>\n            {children}\n        </div>\n    )\n}\n\nexport default HelpText;","import PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { IconAlertTriangle } from \"components/icons/IconAlertTriangle\";\nimport { IconDone } from \"components/icons/IconDone\";\nimport { IconPlus } from \"components/icons/IconPlus\";\nimport utils from 'styles/globals/utils.module.scss';\nimport Style from './DisplayName.module.scss'\nimport { blurImage } from 'lib/Constants/blurImage';\nimport { isValidElement, useEffect, useState } from \"react\";\nimport SelectedDisplay from \"./SelectedDisplay\";\nimport SetExtraDisplay from \"./SetExtraDisplay\";\nimport HelpText from \"./HelpText\";\n\n\nfunction DisplayName({ \n    name, \n    hasError = true, \n    step, \n    isOpen = false, \n    isSelected, \n    productSetLength,\n    products = [],\n    contextState,\n    length,\n    selectedOption = null,\n    isStepCallout = false,\n    availabilityTitle = \"option\",\n    helpText = null,\n    stepClassName = \"\"\n}){\n    const [ open, setOpen ] = useState(false);\n\n    useEffect(() => {\n        setOpen(isOpen);\n    }, [ isOpen ])\n\n\n    return(\n        <summary className={Style.block} onClick={() => setOpen(!open)}>\n            <div className={Style.label}>\n                {(hasError && !isSelected) ? (\n                    <span className={clsx(utils.fs_4, Style.step, Style.stepError)}>\n                        <IconAlertTriangle \n                            width=\"25\" \n                            height=\"25\" \n                            className={Style.stepIconError} \n                        />\n                    </span>\n\n                ):(\n                    <>\n                        {isValidElement(step) ? (\n                            <span className={clsx(utils.fs_4, Style.step, (isStepCallout ? Style.stepCallout : Style.stepIcon), stepClassName)}>\n                                {step}\n                            </span>\n\n                        ):(\n                            \n                            <span className={clsx(utils.fs_4, Style.step, stepClassName, isSelected && Style.stepCheck)}>\n                                {isSelected ? <IconDone width=\"30\" height=\"30\" className={Style.stepIcon} /> : `${step}` }\n                            </span>\n                        )}\n                    </>\n                )}\n    \n                <div className={Style.text}>\n                    <span className={clsx(utils.fs_4, Style.name)}>\n                        {((length && !selectedOption?.title) && !selectedOption?.[0]?.title) ? (\n                            <small className={Style.optionsLength}>\n                                {length} {availabilityTitle}{length > 1 && \"s\"} available\n                            </small>\n                        ):null}\n                        \n                        {name}\n\n                        <SelectedDisplay \n                            {...{ name, selectedOption, length, availabilityTitle, blurImage }} \n                        />\n\n                        {helpText && (\n                            <HelpText>\n                                {helpText}\n                            </HelpText>\n                        )}\n                    </span>\n\n                    {contextState === \"sets\" && (\n                        <SetExtraDisplay {...{ productSetLength, products }} />\n                    )}\n\n                    {(hasError && !isSelected) && (\n                        <strong className={clsx(utils.text_terracotta, Style.error)}>\n                            <IconAlertTriangle width=\"15\" height=\"15\" fill=\"#db613a\" />&nbsp;Please choose a customization!\n                        </strong>\n                    )}\n                </div>\n            </div>\n\n            <IconPlus className={clsx(Style.toggleIcon, open && Style.iconRotate)} />\n        </summary>\n    )\n}\n\n\nDisplayName.propTypes = {\n    name: PropTypes.string,\n    hasError: PropTypes.bool,\n    selectedOption: PropTypes.oneOfType([ PropTypes.array, PropTypes.object ]),\n    isOpen: PropTypes.bool,\n    isSelected: PropTypes.bool,\n    productSetLength: PropTypes.number,\n    products: PropTypes.array,\n    contextState: PropTypes.string,\n    length: PropTypes.number,\n    step: PropTypes.oneOfType([ PropTypes.string, PropTypes.element ]),\n    isStepCallout: PropTypes.bool,\n    availabilityTitle: PropTypes.string,\n    helpText: PropTypes.oneOfType([ PropTypes.string, PropTypes.element ]),\n    stepClassName: PropTypes.string\n}\n\n\nexport default DisplayName;","import { noThanksFirst, sortSwatchesByThenBy } from \"components/applications/pip/helpers/PIP.helpers\";\nimport parseOptionLabel from 'components/applications/pip/helpers/parseOptionLabel.helper';\nimport { useMemo } from \"react\";\n\n\n/**\n * Sorts any option values by price then color then no thanks first\n * @param {array} values - option values\n * @returns \n */\n\nexport function useSortedValues( values = [] ){\n    const sortedValues = useMemo(() => {\n        const newValues = values.map(val => {\n            const { color, grade, brandName, label } = val;\n            const parsedSwatch = (color && grade && brandName) ? val : parseOptionLabel(label);\n\n            return {\n                ...val,\n                ...parsedSwatch,\n                search: Object.values(parsedSwatch).join(\" \")\n            }\n        })\n\n        const thenSorted = sortSwatchesByThenBy(newValues, \"priceAdjustNumeric\", \"grade\", \"brandName\", \"color\")\n        const sorted = noThanksFirst(thenSorted)\n\n        return sorted\n\n    }, [ values ])\n\n\n    return [ ...sortedValues ]\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"selected\":\"DisplayName_selected__YF68x\",\"extrasName\":\"DisplayName_extrasName__KnvLr\",\"block\":\"DisplayName_block__m1bnq\",\"name\":\"DisplayName_name__LROqS\",\"optionsLength\":\"DisplayName_optionsLength__hiH10\",\"step\":\"DisplayName_step__PFqqQ\",\"stepCallout\":\"DisplayName_stepCallout__DWqTO\",\"stepCheck\":\"DisplayName_stepCheck__VAPaV\",\"stepIcon\":\"DisplayName_stepIcon__JiZKG\",\"stepIconError\":\"DisplayName_stepIconError__6MRfV\",\"shake\":\"DisplayName_shake__Wmfs9\",\"stepError\":\"DisplayName_stepError__jKK06\",\"label\":\"DisplayName_label__t8JpN\",\"toggleIcon\":\"DisplayName_toggleIcon__14DXr\",\"iconRotate\":\"DisplayName_iconRotate__zDDqh\",\"text\":\"DisplayName_text__6D2Z_\",\"extras\":\"DisplayName_extras___vZMX\",\"extrasStandard\":\"DisplayName_extrasStandard__kXxYX\",\"optionSelections\":\"DisplayName_optionSelections___V2K2\",\"image\":\"DisplayName_image__gc8TI\",\"error\":\"DisplayName_error__CtY26\",\"controlGroup\":\"DisplayName_controlGroup__6HXXe\",\"control\":\"DisplayName_control__CTftq\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"block\":\"SwatchGroup_block__vtC9D\",\"brandBlock\":\"SwatchGroup_brandBlock__gHXYK\",\"brandName\":\"SwatchGroup_brandName__azeD_\",\"swatches\":\"SwatchGroup_swatches__P8c82\",\"displayName\":\"SwatchGroup_displayName__O4pPD\",\"moreOptions\":\"SwatchGroup_moreOptions__345a1\",\"moreOptionsLabel\":\"SwatchGroup_moreOptionsLabel__xSwBA\",\"sunbrellaIcon\":\"SwatchGroup_sunbrellaIcon__We3SU\",\"noResults\":\"SwatchGroup_noResults__yy21u\"};"],"names":["SwatchFilter","dynamic","SwatchGroup","optionData","noMargin","smallSwatch","product_id","contextState","step","isMobile","hideSwatch","stockedOptions","specialOrderOptions","_","dispatch","useContext","ProductOptionContext","filteredValues","setFilteredValues","useState","values","handelChanges","reducerType","getUpdateReducerName","selected","swatch_type","setProducts","type","data","image","imageCart","LocalStorage","getStorage","setStorage","key","name","title","text","price","priceAdjustNumeric","attributeValue","parseInt","value","sortedValues","useSortedValues","div","className","clsx","Style","utils","length","quickShip","specialOrder","setSorted","result","optionDataValues","map","Swatch","qty","quantity","display_name","swatchData","swatch","onChange","isFabric","fabricOptions","some","displayName","isSet","includes","colorCode","isStocked","isSpecialOrder","totalSwatches","isNewColor","new_color","label","p","propTypes","PropTypes","staticFilters","Swatches","item","errors","openState","isSelected","productSetLength","selectedOption","Suspense","fallback","OptionsPreloader","details","open","DisplayName","hasError","ele","isOpen","products","fieldset","SelectedDisplay","blurImage","Array","isArray","span","Image","src","width","height","alt","placeholder","blurDataURL","opt","join","SetExtraDisplay","small","product","i","HelpText","children","isStepCallout","availabilityTitle","helpText","stepClassName","setOpen","useEffect","summary","onClick","IconAlertTriangle","isValidElement","IconDone","strong","fill","IconPlus","useMemo","newValues","val","color","grade","brandName","parsedSwatch","parseOptionLabel","search","Object","thenSorted","sortSwatchesByThenBy","noThanksFirst"],"sourceRoot":"","ignoreList":[]}