{"version":3,"file":"900.b805743f91a57758.js","mappings":"qHAAIA,E,UACJ,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,GAAU,CAAE,OAAOL,CAAQ,EAAUJ,EAASa,MAAMC,KAAMR,UAAY,CAElV,MAQA,EARgBS,GAAsB,gBAAoB,MAAOf,EAAS,CACxEgB,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,KAAM,QACLJ,GAAQhB,IAAUA,EAAqB,gBAAoB,OAAQ,CACpEqB,EAAG,sMCTL,IAAI,EACJ,SAAS,IAAiS,OAApR,EAAWnB,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,GAAU,CAAE,OAAOL,CAAQ,EAAU,EAASS,MAAMC,KAAMR,UAAY,CAElV,MAQA,EARkBS,GAAsB,gBAAoB,MAAO,EAAS,CAC1EC,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,KAAM,QACLJ,GAAQ,IAAU,EAAqB,gBAAoB,OAAQ,CACpEK,EAAG,oGC2DL,EAhE2BC,KACvB,MAAOC,IAAsBC,EAAAA,EAAAA,UACzBC,SAASC,eAAe,kBAGrBC,EAAkBC,IAAuBJ,EAAAA,EAAAA,WAAS,IAClDK,EAAkBC,IAAuBN,EAAAA,EAAAA,WAAS,GACnDO,EAAsBC,OAAOC,eAAeC,QAAQ,gBAEpDC,EAAUA,KACZP,GAAoB,GACpBE,GAAoB,GACpBP,EAAmBa,UAAUC,OAAO,sBACpCd,EAAmBa,UAAUE,IAAI,qBAAqB,EAEpDC,EAAUA,KACZX,GAAoB,GACpBE,GAAoB,GACpBP,EAAmBa,UAAUE,IAAI,sBACjCf,EAAmBa,UAAUC,OAAO,qBAAqB,GAG7DG,EAAAA,EAAAA,YAAU,KACqB,MAAvBT,GAAqD,MAAtBR,IACH,SAAxBQ,EACAQ,IAC+B,SAAxBR,GACPI,IAER,GACD,IAaH,OACIM,EAAAA,cAACC,EAAAA,SAAQ,KACkB,MAAtBnB,EACGkB,EAAAA,cAAA,OAAKE,UAAU,gCACXF,EAAAA,cAAA,OAAKE,UAAU,+BACXF,EAAAA,cAACG,EAAQ,CAACC,QAASA,KAV/Bb,OAAOC,eAAea,WAAW,gBACjCd,OAAOC,eAAec,QAAQ,eAAgB,aAC9CR,KAQiDI,UAAY,4BAA0BhB,EACrE,4BACA,iCAENc,EAAAA,cAACO,EAAQ,CAACH,QAASA,KAnB/Bb,OAAOC,eAAea,WAAW,gBACjCd,OAAOC,eAAec,QAAQ,eAAgB,aAC9CZ,KAiBiDQ,UAAY,4BAA0Bd,EACrE,4BACA,mCAIZ,KAEC,C","sources":["webpack:///./images/bevego/list.svg","webpack:///./images/bevego/window.svg","webpack:///./Scripts/ComponentsBevego/ProductListSorting.js"],"sourcesContent":["var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nconst SvgList = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 18,\n  height: 14,\n  fill: \"none\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M0 14V0h18v14H0Zm1.5-9.825h2.65V1.5H1.5v2.675Zm4.15 0H16.5V1.5H5.65v2.675Zm0 4.15H16.5v-2.65H5.65v2.65Zm0 4.175H16.5V9.825H5.65V12.5Zm-4.15 0h2.65V9.825H1.5V12.5Zm0-4.175h2.65v-2.65H1.5v2.65Z\"\n})));\nexport default SvgList;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nconst SvgWindow = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 18,\n  height: 18,\n  fill: \"none\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M0 8.25V0h8.25v8.25H0ZM0 18V9.75h8.25V18H0Zm9.75-9.75V0H18v8.25H9.75Zm0 9.75V9.75H18V18H9.75Z\"\n})));\nexport default SvgWindow;","import React, { useState, useEffect, Fragment } from 'react';\nimport ListIcon from '../../images/bevego/list.svg';\nimport GridIcon from '../../images/bevego/window.svg';\n\nconst ProductListSorting = () => {\n    const [productListElement] = useState(\n        document.getElementById('product-list')\n    );\n\n    const [isListViewActive, setIsListViewActive] = useState(true);\n    const [isGridViewActive, setIsGridViewActive] = useState(false);\n    const selectedViewSession = window.sessionStorage.getItem(\"selectedView\");\n\n    const setGrid = () => {\n        setIsListViewActive(false);\n        setIsGridViewActive(true);\n        productListElement.classList.remove('product-list__list');\n        productListElement.classList.add('product-list__grid');\n    }\n    const setList = () => {\n        setIsListViewActive(true);\n        setIsGridViewActive(false);\n        productListElement.classList.add('product-list__list');\n        productListElement.classList.remove('product-list__grid');\n    };\n\n    useEffect(() => {\n        if (selectedViewSession != null && productListElement != null) {\n            if (selectedViewSession === \"list\") {\n                setList();\n            } else if (selectedViewSession === \"grid\") {\n                setGrid();\n            }\n        }\n    }, []);\n\n    const viewGrid = () => {\n            window.sessionStorage.removeItem(\"selectedView\");\n            window.sessionStorage.setItem(\"selectedView\", \"grid\");\n            setGrid();\n    };\n    const viewList = () => {\n            window.sessionStorage.removeItem(\"selectedView\");\n            window.sessionStorage.setItem(\"selectedView\", \"list\");\n            setList();\n    };\n\n    return (\n        <Fragment>\n            {productListElement != null ?\n                <div className=\"product-list__sort-container\">\n                    <div className=\"product-list__btn-container\">\n                        <ListIcon onClick={() => viewList()} className={`product-list__list-icon ${isListViewActive\n                            ? 'product-list__icon-active'\n                            : 'product-list__icon-disabled'\n                            }`} />\n                        <GridIcon onClick={() => viewGrid()} className={`product-list__grid-icon ${isGridViewActive\n                            ? 'product-list__icon-active'\n                            : 'product-list__icon-disabled'\n                            }`} />\n                    </div>\n                </div>\n                : null\n            }\n        </Fragment>\n    );\n};\n\nexport default ProductListSorting;\n"],"names":["_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","props","xmlns","width","height","fill","d","ProductListSorting","productListElement","useState","document","getElementById","isListViewActive","setIsListViewActive","isGridViewActive","setIsGridViewActive","selectedViewSession","window","sessionStorage","getItem","setGrid","classList","remove","add","setList","useEffect","React","Fragment","className","ListIcon","onClick","removeItem","setItem","GridIcon"],"sourceRoot":""}