{store.getState()}
\r\n * }\r\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a {store.getState()}
\r\n * }\r\n */\n\nexport var useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport var useDispatch = /*#__PURE__*/createDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport Subscription from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n\n var subscription = useMemo(function () {\n return new Subscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestStoreState = useRef();\n var latestSelectedState = useRef();\n var storeState = store.getState();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || storeState !== latestStoreState.current || latestSubscriptionCallbackError.current) {\n var newSelectedState = selector(storeState); // ensure latest selected state is reused so that a custom equality function can result in identical references\n\n if (latestSelectedState.current === undefined || !equalityFn(newSelectedState, latestSelectedState.current)) {\n selectedState = newSelectedState;\n } else {\n selectedState = latestSelectedState.current;\n }\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n if (latestSubscriptionCallbackError.current) {\n err.message += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\n\";\n }\n\n throw err;\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestStoreState.current = storeState;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var _newSelectedState = latestSelector.current(store.getState());\n\n if (equalityFn(_newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = _newSelectedState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n\n forceRender();\n }\n\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\r\n * Hook factory, which creates a `useSelector` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{counter}
\r\n * }\r\n */\n\nexport var useSelector = /*#__PURE__*/createSelectorHook();","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch, createDispatchHook } from './hooks/useDispatch';\nimport { useSelector, createSelectorHook } from './hooks/useSelector';\nimport { useStore, createStoreHook } from './hooks/useStore';\nimport { setBatch } from './utils/batch';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport shallowEqual from './utils/shallowEqual';\nsetBatch(batch);\nexport { Provider, connectAdvanced, ReactReduxContext, connect, batch, useDispatch, createDispatchHook, useSelector, createSelectorHook, useStore, createStoreHook, shallowEqual };","/** @license React v17.0.2\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var l=require(\"object-assign\"),n=60103,p=60106;exports.Fragment=60107;exports.StrictMode=60108;exports.Profiler=60114;var q=60109,r=60110,t=60112;exports.Suspense=60113;var u=60115,v=60116;\nif(\"function\"===typeof Symbol&&Symbol.for){var w=Symbol.for;n=w(\"react.element\");p=w(\"react.portal\");exports.Fragment=w(\"react.fragment\");exports.StrictMode=w(\"react.strict_mode\");exports.Profiler=w(\"react.profiler\");q=w(\"react.provider\");r=w(\"react.context\");t=w(\"react.forward_ref\");exports.Suspense=w(\"react.suspense\");u=w(\"react.memo\");v=w(\"react.lazy\")}var x=\"function\"===typeof Symbol&&Symbol.iterator;\nfunction y(a){if(null===a||\"object\"!==typeof a)return null;a=x&&a[x]||a[\"@@iterator\"];return\"function\"===typeof a?a:null}function z(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;c\n onToggle()}>\n \n {quantity}\n \n \n {translate('minicart.checkout')}\n \n \n \n onToggle()}\n >\n
\n \n );\n};\n\nexport default MiniCart;\n","import React, { Fragment } from 'react';\n\nconst sameCategory = (item, index, array) =>\n (index > 0 && array[index - 1].category === array[index].category) ||\n item.showAll;\n\nconst QuickSearchResult = ({ result, selectedItem, searchUrl }) => (\n \n {quantity} {translate('minicart.numberofproduct')}\n
\n\n {translate('minicart.total')} {orderTotal}\n
\n \n {translate('minicart.checkout')}\n \n- \n {result &&\n result.map((item, index, array) => (\n
- \n {item.category}\n \n )}\n
{item.name}
\n \n \n \n {\n dispatch(toggleShowFullForm());\n setTimeout(() => {\n searchInput.current && searchInput.current.focus();\n }, 0);\n }}\n >\n \n \n {translate('general.search')}\n \n \n \n dispatch(toggleShowFullForm())}\n >\n {\n const text = encodeURIComponent(event.target.value);\n dispatch(setSearchQuery(text));\n debouncedQuery(dispatch, text);\n }}\n onKeyDown={(event) =>\n dispatch(handleKeyDown(event, { searchUrl }))\n }\n ref={searchInput}\n onBlur={() => {\n if (\n searchContainer.current &&\n !searchContainer.current.contains(lastClickedNode)\n ) {\n showFullForm && dispatch(toggleShowFullForm());\n }\n }}\n />\n {\n e.preventDefault();\n dispatch(handleClickSearch({ searchUrl }));\n }}\n >\n \n \n {translate('general.search')}\n \n \n {showResult && (\n
\n \n );\n};\n\nexport default QuickSearch;\n","import React, { Fragment, useRef } from 'react';\n\nconst NavigationItem = ({ links = [], contentLink = null }) => {\n const menuRef = useRef(null);\n const toggleMenu = () => {\n menuRef.current.classList.toggle('navbar__menu--show');\n };\n const additionClass =\n contentLink && contentLink.attributes\n ? contentLink.attributes.cssValue\n : null;\n const selectedClass =\n contentLink && contentLink.isSelected ? 'navbar__link--selected' : '';\n const hasChildrenClass = links.length > 0 ? 'has-children' : null;\n const hasNameOrChildren = (link) =>\n link.name || (link.links || []).length > 0;\n\n return (\n - \n \n {links.length > 0 &&\n links.map(\n (link, i) =>\n hasNameOrChildren(link) && (\n
- \n
![](\"../../../ui/images/globe.svg\")
\n - \n
- \n {facetFilters &&\n facetFilters.map((group, groupIndex) => (\n
- \n {facetFilters &&\n facetFilters.map(\n (group, groupIndex, array) =>\n group.options &&\n group.options.length > 0 && (\n
- \n
- \n {group.options &&\n group.options.map(\n (item, itemIndex, array) => (\n
\n handleClickHeader(index)}\n >\n {accordion.props.header || ''}\n
\n \n ));\n\n const panels = accordions.map((accordion, index) => (\n \n \n {panels}\n
\n );\n};\n","import React, { Fragment } from 'react';\n\nconst SubNavCompact = ({ subNavigation }) => (\n \n);\n\nconst displaySubNav = (subnav) =>\n subnav && (\n - \n {subnav.map(({ name, url, isSelected, links }, index) => (\n
\n \n {translate('search.yourfilter')} : \n {selectedFacetGroup &&\n selectedFacetGroup.map((group, index) => (\n \n dispatch(searchFacetChange(group))\n }\n key={`group-${index}`}\n >\n {' '}\n {group.label}{' '}\n \n ))}\n \n {navigationTheme === 'category' && (\n \n {translate('search.yourfilter')} : \n {selectedFacetOption &&\n selectedFacetOption.map((option, index) => (\n \n dispatch(\n searchFacetChange(option.group, option)\n )\n }\n key={`option-${index}`}\n >\n {' '}\n {option.label}{' '}\n \n ))}\n \n )}\n
\n );\n};\n\nexport default FilterTags;\n","import React, {\n Fragment,\n useCallback,\n useState,\n useEffect,\n useRef,\n} from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport FacetedSearchCompact from './FacetedSearchCompact';\nimport { AccordionPanel, Accordion } from '../components/Accordion';\nimport { query } from '../Actions/FacetedSearch.action';\nimport SubNav from './SubNavCompact';\nimport SortCriteriaCompact from './SortCriteriaCompact';\nimport FilterTag from './FilterTags';\nimport { translate } from '../Services/translation';\nimport {\n PRODUCT_VIEW_CACHED,\n updateFilterOption,\n} from '../Actions/FacetedSearch.action';\n\nconst FacetedSearchCompactContainer = () => {\n const dispatch = useDispatch();\n const {\n subNavigation,\n sortCriteria,\n facetFilters: globalFacetFilters,\n navigationTheme,\n productsViewCachedId,\n } = useSelector((state) => state.facetedSearch);\n\n const [facetFilters, setFacetFilters] = useState(globalFacetFilters || []);\n const previousCachedId = useRef(productsViewCachedId);\n useEffect(() => {\n if (previousCachedId.current !== productsViewCachedId) {\n setFacetFilters(globalFacetFilters);\n previousCachedId.current = productsViewCachedId;\n }\n }, [globalFacetFilters, productsViewCachedId]);\n\n useEffect(() => {\n dispatch(query(window.location.search.substr(1) || '', false));\n }, [dispatch]);\n\n const onFacetChange = useCallback(\n (filter, option) => {\n setFacetFilters((prevFacetFilters) => {\n return updateFilterOption(prevFacetFilters, filter, option);\n });\n },\n [setFacetFilters]\n );\n\n const onSearchResultDataChange = (dom) => {\n if ([null, undefined].includes(dom)) {\n return;\n }\n const container = document.createElement('div');\n container.innerHTML = dom;\n const existingResult = document.querySelector('#search-result');\n const tempResult = container.querySelector('#search-result');\n const existingFilter = existingResult.querySelector(\n '#facetedSearchCompact'\n );\n const tempFilter = tempResult.querySelector('#facetedSearchCompact');\n const replace = (node, newNode) =>\n node.parentNode.replaceChild(newNode, node);\n // move existingFilter from existingResult to tempResult\n replace(tempFilter, existingFilter);\n // replace existingResult with tempResult ( newResult )\n replace(existingResult, tempResult);\n // bootstrap react components if any exists in the search result\n window.__litium.bootstrapComponents();\n };\n\n useEffect(() => {\n const productViewCached = window.__litium.cache\n ? window.__litium.cache[PRODUCT_VIEW_CACHED] || {}\n : {};\n if (!productViewCached.used) {\n productViewCached.used = true;\n const dom = productViewCached.productsView;\n dom && onSearchResultDataChange(dom);\n }\n });\n\n const empty = (array) => !(array && array.length);\n\n const subNavigations = !subNavigation ? null : [subNavigation];\n const sortCriterias =\n !sortCriteria || !sortCriteria.sortItems\n ? null\n : sortCriteria.sortItems;\n\n const hidden = [subNavigations, facetFilters, sortCriterias].every((arr) =>\n empty(arr)\n );\n\n return hidden ? null : (\n \n
\n )}\n