{"version":3,"file":"static/chunks/6298.8acc7e5a9e51d59b.js","mappings":"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","sources":["webpack://_N_E/./components/product/SwatchGroup/SwatchFilter/SwatchFilter.module.scss","webpack://_N_E/./components/icons/IconSearch.jsx","webpack://_N_E/./components/icons/IconInputError.jsx","webpack://_N_E/./components/product/SwatchGroup/SwatchGroup.helpers.js","webpack://_N_E/./components/product/SwatchGroup/SwatchFilter/getSwatchData.helper.js","webpack://_N_E/./components/product/SwatchGroup/SwatchFilter/index.jsx","webpack://_N_E/./components/forms/Input/Input.module.scss","webpack://_N_E/./lib/Utils/removeSpaces.js","webpack://_N_E/./components/forms/Input/index.jsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"block\":\"SwatchFilter_block__2LPNk\",\"searchIcon\":\"SwatchFilter_searchIcon__vMd1M\",\"keyword\":\"SwatchFilter_keyword__fprFT\",\"quickShip\":\"SwatchFilter_quickShip__Mpqrh\",\"controls\":\"SwatchFilter_controls__IuuGA\"};","\nexport function IconSearch(props){\n    return(\n        <svg {...props} xmlSpace=\"preserve\" viewBox=\"0 0 20 20\" focusable=\"false\" aria-label=\"search\" aria-hidden=\"true\">\n            <title></title>\n            <path d=\"M16.46 14.8l-3.1-3.1c.87-1.18 1.4-2.63 1.4-4.2 0-3.87-3.14-7-7-7-3.88 0-7 3.13-7 7s3.12 7 7 7c1.56 0 3-.52 4.18-1.4l3.1 3.1c.4.4 1.03.4 1.42 0 .4-.38.4-1.02 0-1.4zm-8.7-2.3c-2.77 0-5-2.24-5-5s2.23-5 5-5c2.75 0 5 2.24 5 5s-2.25 5-5 5z\"></path>\n        </svg>\n    )\n}","\nexport function IconInputError(props){\n    return(\n        <svg xmlSpace=\"preserve\" viewBox=\"0 0 24 24\" {...props} aria-label=\"error\">\n            <path d=\"M12 20.016c4.406 0 8.016-3.609 8.016-8.016s-3.609-8.016-8.016-8.016-8.016 3.609-8.016 8.016 3.609 8.016 8.016 8.016zM12 2.016c5.531 0 9.984 4.453 9.984 9.984s-4.453 9.984-9.984 9.984-9.984-4.453-9.984-9.984 4.453-9.984 9.984-9.984zM11.016 6.984h1.969v6h-1.969v-6zM11.016 15h1.969v2.016h-1.969v-2.016z\"></path>\n        </svg>\n    )\n}","import parseOptionLabel from 'components/applications/pip/helpers/parseOptionLabel.helper';;\n\n\n\n// Sort by 1 factor\nexport function sortSwatchesBy(swatches = [], by = \"\"){\n    return swatches.sort((a, b) => a[by] > b[by] ? 1 : -1);\n}\n\n\n// Sort and Group by Brand\nexport function sortByBrand(optionData){\n    const sorted = {};\n\n    optionData.values.forEach(opt => {\n        const parsed = parseOptionLabel(opt.label);\n        sorted[parsed.brandName] = {};\n    });\n\n\n    optionData.values.forEach(opt => {\n        const parsed = parseOptionLabel(opt.label);\n\n        sorted[parsed.brandName] = {\n            ...sorted[parsed.brandName],\n            [parsed.text]: {\n                ...parsed,\n                ...opt\n            }\n        }\n    });\n\n    return sorted;\n}","import parseOptionLabel from \"components/applications/pip/helpers/parseOptionLabel.helper\";\n\n/**\n * Parse the option label to get the color code\n * @param {array} swatchValues \n * @returns array\n */\n\nexport default function getSwatchData({ sortedOptionDataValues, quickShip = [], specialOrderOptions = [], hideSwatch = []}){\n    const swatchSet = sortedOptionDataValues.map((swatch) => {\n        const parsed = parseOptionLabel(swatch.label)\n\n        return{\n            ...swatch,\n            ...parsed,\n            quickShip: quickShip.includes(parsed?.colorCode),\n            specialOrder: specialOrderOptions.includes(parsed?.colorCode),\n            hideSwatch: hideSwatch.includes(parsed?.colorCode)\n        }\n    })\n\n   return swatchSet\n}","/* eslint-disable react-hooks/exhaustive-deps */\n\nimport Style from './SwatchFilter.module.scss';\n\nimport PropTypes from \"prop-types\";\nimport Input from \"components/forms/Input\";\nimport React, { useEffect, useId, useMemo, useState } from \"react\";\nimport { sortSwatchesBy } from \"../SwatchGroup.helpers\";\nimport dynamic from 'next/dynamic'\nimport { useSortedValues } from \"custom_hooks/useSortedValues\";\nimport getSwatchData from './getSwatchData.helper';\n\nconst ToolTip = dynamic(() => import('components/help/ToolTip'))\nconst Checkbox = dynamic(() => import('components/forms/Checkbox'))\n\n\nconst SwatchFilter = React.forwardRef(({\n    setSorted = () => null, \n    quickShip = \"\", \n    specialOrderOptions = \"\",\n    hideSwatch = \"\",\n    optionDataValues = [],\n    name\n}, ref ) => {\n\n    const id = useId()\n    const [ keyword, setKeyword ] = useState(\"\")\n    const [ qs, setQuickShip ] = useState(null)\n\n    const sortedOptionDataValues = useSortedValues(optionDataValues)\n\n    const sorted = useMemo(() => {      \n        if( qs || keyword ){\n            const swatchData = getSwatchData({ sortedOptionDataValues, quickShip, specialOrderOptions, hideSwatch});\n            const newKeyword = keyword.toLowerCase()\n\n            const filtered = swatchData.filter(val => {\n                const newLabel = val.label.toLowerCase();\n\n                return  (!qs || qs === val.quickShip) &&\n                        (!newKeyword || newLabel.includes(newKeyword))\n            })\n        \n            const sorted = sortSwatchesBy(filtered, \"label\")\n\n            return sorted   \n\n        }else{\n            // set the original values back\n            return sortedOptionDataValues\n        }\n\n    }, [ keyword, qs ])\n\n\n\n    useEffect(() => {\n        setSorted(sorted)\n\n    }, [ sorted ])\n\n   \n\n\n    return(\n        <fieldset className={Style.block} ref={ref}>\n            <Input \n                name={name}\n                label=\"Search Swatches\"\n                placeholder=\"Type a name, color, grade or brand\"\n                onKeyUp={(value) => setKeyword(value)}\n                type=\"search\"\n                canClear\n                autoComplete={false}\n                className={Style.keyword}\n            />\n\n            {quickShip && (\n                <div className={Style.controls}>\n                    <Checkbox\n                        name={`Quick Ship ` + name}\n                        label={'Quick Ship'}\n                        id={id}\n                        onChange={(value, e) => setQuickShip(e.checked ||= null)}\n                        className={Style.quickShip}\n                    />\n\n                    <ToolTip text=\"Quick Ship fabric colors ship faster than most other fabric colors.\" />\n                </div>\n            )}\n        </fieldset>\n    )\n})\n\n\nSwatchFilter.displayName = 'SwatchFilter';\n\n\nSwatchFilter.propType = {\n    values: PropTypes.array,\n    setSorted: PropTypes.func\n}\n\n\nexport default SwatchFilter;\n\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"control\":\"Input_control__hNWIt\",\"active\":\"Input_active__WYu4O\",\"file\":\"Input_file__iQEKD\",\"label\":\"Input_label__Gql5L\",\"help\":\"Input_help__1zng9\",\"block__select\":\"Input_block__select__cIx0D\",\"block\":\"Input_block__U2yiM\",\"errorIcon\":\"Input_errorIcon__JluuM\",\"flushRightIcon\":\"Input_flushRightIcon__fRr4q\",\"error__label\":\"Input_error__label__YUuBD\",\"error__control\":\"Input_error__control__6LJBw\",\"error__help\":\"Input_error__help__GiGRS\",\"hasUnit\":\"Input_hasUnit__8laLF\",\"controlGroup\":\"Input_controlGroup__4_lzQ\",\"togglePassword\":\"Input_togglePassword__dkWy4\",\"clearInput\":\"Input_clearInput__I9MTa\",\"searchIcon\":\"Input_searchIcon__RQt3P\",\"postFix\":\"Input_postFix__3MhPJ\"};","/**\n * Removes ALL spaces from a string\n * @param {String} string \n * @returns a string with no spaces\n */\n\nexport default function removeSpaces(string = \"\"){\n    return string.replace(/\\s/g, '');\n}\n","\"use client\"\n\n/* eslint-disable react-hooks/exhaustive-deps */\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useId, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport removeSpaces from 'lib/Utils/removeSpaces';\nimport { IconClose } from 'components/icons/IconClose';\nimport { IconInputError } from 'components/icons/IconInputError';\nimport { IconSearch } from 'components/icons/IconSearch';\n\nimport Style from './Input.module.scss';\n\n\n\nconst Input = React.forwardRef(({\n    type = \"text\",\n    className,\n    autoComplete,\n    label,\n    name,\n    required,\n    disabled,\n    error = false,\n    value,\n    canClear,\n    placeholder,\n    min,\n    max,\n    id,\n    accept,\n    maxLength,\n    minLength,\n    readOnly,\n    helpText,\n    controlClass,\n    unitText = null,\n    onFocus = () => null,\n    onBlur = () => null,\n    onChange = () => null,\n    onKeyUp = () => null,\n    onInput = () => null,\n    autoFocus = false,\n    clearBtnTabIndex = 0,\n    ...other\n}, ref ) => {\n\n    const inputRef = useRef()\n    const [ newValue, setValue ] = useState(\"\")\n    const [ inputType, setType ] = useState(type);\n    const [ hasFocus, setHasFocus ] = useState(null)\n    const genId = useId()\n\n    useEffect(() => {\n        if( autoFocus ){ \n            inputRef.current.focus() \n        }\n        \n    }, [])\n\n\n    useEffect(() => {\n        if( value || value === 0 ){\n            setValue(value)\n            setHasFocus(true)\n        }\n        \n    }, [ value ])\n\n \n     \n    const togglePassword = () => {\n        const newType = inputType === \"text\" ? \"password\" : \"text\"\n        setType(newType)\n    }\n\n\n    const triggerEvents = (event) => {\n        const value = inputRef.current.value;\n\n        if( onChange ){ onChange(value, inputRef.current, event); }\n        if( onKeyUp ){ onKeyUp(value, inputRef.current, event); }\n        if( onInput ){ onInput(value, inputRef.current, event); }\n    }\n\n\n    function checkForValue(e){\n        const hasValue = ref?.current?.value.length || e?.target?.value.length;\n        const hasCurrentFocus = document.activeElement === inputRef.current;\n\n        if( \n            ((hasCurrentFocus && hasValue)  ||\n            (hasCurrentFocus && !hasValue) || \n            (!hasCurrentFocus && hasValue)) &&\n            e.type === \"focus\"\n        ){\n            setHasFocus(true)\n\n        }else if( (!hasCurrentFocus && !hasValue) ){\n            setHasFocus(false)\n            onBlur()\n\n        }else if ( e.type === \"blur\" ){\n            onBlur()\n        }\n    }\n\n\n    const inputChange = (e) => {\n        triggerEvents(e)\n        setValue(ref?.current?.value ?? e?.target?.value)\n        checkForValue(e)\n    }\n\n\n    const clearInput = () => {\n        inputRef.current.value = \"\";\n\n        setValue(\"\")\n        triggerEvents()\n        onBlur()\n    }\n\n\n    return(\n        <div className={clsx(Style.block, className && className, hasFocus && Style.active, type === \"file\" && Style.file)}>\n            <div className={Style.controlGroup}>\n                <input \n                    ref={(node) => {\n                        inputRef.current = node;\n\n                        if (typeof ref === 'function') {\n                            ref(node);\n\n                        } else if (ref) {\n                            ref.current = node;\n                        }\n                    }}\n                    id={removeSpaces(id ?? genId)}\n                    autoComplete={!autoComplete && \"new-password\"}\n                    type={inputType}\n                    name={name}\n                    className={clsx(Style.control, controlClass, error && Style.error__control)} \n                    required={required}\n                    placeholder={placeholder}\n                    value={newValue}\n                    accept={accept}\n                    disabled={disabled}\n                    onChange={inputChange}\n                    onInput={inputChange}\n                    onKeyUp={inputChange}\n                    onFocus={() => {\n                        onFocus()\n                        setHasFocus(true)\n                    }}\n                    onBlur={checkForValue}\n                    min={min}\n                    max={max}\n                    readOnly={readOnly}\n                    minLength={type === \"password\" ? 8 : minLength}\n                    maxLength={type === \"password\" ? 20 : maxLength}\n                    {...other}\n                />\n\n                {error && (\n                    <IconInputError \n                        className={clsx(Style.errorIcon, (type !== \"password\" && !newValue) && Style.flushRightIcon )}\n                    />\n                )}\n\n\n                {(canClear && hasFocus && type !== \"password\") && (\n                    <button type='button' onClick={clearInput} className={Style.clearInput} tabIndex={clearBtnTabIndex}>\n                        <IconClose />\n                    </button>\n                )}\n                \n\n                {type === \"password\" && (\n                    <button type=\"button\" className={Style.togglePassword} onClick={togglePassword}>\n                        {inputType === \"text\" ? \"Hide\" : \"Show\"}\n                    </button>\n                )}\n\n\n                {unitText && (\n                    <span className={Style.postFix}>\n                        {unitText}\n                    </span>\n                )}\n\n\n                <label\n                    onClick={() => inputRef.current.focus()}\n                    className={clsx(Style.label, error && Style.error__label, !!unitText && Style.hasUnit)} \n                    htmlFor={removeSpaces(id ?? genId)}\n                    style={{ width: (!unitText && (type !== \"search\" || type !== \"password\" )) ? \"100%\" : \"80%\" }}\n                >\n                    {label}\n                </label>\n\n                {type === \"search\" && <IconSearch className={Style.searchIcon} />}\n            </div>\n\n            {helpText && \n                <p className={clsx(Style.help, error && Style.error__help)}>\n                    {helpText}\n                </p>\n            }\n        </div>\n    )\n})\n\nInput.displayName = 'Input';\n\n\nInput.propTypes = {\n    type: PropTypes.oneOf([\"text\", \"email\", \"number\", \"time\", \"url\", \"password\", \"search\", \"tel\" ]),\n    label: PropTypes.string,\n    placeholder: PropTypes.string,\n    name: PropTypes.string,\n    controlClass: PropTypes.string,\n    value: PropTypes.any,\n    onChange: PropTypes.func,\n    required: PropTypes.bool,\n    disabled: PropTypes.bool,\n    readOnly: PropTypes.bool,\n    helpText: PropTypes.string,\n    canClear: PropTypes.bool,\n    accept: PropTypes.string,\n    error: PropTypes.bool,\n    min: PropTypes.number,\n    max: PropTypes.number,\n}\n\n\nexport default Input;"],"names":["IconSearch","props","svg","xmlSpace","viewBox","focusable","aria-label","aria-hidden","title","path","d","IconInputError","ToolTip","dynamic","Checkbox","SwatchFilter","React","ref","setSorted","quickShip","specialOrderOptions","hideSwatch","optionDataValues","name","id","useId","keyword","setKeyword","useState","qs","setQuickShip","sortedOptionDataValues","useSortedValues","sorted","useMemo","swatchData","getSwatchData","map","parsed","parseOptionLabel","swatch","label","includes","colorCode","specialOrder","newKeyword","toLowerCase","sortSwatchesBy","swatches","by","sort","a","b","filter","val","newLabel","useEffect","fieldset","className","Style","Input","placeholder","onKeyUp","value","type","canClear","autoComplete","div","onChange","e","checked","text","displayName","propType","values","PropTypes","removeSpaces","string","replace","required","disabled","error","min","max","accept","maxLength","minLength","readOnly","helpText","controlClass","unitText","onFocus","onBlur","onInput","autoFocus","clearBtnTabIndex","other","inputRef","useRef","newValue","setValue","inputType","setType","hasFocus","setHasFocus","genId","current","focus","triggerEvents","event","checkForValue","hasValue","length","target","hasCurrentFocus","document","activeElement","inputChange","clsx","input","node","button","onClick","clearInput","tabIndex","IconClose","togglePassword","newType","span","htmlFor","style","width","p","propTypes"],"sourceRoot":"","ignoreList":[]}