{"version":3,"file":"src_components_autocomplete_JSportAutocomplete_jsx.js","mappings":";uVAaA,EAXiB,WAAsC,IAArCA,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,KAAMG,EAAUH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GACxCI,GAAYC,EAAAA,EAAAA,QAAON,GAOzB,MAAO,CAACK,EANS,WACfE,YAAW,WACTF,EAAUG,SAAWH,EAAUG,QAAQC,OACzC,GAAGL,EACL,EAGF,aCQA,MAdA,SAAiCM,GAA+B,IAA5BC,EAAKD,EAALC,MAAOC,EAAKF,EAALE,MAAOC,EAAKH,EAALG,MAAOC,EAAGJ,EAAHI,IACrD,OACIC,EAAAA,cAAA,KAAGC,IAAKL,EAAOM,UAAU,8BAA8BC,KAAMJ,GACzDC,EAAAA,cAAA,OAAKE,UAAU,SACXF,EAAAA,cAAA,OAAKI,IAAKP,EAAOK,UAAW,kCAC5BF,EAAAA,cAAA,OAAKE,UAAU,aAAaG,MAAO,CAAC,GAChCL,EAAAA,cAAA,UAAQE,UAAU,wBAAwBJ,GAC1CE,EAAAA,cAAA,QAAME,UAAU,SAASN,KAK7C,ECXMU,EAAoC,SAAHX,GAAA,IAAMI,EAAGJ,EAAHI,IAAKH,EAAKD,EAALC,MAAK,OACnDI,EAAAA,cAAA,MAAIC,IAAKF,GACLC,EAAAA,cAAA,KAAGG,KAAMJ,GAAMH,GACd,EAEHW,EAAiC,SAAHC,GAAA,IAAMT,EAAGS,EAAHT,IAAKH,EAAKY,EAALZ,MAAOC,EAAKW,EAALX,MAAK,OACvDG,EAAAA,cAAA,OAAKE,UAAU,cAAcD,IAAKF,GAC9BC,EAAAA,cAAA,KAAGS,SAAS,MAAMN,KAAMJ,EAAKW,MAAOd,GAChCI,EAAAA,cAAA,OACIE,UAAU,eACVO,SAAS,QACTL,IAAKP,EACLc,IAAKf,KAGX,EAEJgB,EAAsC,SAAHC,GAAA,IAAMC,EAAKD,EAALC,MAAOf,EAAGc,EAAHd,IAAKgB,EAAIF,EAAJE,KAAI,OAC3Df,EAAAA,cAAA,KACIG,KAAMJ,EACNG,UAAU,OACVG,MAAO,CACHW,WAAY,OACZC,kBAAmB,QACnBC,MAAO,gBAEVC,EAAAA,EACIC,YAAY,mBAAqBL,EAAM,CACpCD,MAAOA,IAEVO,cACL,EAwHR,MArHA,SAAkCC,GAU/B,IATCC,EAAUD,EAAVC,WACAC,EAAQF,EAARE,SAEAzB,GADauB,EAAbG,cACGH,EAAHvB,KACA2B,EAAMJ,EAANI,OACAC,EAAWL,EAAXK,YACAC,EAAUN,EAAVM,WACAC,EAAeP,EAAfO,gBACAC,EAAYR,EAAZQ,aAIMC,EAAiBR,EAAWpC,QAFD,EAG3B6C,EACFT,EAAWpC,QAJkB,GAIoBqC,EAASrC,OAAS,EACvE,OACIa,EAAAA,cAAA,OAAAiC,EAAAA,EAAAA,GAAA,GAASH,EAAa,CAAC,GAAE,CAAE5B,UAAW,gCACjC8B,GACGhC,EAAAA,cAAA,OACIE,UACI8B,EACM,yBACA,6BAEVhC,EAAAA,cAAA,OAAKE,UAAU,WACXF,EAAAA,cAAA,OAAKE,UAAU,WAEfF,EAAAA,cAAA,OAAKE,UAAU,kBACXF,EAAAA,cAAA,OAAKE,UAAU,iBACXF,EAAAA,cAAA,cACKmB,EAAAA,EACIe,IAAI,qBACJb,eAETrB,EAAAA,cAAA,MAAIE,UAAU,SACTiC,EAAAA,EAAAA,KAAIP,GAAY,SAACQ,GAAQ,OACtBpC,EAAAA,cAACM,EAAiC,CAC9BL,IAAKmC,EAASxC,MACdG,IAAKqC,EAASrC,IACdH,MAAOwC,EAASxC,OAClB,KAGTiC,EAAkB,GACf7B,EAAAA,cAACY,EAAmC,CAChCE,MAAOe,EACP9B,IAAKA,EACLgB,KAAM,gBAIlBf,EAAAA,cAAA,OAAKE,UAAU,iBACXF,EAAAA,cAAA,cACKmB,EAAAA,EACIe,IAAI,iBACJb,gBAERc,EAAAA,EAAAA,KAAIT,GAAQ,SAAC5B,GAAK,OACfE,EAAAA,cAACO,EAA8B,CAC3BN,IAAKH,EAAMF,MACXG,IAAKD,EAAMC,IACXH,MAAOE,EAAMF,MACbC,MAAOC,EAAMD,OACf,IAEL8B,EAAc,GACX3B,EAAAA,cAACY,EAAmC,CAChCE,MAAOa,EACP5B,IAAKA,EACLgB,KAAM,aAKtBf,EAAAA,cAAA,OAAKE,UAAU,YAEnBF,EAAAA,cAAA,OAAKE,UAAU,sBACXF,EAAAA,cAAA,OAAKE,UAAU,6BACViC,EAAAA,EAAAA,KAAIX,GAAU,SAACa,EAASC,GAAG,OACxBtC,EAAAA,cAACuC,EAAwB,CACrBtC,IAAKqC,EACL1C,MAAK,GAAA4C,OAAKH,EAAQzC,OAClBG,IAAKsC,EAAQtC,IACbD,MAAOuC,EAAQvC,MACfD,MAAOwC,EAAQxC,OACjB,QAMpBmC,KAAqBS,EAAAA,EAAAA,SAAQlB,IAC3BvB,EAAAA,cAAA,OAAKE,UAAU,6BACViB,EAAAA,EACIe,IAAI,yBACJb,eAGZU,GACG/B,EAAAA,cAAA,OACIE,UACI8B,EACM,kCACA,mDAEVhC,EAAAA,cAAA,cACIA,EAAAA,cAAA,KAAGG,KAAMJ,GACJoB,EAAAA,EAAiBe,IAAI,yBAOlD,ukBC8QA,MA5ZA,SAA2BvC,GAAgB,IAsEjB+C,EAtEIC,EAAShD,EAATgD,UAEpBC,EAAwBzB,EAAAA,EAAiBe,IAAI,iBACnDW,GAAoCC,EAAAA,EAAAA,WAAS,GAAMC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAA5CI,EAAaF,EAAA,GAAEG,EAAUH,EAAA,GAChCI,EAA6BC,EAAS,KAAM,KAAIC,GAAAL,EAAAA,EAAAA,GAAAG,EAAA,GAAzClE,EAAQoE,EAAA,GAAEC,EAAQD,EAAA,GAEnBE,EAAe,WACjBL,GAAW,GACXM,EAAc,IACdC,SACKC,uBAAuB,aAAa,GACpCC,UAAUC,OAAO,cAC1B,EACMC,EAAY,CACdrC,SAAU,GACVC,cAAe,EACf1B,IAAK,GACL2B,OAAQ,GACRC,YAAa,EACbC,WAAY,GACZC,gBAAiB,GAErBiC,GAAgChB,EAAAA,EAAAA,UAASe,GAAUE,GAAAf,EAAAA,EAAAA,GAAAc,EAAA,GAA5CE,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GACtBG,EAAiB,SAAC3C,GAmBpB,OADAA,GADAA,GAHAA,GADAA,GADAA,GADAA,GAFAA,GADAA,GAFAA,GADAA,GADAA,GADAA,EAAaA,EAAW4C,QAAQ,YAAa,MACrBA,QAAQ,YAAa,MACrBA,QAAQ,YAAa,MACrBA,QAAQ,YAAa,MAErBA,QAAQ,YAAa,MACrBA,QAAQ,YAAa,MAErBA,QAAQ,YAAa,MACrBA,QAAQ,YAAa,MACrBA,QAAQ,YAAa,MACrBA,QAAQ,YAAa,MAGrBA,QAAQ,YAAa,MACrBA,QAAQ,YAAa,IAEjD,EACMC,EAAU,eAAA5D,GAAA6D,EAAAA,EAAAA,GAAAC,IAAAA,MAAG,SAAAC,EAAOhD,GAAU,OAAA+C,IAAAA,MAAA,SAAAE,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,YACzBnD,EAAWpC,QA5CW,GA4CuB,CAAAqF,EAAAE,KAAA,eAAAF,EAAAE,KAAA,GACxCxC,EAAAA,EAAAA,IAAI,CACNnC,IACI,yCACA4E,mBACIT,EAAe3C,EAAWqD,UAAUC,gBAE9C,OAAAL,EAAAM,GAAAN,EAAAO,KAAAP,EAAAE,KAAA,eAAAF,EAAAM,GACFjB,EAAS,cAAAW,EAAAQ,OAAA,SAAAR,EAAAM,IAAA,wBAAAN,EAAAS,OAAA,GAAAV,EAAA,KAClB,gBAVeW,GAAA,OAAA1E,EAAA2E,MAAA,KAAAjG,UAAA,KAYVkG,EAAgBpB,EAASxC,SAC/B6D,GAUIC,EAAAA,EAAAA,IAAY,CACZC,MAAOH,EACPI,oBAAoB,EACpBC,oBAAkB/C,GAAA2B,EAAAA,EAAAA,GAAAC,IAAAA,MAAE,SAAAoB,EAAA7E,GAAA,IAAAU,EAAA,OAAA+C,IAAAA,MAAA,SAAAqB,GAAA,cAAAA,EAAAlB,KAAAkB,EAAAjB,MAAA,OAAmB,GAAVnD,EAAUV,EAAVU,WACR,CAAFoE,EAAAjB,KAAA,QAIP,OAHJT,GAAY,SAAC2B,GAAS,OAAAC,EAAAA,EAAA,GACfD,GAAS,IACZpE,SAAU,IAAE,IACZmE,EAAAX,OAAA,iBAGJzD,EAAWpC,QA7EU,GA8ED2G,IAAAA,UAAUzB,EAAAA,EAAAA,GAAAC,IAAAA,MAAC,SAAAyB,IAAA,IAAAC,EAAA,OAAA1B,IAAAA,MAAA,SAAA2B,GAAA,cAAAA,EAAAxB,KAAAwB,EAAAvB,MAAA,cAAAuB,EAAAvB,KAAA,EACNN,EAAW7C,GAAW,OAArCyE,EAAMC,EAAAlB,KACZd,EAAY+B,GAAQ,wBAAAC,EAAAhB,OAAA,GAAAc,EAAA,KACrB,IACHG,GACH,wBAAAP,EAAAV,OAAA,GAAAS,EAAA,KACJ,SAfiBS,GAAA,OAAAzD,EAAAyC,MAAA,KAAAjG,UAAA,KAZlBqC,EAAU8D,EAAV9D,WACA6E,EAAgBf,EAAhBe,iBAEAtE,GADMuD,EAANgB,OACYhB,EAAZvD,cACAwE,EAAajB,EAAbiB,cACAC,EAAgBlB,EAAhBkB,iBAEA/C,GADY6B,EAAZmB,aACanB,EAAb7B,eAkEJ,OAjEc6B,EAAVoB,YAsBJC,EAAAA,EAAAA,YAAU,WACN,IAAIC,EAAKlD,SAASmD,eAAe,yBAC7B3D,EACI0D,IAAIA,EAAGtG,MAAQ,gBAEfsG,IAAIA,EAAGtG,MAAQ,iBAGvB,IAAIwG,EAAYpD,SAASmD,eAAe,oBASxC,GAPIC,IACAA,EAAUxG,MAAMa,MACZuC,SACKqD,cAAc,8BACdC,wBAAwB7F,MAAQ,MAGpB,UAArB8F,EAAAA,EAAOC,UAAuB,CAC9B,IAAIC,EAAYzD,SAASmD,eAAe,oBACpCM,IACAA,EAAU7G,MAAMa,MACZuC,SACKqD,cACG,oDAEHC,wBAAwB7F,MAAQ,KAEjD,CACJ,GAAG,CAAC+B,IAgBAjD,EAAAA,cAAA,OACIE,UACyB,YAArB8G,EAAAA,EAAOC,UACD,sBAAqB,uBAAAzE,OACEsD,IAAAA,QAAUkB,EAAAA,EAAOC,aAElDjH,EAAAA,cAAA,KACIU,MAAM,SACNR,UAAU,mBACViH,QAAS,SAACC,GAvBY,IAACC,EAC3B9B,EAuBQ6B,EAAEE,iBACF9D,EAAc,IACdN,GAAW,GA1BQmE,GA2BO,EAtBzB,OAJT9B,EAAQ9B,SAASC,uBACjB,oCAGiB6B,EAAMpG,OAAS,IAC5BkI,EACA9B,EAAM,GAAG5B,UAAU4D,IAAI,eAEvBhC,EAAM,GAAG5B,UAAUC,OAAO,gBAmBtBN,GAAS,EAIb,GACAtD,EAAAA,cAAA,OACII,IAAK4G,EAAAA,EAAOQ,eAAe,CACvBC,KAAM,yCACNC,aAAa,IAEjB3G,KAAK,gBACLJ,IAAI,YAGZX,EAAAA,cAAC2H,EAAAA,EAAO,CACJC,QAAS,CACLC,SAAS,EACTC,cAAc,EACdC,eAAe,EAEfC,aACI5C,GACAA,EAAcjG,OAAS,GACvBoC,EAAWpC,OAxKE,EAyKP,4CACA,6BAEdkH,OAAQpD,EACRM,aAAcA,EACd0E,eAAe,EACfC,SAAS,MACTlI,EAAAA,cAAA,OAAAiC,EAAAA,EAAAA,GAAA,CACIkG,GAAG,0BACC5B,EAAiB,CAAC,GAAE,CACxBlG,OACIoC,EAAAA,EAAAA,SAAQlB,GACF,CAAE6G,aAAc,OAChB,CAAEA,aAAc,OAE1BpI,EAAAA,cAAA,OACIK,MAAO,CACHgI,QAAS,OACTnH,MAAO,OACPoH,OAAQ,MACRC,eAAgB,WAEpBvI,EAAAA,cAAA,OACIK,MAAO,CACHgI,QAAS,SAEbrI,EAAAA,cAAA,KACIU,MAAM,SACNR,UAAU,mBACVG,MAAO,CAAEmI,SAAU,WAAYC,KAAM,QACrCtB,QAAS,WACL,IAyDMuB,EACF/D,mBA1DmB,SAACpD,GAuDpB,OAJAA,GAJAA,GANAA,GAJAA,GAJAA,GAJAA,GALAA,GAJAA,GALAA,GAJAA,GAJAA,GAJAA,EAAaA,EAAW4C,QACpB,YACA,MAEoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAGoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAGoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAIoBA,QACpB,YACA,MAEoBA,QACpB,YACA,IAGR,CAGQD,CACI3C,EAAWsD,YAAYD,aAE1B,GAIT,OAFA+D,OAAOC,SAASzI,KACZwC,EAAY,MAAQ+F,GACjB,CACX,GACA1I,EAAAA,cAAA,OACII,IAAK4G,EAAAA,EAAOQ,eAAe,CACvBC,KAAM,yCACNC,aAAa,IAEjB3G,KAAK,gBACLJ,IAAI,SACJN,MAAO,CAAEwI,IAAK,UAItB7I,EAAAA,cAAA,SAAAiC,EAAAA,EAAAA,GAAA,CACIiG,SAAS,KACTY,aAAa,OACTxC,EAAc,CACdyC,IAAK9J,EAEL+J,UAAW,SAACC,GAER,GAAkB,UAAdA,EAAMhJ,IAAiB,CA4EvB,OAhBAgJ,EAAMC,YAAYC,yBAA0B,EAE5CR,OAAOC,SAASzI,MACU,IAAtBiG,EACMzD,EACA,MACAgC,mBAjEa,SACnBpD,GAwDA,OAJAA,GAJAA,GANAA,GAJAA,GAJAA,GAJAA,GALAA,GAJAA,GALAA,GAJAA,GAJAA,GAJAA,EAAaA,EAAW4C,QACpB,YACA,MAEoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAGoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAGoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAEoBA,QACpB,YACA,MAIoBA,QACpB,YACA,MAEoBA,QACpB,YACA,IAGR,CAQcD,CACI+E,EAAMG,cAAcC,MACfxE,YACAD,YAGbQ,EACIgB,GACFrG,KACL,CACX,CACJ,EACAuJ,QAAS,SAACL,GACNA,EAAM3B,gBAEV,EACAiC,SAAU,SAACN,GACP3F,GAAS,EACb,IACF,CACF6E,GAAG,IACHqB,KAAK,IACLzI,KAAK,SACL0I,YAAa7G,EACb1C,UACIkF,GAAiBA,EAAcjG,OAAS,EAClC,wCACA,wBAEVkB,MAAO,CACHiI,OAAQ,UACRD,QAAS,YAEjBrI,EAAAA,cAAA,QACIE,UAAU,aACViH,QAAS,WAAF,OAAQ5D,GAAc,GAAE,QAM/CvD,EAAAA,cAAC0J,EAAyB,CACtBnI,WAAYA,EACZ6E,iBAAkBA,EAClB5E,SAAUwC,EAASxC,SACnBC,cAAeuC,EAASvC,cACxB1B,IAAKiE,EAASjE,IACd2B,OAAQsC,EAAStC,OACjBC,YAAaqC,EAASrC,YACtBC,WAAYoC,EAASpC,WACrBC,gBAAiBmC,EAASnC,gBAC1BC,aAAcA,KAIlC","sources":["webpack://ecommerce/./src/hooks/useFocus.js","webpack://ecommerce/./src/components/autocomplete/JSportAutocompleteResult.jsx","webpack://ecommerce/./src/components/autocomplete/JSportAutocompleteResults.jsx","webpack://ecommerce/./src/components/autocomplete/JSportAutocomplete.jsx"],"sourcesContent":["import React, { useRef } from 'react';\r\n\r\nconst useFocus = (inputRef = null, focusDelay = 50) => {\r\n  const htmlElRef = useRef(inputRef);\r\n  const setFocus = () => {\r\n    setTimeout(function () {\r\n      htmlElRef.current && htmlElRef.current.focus();\r\n    }, focusDelay);\r\n  };\r\n\r\n  return [htmlElRef, setFocus];\r\n};\r\n\r\nexport default useFocus;\r\n","import React from 'react';\r\nimport _ from 'lodash';\r\n\r\nimport './JSportAutocompleteResult.scss';\r\n\r\nfunction JSportAutocompleteResult({ label, image, brand, url }) {\r\n    return (\r\n        <a key={label} className='j-sport-autocomplete-result' href={url}>\r\n            <div className='block'>\r\n                <img src={image} className={'image autocomplete-item-image'} />\r\n                <div className='block-text' style={{}}>\r\n                    <strong className='block-text-brandname'>{brand}</strong>\r\n                    <span className='title'>{label}</span>\r\n                </div>\r\n            </div>\r\n        </a>\r\n    );\r\n}\r\n\r\nexport default JSportAutocompleteResult;\r\n","import React from 'react';\r\nimport { isEmpty, map } from 'lodash';\r\nimport translateService from '../../common/translateService';\r\nimport JSportAutocompleteResult from './JSportAutocompleteResult.jsx';\r\nimport './JSportAutocompleteResults.scss';\r\n\r\nconst JSportAutocompleteResultsCategory = ({ url, label }) => (\r\n    <li key={url}>\r\n        <a href={url}>{label}</a>\r\n    </li>\r\n);\r\nconst JSportAutocompleteResultsBrand = ({ url, label, image }) => (\r\n    <div className='brand-block' key={url}>\r\n        <a itemProp='url' href={url} title={label}>\r\n            <img\r\n                className='brand__image'\r\n                itemProp='image'\r\n                src={image}\r\n                alt={label}\r\n            />\r\n        </a>\r\n    </div>\r\n);\r\nconst JSportAutocompleteResultsOtherItems = ({ count, url, type }) => (\r\n    <a\r\n        href={url}\r\n        className='link'\r\n        style={{\r\n            fontWeight: 'bold',\r\n            borderBottomColor: 'black',\r\n            width: 'fit-content',\r\n        }}>\r\n        {translateService\r\n            .interpolate(`search.plusOther` + type, {\r\n                count: count,\r\n            })\r\n            .toUpperCase()}\r\n    </a>\r\n);\r\n\r\nfunction JSportAutocompleteResults({\r\n    inputValue,\r\n    products,\r\n    totalProducts,\r\n    url,\r\n    brands,\r\n    otherBrands,\r\n    categories,\r\n    otherCategories,\r\n    getMenuProps,\r\n}) {\r\n    const MINIMUM_CHARS_FOR_SEARCH = 3;\r\n\r\n    const showAllResults = inputValue.length >= MINIMUM_CHARS_FOR_SEARCH;\r\n    const someResultsFound =\r\n        inputValue.length >= MINIMUM_CHARS_FOR_SEARCH && products.length > 0;\r\n    return (\r\n        <div {...getMenuProps({})} className={'jsport-autocomplete-results'}>\r\n            {someResultsFound && (\r\n                <div\r\n                    className={\r\n                        someResultsFound\r\n                            ? 'container-with-results'\r\n                            : 'container-with-no-results'\r\n                    }>\r\n                    <div className='sidebar'>\r\n                        <div className='column'></div>\r\n\r\n                        <div className='column-central'>\r\n                            <div className='sidebar-block'>\r\n                                <strong>\r\n                                    {translateService\r\n                                        .get('search.categories')\r\n                                        .toUpperCase()}\r\n                                </strong>\r\n                                <ul className='list'>\r\n                                    {map(categories, (category) => (\r\n                                        <JSportAutocompleteResultsCategory\r\n                                            key={category.label}\r\n                                            url={category.url}\r\n                                            label={category.label}\r\n                                        />\r\n                                    ))}\r\n                                </ul>\r\n                                {otherCategories > 0 && (\r\n                                    <JSportAutocompleteResultsOtherItems\r\n                                        count={otherCategories}\r\n                                        url={url}\r\n                                        type={'Categories'}\r\n                                    />\r\n                                )}\r\n                            </div>\r\n                            <div className='sidebar-block'>\r\n                                <strong>\r\n                                    {translateService\r\n                                        .get('search.brands')\r\n                                        .toUpperCase()}\r\n                                </strong>\r\n                                {map(brands, (brand) => (\r\n                                    <JSportAutocompleteResultsBrand\r\n                                        key={brand.label}\r\n                                        url={brand.url}\r\n                                        label={brand.label}\r\n                                        image={brand.image}\r\n                                    />\r\n                                ))}\r\n                                {otherBrands > 0 && (\r\n                                    <JSportAutocompleteResultsOtherItems\r\n                                        count={otherBrands}\r\n                                        url={url}\r\n                                        type={'Brands'}\r\n                                    />\r\n                                )}\r\n                            </div>\r\n                        </div>\r\n                        <div className='column'></div>\r\n                    </div>\r\n                    <div className='products-container'>\r\n                        <div className='products-container-items'>\r\n                            {map(products, (product, idx) => (\r\n                                <JSportAutocompleteResult\r\n                                    key={idx}\r\n                                    label={`${product.label}`}\r\n                                    url={product.url}\r\n                                    brand={product.brand}\r\n                                    image={product.image}\r\n                                />\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            )}\r\n            {!someResultsFound && !isEmpty(inputValue) && (\r\n                <div className='container-with-no-results'>\r\n                    {translateService\r\n                        .get('search.noResultsFound')\r\n                        .toUpperCase()}\r\n                </div>\r\n            )}\r\n            {showAllResults && (\r\n                <div\r\n                    className={\r\n                        someResultsFound\r\n                            ? 'jsport-autocomplete-all-results'\r\n                            : 'jsport-autocomplete-all-results results-visible'\r\n                    }>\r\n                    <strong>\r\n                        <a href={url}>\r\n                            {translateService.get('search.moreResults')}\r\n                        </a>\r\n                    </strong>\r\n                </div>\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default JSportAutocompleteResults;\r\n","import React, { useState, useEffect } from 'react';\r\nimport _ from 'lodash';\r\nimport Overlay from 'react-overlay-component';\r\nimport { useCombobox } from 'downshift';\r\nimport common from '../../common/common';\r\nimport { get } from '../../common/httpService';\r\nimport useFocus from '../../hooks/useFocus';\r\nimport translateService from '../../common/translateService';\r\nimport JSportAutocompleteResults from './JSportAutocompleteResults.jsx';\r\nimport { isEmpty } from 'lodash';\r\n\r\nimport './JSportAutocomplete.scss';\r\n\r\nfunction JSportAutocomplete({ searchurl }) {\r\n    const MINIMUM_CHARS_FOR_SEARCH = 3;\r\n    const searchplaceholdertext = translateService.get('common.search');\r\n    const [isOpenOverlay, setOverlay] = useState(false);\r\n    const [inputRef, setFocus] = useFocus(null, 120);\r\n\r\n    const closeOverlay = () => {\r\n        setOverlay(false);\r\n        setInputValue('');\r\n        document\r\n            .getElementsByClassName('container')[0]\r\n            .classList.remove('search-open');\r\n    };\r\n    const emptyData = {\r\n        products: [],\r\n        totalProducts: 0,\r\n        url: '',\r\n        brands: [],\r\n        otherBrands: 0,\r\n        categories: [],\r\n        otherCategories: 0,\r\n    };\r\n    const [itemsSet, setitemsSet] = useState(emptyData);\r\n    const sanitizeForIos = (inputValue) => {\r\n        //CHARS FOR TEST: ‘’“”–—‒-‐−\r\n        // Open-quotes: http://www.fileformat.info/info/unicode/category/Pi/list.htm\r\n        inputValue = inputValue.replace(/[\\u2018]/g, \"'\");\r\n        inputValue = inputValue.replace(/[\\u201b]/g, \"'\");\r\n        inputValue = inputValue.replace(/[\\u201c]/g, '\"');\r\n        inputValue = inputValue.replace(/[\\u201f]/g, '\"');\r\n        // Close-quotes: http://www.fileformat.info/info/unicode/category/Pf/list.htm\r\n        inputValue = inputValue.replace(/[\\u2019]/g, \"'\");\r\n        inputValue = inputValue.replace(/[\\u201d]/g, '\"');\r\n        // Primes: http://www.fileformat.info/info/unicode/category/Po/list.htm\r\n        inputValue = inputValue.replace(/[\\u2032]/g, \"'\");\r\n        inputValue = inputValue.replace(/[\\u2033]/g, '\"');\r\n        inputValue = inputValue.replace(/[\\u2035]/g, \"'\");\r\n        inputValue = inputValue.replace(/[\\u2036]/g, '\"');\r\n        // iOS 11 also replaces dashes with em-dash\r\n        // and \"--\" with en-dash\r\n        inputValue = inputValue.replace(/[\\u2014]/g, '-');\r\n        inputValue = inputValue.replace(/[\\u2013]/g, '-');\r\n        return inputValue;\r\n    };\r\n    const getResults = async (inputValue) => {\r\n        return inputValue.length >= MINIMUM_CHARS_FOR_SEARCH\r\n            ? await get({\r\n                  url:\r\n                      'productbrowse/searchautocomplete?term=' +\r\n                      encodeURIComponent(\r\n                          sanitizeForIos(inputValue.trimEnd().trimStart())\r\n                      ),\r\n              })\r\n            : emptyData;\r\n    };\r\n\r\n    const productsFound = itemsSet.products;\r\n    const {\r\n        inputValue,\r\n        highlightedIndex,\r\n        isOpen,\r\n        getMenuProps,\r\n        getInputProps,\r\n        getComboboxProps,\r\n        getItemProps,\r\n        setInputValue,\r\n        toggleMenu,\r\n    } = useCombobox({\r\n        items: productsFound,\r\n        circularNavigation: false,\r\n        onInputValueChange: async ({ inputValue }) => {\r\n            if (!inputValue) {\r\n                setitemsSet((prevState) => ({\r\n                    ...prevState,\r\n                    products: [],\r\n                }));\r\n                return;\r\n            }\r\n            if (inputValue.length >= MINIMUM_CHARS_FOR_SEARCH) {\r\n                let debouncedFunc = _.debounce(async () => {\r\n                    const result = await getResults(inputValue);\r\n                    setitemsSet(result);\r\n                }, 200);\r\n                debouncedFunc();\r\n            }\r\n        },\r\n    });\r\n\r\n    useEffect(() => {\r\n        let el = document.getElementById('hbl-live-chat-wrapper');\r\n        if (isOpenOverlay) {\r\n            if (el) el.style = 'display:none';\r\n        } else {\r\n            if (el) el.style = 'display:block';\r\n        }\r\n\r\n        let dropdown0 = document.getElementById('downshift-0-menu');\r\n\r\n        if (dropdown0) {\r\n            dropdown0.style.width =\r\n                document\r\n                    .querySelector('#search-input-container #s')\r\n                    .getBoundingClientRect().width + 'px';\r\n        }\r\n\r\n        if (common.getSite() === 'runkd') {\r\n            let dropdown1 = document.getElementById('downshift-1-menu');\r\n            if (dropdown1) {\r\n                dropdown1.style.width =\r\n                    document\r\n                        .querySelector(\r\n                            '.grid_icons-container #search-input-container #s'\r\n                        )\r\n                        .getBoundingClientRect().width + 'px';\r\n            }\r\n        }\r\n    }, [isOpenOverlay]);\r\n\r\n    const changeOrderDropdownZIndex = (open) => {\r\n        var items = document.getElementsByClassName(\r\n            'products-and-filters-container'\r\n        );\r\n\r\n        if (items != null && items.length > 0) {\r\n            if (open) {\r\n                items[0].classList.add('search-open');\r\n            } else {\r\n                items[0].classList.remove('search-open');\r\n            }\r\n        }\r\n    };\r\n    return (\r\n        <div\r\n            className={\r\n                common.getSite() === 'lordgun'\r\n                    ? 'jsport-autocomplete'\r\n                    : `jsport-autocomplete ${_.toLower(common.getSite())}`\r\n            }>\r\n            <a\r\n                title='Search'\r\n                className='search-icon-link'\r\n                onClick={(e) => {\r\n                    e.preventDefault();\r\n                    setInputValue('');\r\n                    setOverlay(true);\r\n                    changeOrderDropdownZIndex(true);\r\n                    setFocus(true);\r\n                    // setTimeout(function () {\r\n                    //   inputRef.current.focus();\r\n                    // }, 20);\r\n                }}>\r\n                <img\r\n                    src={common.contentFromCdn({\r\n                        path: '/content/img/magnifying_glass_icon.svg',\r\n                        keepUrlAsIs: false,\r\n                    })}\r\n                    type='image/svg+xml'\r\n                    alt='search'\r\n                />\r\n            </a>\r\n            <Overlay\r\n                configs={{\r\n                    animate: true,\r\n                    clickDismiss: true,\r\n                    escapeDismiss: true,\r\n                    // focusOutline: false,\r\n                    contentClass:\r\n                        productsFound &&\r\n                        productsFound.length > 0 &&\r\n                        inputValue.length > MINIMUM_CHARS_FOR_SEARCH\r\n                            ? 'container overlay-content results-visible'\r\n                            : 'container overlay-content',\r\n                }}\r\n                isOpen={isOpenOverlay}\r\n                closeOverlay={closeOverlay}\r\n                showCloseIcon={false}\r\n                tabIndex='-1'>\r\n                <div\r\n                    id='search-input-container'\r\n                    {...getComboboxProps({})}\r\n                    style={\r\n                        isEmpty(inputValue)\r\n                            ? { marginBottom: '2em' }\r\n                            : { marginBottom: '0' }\r\n                    }>\r\n                    <div\r\n                        style={{\r\n                            display: 'flex',\r\n                            width: '100%',\r\n                            height: '98%',\r\n                            justifyContent: 'center',\r\n                        }}>\r\n                        <div\r\n                            style={{\r\n                                display: 'flex',\r\n                            }}>\r\n                            <a\r\n                                title='Search'\r\n                                className='search-icon-link'\r\n                                style={{ position: 'relative', left: '30px' }}\r\n                                onClick={() => {\r\n                                    const sanitizeForIos = (inputValue) => {\r\n                                        //CHARS FOR TEST: ‘’“”–—‒-‐−\r\n                                        // Open-quotes: http://www.fileformat.info/info/unicode/category/Pi/list.htm\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u2018]/g,\r\n                                            \"'\"\r\n                                        );\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u201b]/g,\r\n                                            \"'\"\r\n                                        );\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u201c]/g,\r\n                                            '\"'\r\n                                        );\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u201f]/g,\r\n                                            '\"'\r\n                                        );\r\n                                        // Close-quotes: http://www.fileformat.info/info/unicode/category/Pf/list.htm\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u2019]/g,\r\n                                            \"'\"\r\n                                        );\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u201d]/g,\r\n                                            '\"'\r\n                                        );\r\n                                        // Primes: http://www.fileformat.info/info/unicode/category/Po/list.htm\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u2032]/g,\r\n                                            \"'\"\r\n                                        );\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u2033]/g,\r\n                                            '\"'\r\n                                        );\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u2035]/g,\r\n                                            \"'\"\r\n                                        );\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u2036]/g,\r\n                                            '\"'\r\n                                        );\r\n                                        // iOS 11 also replaces dashes with em-dash\r\n                                        // and \"--\" with en-dash\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u2014]/g,\r\n                                            '-'\r\n                                        );\r\n                                        inputValue = inputValue.replace(\r\n                                            /[\\u2013]/g,\r\n                                            '-'\r\n                                        );\r\n                                        return inputValue;\r\n                                    };\r\n                                    const searchParameter =\r\n                                        encodeURIComponent(\r\n                                            sanitizeForIos(\r\n                                                inputValue.trimStart().trimEnd()\r\n                                            )\r\n                                        ) || '';\r\n\r\n                                    window.location.href =\r\n                                        searchurl + '?s=' + searchParameter;\r\n                                    return false;\r\n                                }}>\r\n                                <img\r\n                                    src={common.contentFromCdn({\r\n                                        path: '/content/img/magnifying_glass_icon.svg',\r\n                                        keepUrlAsIs: false,\r\n                                    })}\r\n                                    type='image/svg+xml'\r\n                                    alt='search'\r\n                                    style={{ top: '2px' }}\r\n                                />\r\n                            </a>\r\n\r\n                            <input\r\n                                tabIndex='-1'\r\n                                autoComplete='off'\r\n                                {...getInputProps({\r\n                                    ref: inputRef,\r\n\r\n                                    onKeyDown: (event) => {\r\n                                        // event.preventDefault();\r\n                                        if (event.key === 'Enter') {\r\n                                            const sanitizeForIos = (\r\n                                                inputValue\r\n                                            ) => {\r\n                                                //CHARS FOR TEST: ‘’“”–—‒-‐−\r\n                                                // Open-quotes: http://www.fileformat.info/info/unicode/category/Pi/list.htm\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u2018]/g,\r\n                                                    \"'\"\r\n                                                );\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u201b]/g,\r\n                                                    \"'\"\r\n                                                );\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u201c]/g,\r\n                                                    '\"'\r\n                                                );\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u201f]/g,\r\n                                                    '\"'\r\n                                                );\r\n                                                // Close-quotes: http://www.fileformat.info/info/unicode/category/Pf/list.htm\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u2019]/g,\r\n                                                    \"'\"\r\n                                                );\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u201d]/g,\r\n                                                    '\"'\r\n                                                );\r\n                                                // Primes: http://www.fileformat.info/info/unicode/category/Po/list.htm\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u2032]/g,\r\n                                                    \"'\"\r\n                                                );\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u2033]/g,\r\n                                                    '\"'\r\n                                                );\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u2035]/g,\r\n                                                    \"'\"\r\n                                                );\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u2036]/g,\r\n                                                    '\"'\r\n                                                );\r\n                                                // iOS 11 also replaces dashes with em-dash\r\n                                                // and \"--\" with en-dash\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u2014]/g,\r\n                                                    '-'\r\n                                                );\r\n                                                inputValue = inputValue.replace(\r\n                                                    /[\\u2013]/g,\r\n                                                    '-'\r\n                                                );\r\n                                                return inputValue;\r\n                                            };\r\n                                            event.nativeEvent.preventDownshiftDefault = true;\r\n\r\n                                            window.location.href =\r\n                                                highlightedIndex === -1\r\n                                                    ? searchurl +\r\n                                                      '?s=' +\r\n                                                      encodeURIComponent(\r\n                                                          sanitizeForIos(\r\n                                                              event.currentTarget.value\r\n                                                                  .trimStart()\r\n                                                                  .trimEnd()\r\n                                                          )\r\n                                                      )\r\n                                                    : productsFound[\r\n                                                          highlightedIndex\r\n                                                      ].url;\r\n                                            return false;\r\n                                        }\r\n                                    },\r\n                                    onFocus: (event) => {\r\n                                        event.preventDefault();\r\n                                        // toggleMenu();\r\n                                    },\r\n                                    onChange: (event) => {\r\n                                        setFocus(true);\r\n                                    },\r\n                                })}\r\n                                id='s'\r\n                                name='s'\r\n                                type='search'\r\n                                placeholder={searchplaceholdertext}\r\n                                className={\r\n                                    productsFound && productsFound.length > 0\r\n                                        ? 'ui-autocomplete-input results-visible'\r\n                                        : 'ui-autocomplete-input'\r\n                                }\r\n                                style={{\r\n                                    height: 'initial',\r\n                                    display: 'block',\r\n                                }}></input>\r\n                            <span\r\n                                className='close-icon'\r\n                                onClick={() => closeOverlay()}>\r\n                                ×\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <JSportAutocompleteResults\r\n                    inputValue={inputValue}\r\n                    highlightedIndex={highlightedIndex}\r\n                    products={itemsSet.products}\r\n                    totalProducts={itemsSet.totalProducts}\r\n                    url={itemsSet.url}\r\n                    brands={itemsSet.brands}\r\n                    otherBrands={itemsSet.otherBrands}\r\n                    categories={itemsSet.categories}\r\n                    otherCategories={itemsSet.otherCategories}\r\n                    getMenuProps={getMenuProps}></JSportAutocompleteResults>\r\n            </Overlay>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default JSportAutocomplete;\r\n"],"names":["inputRef","arguments","length","undefined","focusDelay","htmlElRef","useRef","setTimeout","current","focus","_ref","label","image","brand","url","React","key","className","href","src","style","JSportAutocompleteResultsCategory","JSportAutocompleteResultsBrand","_ref2","itemProp","title","alt","JSportAutocompleteResultsOtherItems","_ref3","count","type","fontWeight","borderBottomColor","width","translateService","interpolate","toUpperCase","_ref4","inputValue","products","totalProducts","brands","otherBrands","categories","otherCategories","getMenuProps","showAllResults","someResultsFound","_extends","get","map","category","product","idx","JSportAutocompleteResult","concat","isEmpty","_onInputValueChange","searchurl","searchplaceholdertext","_useState","useState","_useState2","_slicedToArray","isOpenOverlay","setOverlay","_useFocus","useFocus","_useFocus2","setFocus","closeOverlay","setInputValue","document","getElementsByClassName","classList","remove","emptyData","_useState3","_useState4","itemsSet","setitemsSet","sanitizeForIos","replace","getResults","_asyncToGenerator","_regeneratorRuntime","_callee","_context","prev","next","encodeURIComponent","trimEnd","trimStart","t0","sent","abrupt","stop","_x","apply","productsFound","_useCombobox","useCombobox","items","circularNavigation","onInputValueChange","_callee3","_context3","prevState","_objectSpread","_","_callee2","result","_context2","debouncedFunc","_x2","highlightedIndex","isOpen","getInputProps","getComboboxProps","getItemProps","toggleMenu","useEffect","el","getElementById","dropdown0","querySelector","getBoundingClientRect","common","getSite","dropdown1","onClick","e","open","preventDefault","add","contentFromCdn","path","keepUrlAsIs","Overlay","configs","animate","clickDismiss","escapeDismiss","contentClass","showCloseIcon","tabIndex","id","marginBottom","display","height","justifyContent","position","left","searchParameter","window","location","top","autoComplete","ref","onKeyDown","event","nativeEvent","preventDownshiftDefault","currentTarget","value","onFocus","onChange","name","placeholder","JSportAutocompleteResults"],"sourceRoot":""}