{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\r\n {\r\n e.preventDefault();\r\n onToggle();\r\n }}\r\n >\r\n \r\n {quantity}\r\n \r\n \r\n {translate('minicart.checkout')}\r\n \r\n \r\n \r\n onToggle()}\r\n >\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default MiniCart;\r\n","import React, { Fragment } from 'react';\r\n\r\nconst QSR = 'quick-search-result';\r\nconst QSR_ITEM = `${QSR}__item`;\r\n\r\nconst sameCategory = (item, index, array) =>\r\n (index > 0 && array[index - 1].category === array[index].category) || item.showAll;\r\n\r\nconst hasLinkDisabledClass = (url) => {\r\n if (!url) return `${QSR}__link--disabled`;\r\n};\r\n\r\nconst itemLinkClassName = (showAll, url) =>\r\n `${QSR}${showAll ? '__show-all' : '__link ' + hasLinkDisabledClass(url)}`;\r\n\r\nconst selectedItemClassName = (selectedItem, index) => {\r\n return (selectedItem === index) ? `${QSR_ITEM}--selected` : ``;\r\n};\r\n\r\nconst QuickSearchResult = ({ result, selectedItem, searchUrl }) => {\r\n return (\r\n \r\n {quantity} {translate('minicart.numberofproduct')}\r\n
\r\n\r\n {translate('minicart.total')} {orderTotal}\r\n
\r\n \r\n {translate('minicart.checkout')}\r\n \r\n- \r\n {result &&\r\n result.map((item, index, array) => {\r\n const { category, showAll, url, hasImage, imageSource, name } = item;\r\n const imageVisible = hasImage && imageSource;\r\n \r\n return (\r\n
- {category} \r\n ) : null}\r\n
{name}
\r\n \r\n \r\n \r\n \r\n dispatch(toggleShowFullForm())}\r\n >\r\n {\r\n const text = encodeURIComponent(event.target.value);\r\n dispatch(setSearchQuery(text));\r\n debouncedQuery(dispatch, text);\r\n }}\r\n onKeyDown={(event) =>\r\n dispatch(handleKeyDown(event, { searchUrl }))\r\n }\r\n ref={searchInput}\r\n />\r\n {\r\n e.preventDefault();\r\n dispatch(handleClickSearch({ searchUrl }));\r\n }}\r\n >\r\n \r\n \r\n {translate('general.search')}\r\n \r\n \r\n {showResult && (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default QuickSearch;\r\n","import React, { Fragment, useRef } from 'react';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst NavigationItem = ({ links = [], contentLink = null }) => {\r\n const menuRef = useRef(null);\r\n const toggleMenu = (e) => {\r\n e.preventDefault();\r\n menuRef.current.classList.toggle('navbar__menu--show');\r\n };\r\n const additionClass =\r\n contentLink && contentLink.attributes\r\n ? contentLink.attributes.cssValue\r\n : null;\r\n const selectedClass =\r\n contentLink && contentLink.isSelected ? 'navbar__link--selected' : '';\r\n const hasChildrenClass = links.length > 0 ? 'has-children' : null;\r\n const hasNameOrChildren = (link) =>\r\n link.name || (link.links || []).length > 0;\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n {!contentLink ? (\r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n - \r\n {links.length > 0 &&\r\n links.map(\r\n (link, index) =>\r\n hasNameOrChildren(link) && (\r\n
- \r\n
\r\n {group.label}\r\n
\r\n {group.options &&\r\n group.options.map((item, itemIndex, array) => (\r\n //item.quantity != null && item.quantity > 0 && ( denna faceted-search__item används inte?!\r\n \r\n {facetFilters.map((group, groupIndex) => (\r\n
\r\n )\r\n );\r\n};\r\n\r\nexport default FacetedSearch;\r\n","import React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { translate } from '../Services/translation';\r\n\r\nimport {\r\n submitSearchFacet,\r\n toggleVisibleDropdownMenu,\r\n} from '../Actions/FacetedSearch.action';\r\n\r\nconst FacetedSearchCompact = ({ facetFilters, onFacetChange }) => {\r\n const dispatch = useDispatch();\r\n const { visibleDropdownMenu } = useSelector((state) => state.facetedSearch);\r\n\r\n return (\r\n - \r\n {facetFilters &&\r\n facetFilters.map(\r\n (group, groupIndex, array) =>\r\n group.options &&\r\n group.options.length > 0 && (\r\n
- \r\n
- \r\n {group.options &&\r\n group.options.map(\r\n (item, itemIndex, array) => (\r\n item.quantity != null && item.quantity > 0 && (\r\n
\r\n handleClickHeader(index)}\r\n >\r\n {accordion.props.header || ''}\r\n
\r\n \r\n ));\r\n\r\n const panels = accordions.map((accordion, index) => (\r\n \r\n \r\n {panels}\r\n
\r\n );\r\n};\r\n","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { connect } from 'react-redux'; \r\nimport { searchFacetChange, resetFacets } from '../Actions/FacetedSearch.action';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst SELECTED_FILTER = \"selected-filter\"\r\n\r\nconst FilterTags = ({ facetFilters, navigationTheme, onReset }) => {\r\n const dispatch = useDispatch();\r\n\r\n const selectedFacetGroup = facetFilters.filter(\r\n (filter) => filter.selectedOptions.length > 0\r\n );\r\n\r\n const selectedFacetOption = selectedFacetGroup.reduce(\r\n (accumulator, group) => {\r\n if (!group) return accumulator;\r\n \r\n const { options, selectedOptions } = group;\r\n const groupOptions = options\r\n .filter((option) => selectedOptions.includes(option.id))\r\n .map((option) => ({ ...option, group }));\r\n return [...accumulator, ...groupOptions];\r\n },\r\n []\r\n );\r\n \r\n const handleFacetClick = () => dispatch(searchFacetChange(group))\r\n const handleFilterTagClick = (option) =>\r\n dispatch(searchFacetChange(option.group, option));\r\n\r\n if (selectedFacetGroup.length === 0) return null;\r\n\r\n return (\r\n \r\n { navigationTheme !== 'filter' && (\r\n \r\n {translate('search.yourfilter')}:\r\n {selectedFacetGroup &&\r\n selectedFacetGroup.map((group, index) => (\r\n \r\n {` ${group.id} `}\r\n \r\n ))}\r\n )}\r\n {navigationTheme === 'filter' && (\r\n \r\n onReset(facetFilters)}\r\n >\r\n {translate('filters.clear.all')}\r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n onReset: (allFilters) => dispatch(resetFacets(allFilters)),\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(FilterTags); ","import React, {\r\n Fragment,\r\n useCallback,\r\n useState,\r\n useEffect,\r\n useRef,\r\n} from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport FacetedSearchCompact from './FacetedSearchCompact';\r\nimport { AccordionPanel, Accordion } from '../Components/Accordion';\r\nimport { query } from '../Actions/FacetedSearch.action';\r\nimport SubNav from './SubNavCompact';\r\nimport SortCriteriaCompact from './SortCriteriaCompact';\r\nimport FilterTag from './FilterTags';\r\nimport { translate } from '../Services/translation';\r\nimport { updateFilterOption } from '../Actions/FacetedSearch.action';\r\nimport { PRODUCT_VIEW_CACHED } from '../constants';\r\n\r\nconst FacetedSearchCompactContainer = () => {\r\n const dispatch = useDispatch();\r\n const {\r\n subNavigation,\r\n sortCriteria,\r\n facetFilters: globalFacetFilters,\r\n navigationTheme,\r\n productsViewCachedId,\r\n } = useSelector((state) => state.facetedSearch);\r\n\r\n const [facetFilters, setFacetFilters] = useState(globalFacetFilters || []);\r\n const previousCachedId = useRef(productsViewCachedId);\r\n useEffect(() => {\r\n if (previousCachedId.current !== productsViewCachedId) {\r\n setFacetFilters(globalFacetFilters);\r\n previousCachedId.current = productsViewCachedId;\r\n }\r\n }, [globalFacetFilters, productsViewCachedId]);\r\n\r\n useEffect(() => {\r\n dispatch(query(window.location.search.substr(1) || '', false));\r\n }, [dispatch]);\r\n\r\n const onFacetChange = useCallback(\r\n (filter, option) => {\r\n setFacetFilters((prevFacetFilters) => {\r\n return updateFilterOption(prevFacetFilters, filter, option);\r\n });\r\n },\r\n [setFacetFilters]\r\n );\r\n\r\n const onSearchResultDataChange = (dom) => {\r\n if ([null, undefined].includes(dom)) {\r\n return;\r\n }\r\n const container = document.createElement('div');\r\n container.innerHTML = dom;\r\n const existingResult = document.querySelector('#search-result');\r\n const tempResult = container.querySelector('#search-result');\r\n const existingFilter = existingResult.querySelector(\r\n '#facetedSearchCompact'\r\n );\r\n const tempFilter = tempResult.querySelector('#facetedSearchCompact');\r\n const replace = (node, newNode) =>\r\n node.parentNode.replaceChild(newNode, node);\r\n // move existingFilter from existingResult to tempResult\r\n replace(tempFilter, existingFilter);\r\n // replace existingResult with tempResult ( newResult )\r\n replace(existingResult, tempResult);\r\n // bootstrap react components if any exists in the search result\r\n window.__litium.bootstrapComponents();\r\n };\r\n\r\n useEffect(() => {\r\n const productViewCached = window.__litium.cache\r\n ? window.__litium.cache[PRODUCT_VIEW_CACHED] || {}\r\n : {};\r\n if (!productViewCached.used) {\r\n productViewCached.used = true;\r\n const dom = productViewCached.productsView;\r\n dom && onSearchResultDataChange(dom);\r\n }\r\n });\r\n\r\n const empty = (array) => !(array && array.length);\r\n\r\n const subNavigations = !subNavigation ? null : [subNavigation];\r\n const sortCriterias =\r\n !sortCriteria || !sortCriteria.sortItems\r\n ? null\r\n : sortCriteria.sortItems;\r\n\r\n const hidden = [subNavigations, facetFilters, sortCriterias].every((arr) =>\r\n empty(arr)\r\n );\r\n\r\n return hidden ? null : (\r\n \r\n {translate('search.yourfilter')}:\r\n {selectedFacetOption &&\r\n selectedFacetOption.map((option, index) => (\r\n handleFilterTagClick(option)} \r\n key={`option-${index}`}\r\n >\r\n {` ${option.id} `}\r\n \r\n ))}\r\n
\r\n )}\r\n \r\n {selectedFacetGroup.length > 0 && (\r\n \r\n
\r\n )}\r\n \r\n {index !== 0 && (\r\n {delimiter}\r\n )}\r\n \r\n {iconUrl && 
}\r\n {text}\r\n \r\n
\r\n );\r\n };\r\n\r\n return