\r\n \r\n {quantity}\r\n
\r\n );\r\n};\r\n\r\nexport default MiniCart;\r\n","import React, { Fragment } from 'react';\r\nimport { translate } from '../../Services/translation';\r\nconst sameCategory = (item, index, array) =>\r\n (index > 0 && array[index - 1].category === array[index].category) ||\r\n item.showAll;\r\n\r\nconst QuickSearchResult = ({ result, selectedItem, searchUrl }) => (\r\n - \r\n {result &&\r\n result.map((item, index, array) => (\r\n
- \r\n {item.category}\r\n \r\n )}\r\n
\r\n {item.hasImage && item.imageSource && (\r\n
\r\n \r\n {item.name}\r\n
\r\n \r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n {item.name}\r\n
\r\n \r\n {\r\n e.preventDefault();\r\n dispatch(toggleShowFullForm());\r\n setTimeout(() => {\r\n searchInput.current && searchInput.current.focus();\r\n }, 0);\r\n }}\r\n >\r\n \r\n {/* \r\n {translate('general.search')}\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 onBlur={() => {\r\n if (\r\n searchContainer.current &&\r\n !searchContainer.current.contains(lastClickedNode)\r\n ) {\r\n showFullForm && dispatch(toggleShowFullForm());\r\n }\r\n }}\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\nconst NavigationItem = ({\r\n logoSrc,\r\n links = [],\r\n additionalHeaderLinks = [],\r\n contentLink = null,\r\n width,\r\n listLength = 0,\r\n}) => {\r\n const menuRef = useRef(null);\r\n const toggleMenu = () => {\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 {logoSrc && 
}\r\n {!contentLink ? (\r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {width < 768 &&\r\n links.length > 0 &&\r\n links[0].mobileLinks &&\r\n links[0].mobileLinks.length > 0 && (\r\n \r\n {links[0].mobileLinks.map((x, i) => (\r\n
\r\n ))}\r\n \r\n )}\r\n {width < 768 &&\r\n contentLink &&\r\n !contentLink.url &&\r\n contentLink.mobileLinks &&\r\n contentLink.mobileLinks.length > 0 && (\r\n \r\n {contentLink.mobileLinks.map((x, i) => (\r\n
\r\n ))}\r\n \r\n )}\r\n {links.length > 0 &&\r\n links.map(\r\n (link, i) =>\r\n hasNameOrChildren(link) && (\r\n \r\n
\r\n \r\n
\r\n - \r\n
\r\n \r\n {isActive &&
\r\n setIsActive(!isActive)}>\r\n
\r\n {sortedOptions.map((item, itemIndex) => (\r\n {group.label}
\r\n \r\n {isActive ? : }\r\n
\r\n \r\n {facetFilters && facetFilters.length > 0 && (\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 {translate('facet.header.filter')}
\r\n )}\r\n {facetFilters.map((group, groupIndex) => (\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 \r\n )\r\n )}\r\n - \r\n {group.options &&\r\n group.options.map(\r\n (item, itemIndex, array) => (\r\n
\r\n {\r\n dispatch(\r\n toggleVisibleDropdownMenu(\r\n group\r\n )\r\n );\r\n dispatch(\r\n submitSearchFacet(\r\n facetFilters\r\n )\r\n );\r\n }}\r\n >\r\n {translate('general.select')}\r\n \r\n
\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, { Fragment } from 'react';\r\n\r\nconst SortCriteriaCompact = ({ sortCriteria }) => {\r\n const selectedOption = [\r\n ...sortCriteria.filter((sort) => sort.selected === true),\r\n {},\r\n ][0];\r\n return (\r\n \r\n (window.location = event.target.value)}\r\n >\r\n {sortCriteria &&\r\n sortCriteria.map(({ text, value, selected }, index) => (\r\n \r\n ))}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SortCriteriaCompact;\r\n","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { searchFacetChange } from '../Actions/FacetedSearch.action';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst FilterTags = ({ facetFilters, navigationTheme }) => {\r\n const dispatch = useDispatch();\r\n\r\n const selectedFacetGroup = facetFilters.filter(\r\n (filter) => filter.selectedOptions.length > 0\r\n );\r\n const selectedFacetOption = selectedFacetGroup.reduce(\r\n (accumulator, group) => {\r\n if (!group) {\r\n 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 return selectedFacetGroup.length === 0 ? null : (\r\n \r\n \r\n {translate('search.yourfilter')} : \r\n {selectedFacetGroup &&\r\n selectedFacetGroup.map((group, index) => (\r\n \r\n dispatch(searchFacetChange(group))\r\n }\r\n key={`group-${index}`}\r\n >\r\n {' '}\r\n {group.label}{' '}\r\n \r\n ))}\r\n \r\n {navigationTheme === 'category' && (\r\n \r\n {translate('search.yourfilter')} : \r\n {selectedFacetOption &&\r\n selectedFacetOption.map((option, index) => (\r\n \r\n dispatch(\r\n searchFacetChange(option.group, option)\r\n )\r\n }\r\n key={`option-${index}`}\r\n >\r\n {' '}\r\n {option.label}{' '}\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default FilterTags;\r\n","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 {\r\n AccordionPanel,\r\n Accordion,\r\n} from '../../Components/Hillerstorp/Accordion';\r\nimport { query } from '../../Actions/FacetedSearch.action';\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 //Fix for LoadMoreButton infiniteScroll (not litium default)\r\n const existingLoadMore = existingResult.querySelector(\r\n '#load-more-button'\r\n );\r\n const tempLoadMore = tempResult.querySelector('#load-more-button');\r\n if (existingLoadMore && tempLoadMore) {\r\n existingLoadMore.dataset.pageCount = tempLoadMore.dataset.pageCount;\r\n replace(tempLoadMore, existingLoadMore);\r\n }\r\n const pagination = tempResult.querySelector('#pager');\r\n if (pagination) {\r\n pagination.remove();\r\n }\r\n //End fix loadMore infiniteScroll\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
\r\n )}\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default MonitorProduct;\r\n","import React, { useRef, useEffect } from 'react';\r\nimport useWindowRezise from '../hooks/useWindowRezise';\r\n\r\nconst CategorySlider = ({ values }) => {\r\n const container = useRef(null);\r\n const prev = useRef(null);\r\n const next = useRef(null);\r\n const { width } = useWindowRezise();\r\n let widthComputed = 0;\r\n let totalWidth = 0;\r\n useEffect(() => {\r\n if (container.current && container.current.children.length > 4) {\r\n widthComputed =\r\n width >= 768\r\n ? container.current.children[1].offsetWidth * 3\r\n : container.current.children[1].offsetWidth * 2;\r\n totalWidth =\r\n (container.current.children.length - 2) *\r\n container.current.children[1].offsetWidth -\r\n container.current.offsetWidth;\r\n if (totalWidth <= 0)\r\n next.current.classList.remove('category-slider__list-nav--show');\r\n }\r\n }, [container.current]);\r\n const scrollToNextPage = () => {\r\n container.current.scrollBy({\r\n top: 0,\r\n left: widthComputed,\r\n behavior: 'smooth',\r\n });\r\n };\r\n const scrollToPrevPage = () => {\r\n container.current.scrollBy({\r\n top: 0,\r\n left: -widthComputed,\r\n behavior: 'smooth',\r\n });\r\n };\r\n const setButtons = (e) => {\r\n if (\r\n e.target.scrollLeft > 50 &&\r\n !prev.current.classList.contains('category-slider__list-nav--show')\r\n )\r\n prev.current.classList.add('category-slider__list-nav--show');\r\n else if (\r\n e.target.scrollLeft <= 50 &&\r\n prev.current.classList.contains('category-slider__list-nav--show')\r\n )\r\n prev.current.classList.remove('category-slider__list-nav--show');\r\n if (\r\n e.target.scrollLeft <= totalWidth - 50 &&\r\n !next.current.classList.contains('category-slider__list-nav--show')\r\n )\r\n next.current.classList.add('category-slider__list-nav--show');\r\n else if (\r\n e.target.scrollLeft > totalWidth - 50 &&\r\n next.current.classList.contains('category-slider__list-nav--show')\r\n )\r\n next.current.classList.remove('category-slider__list-nav--show');\r\n };\r\n\r\n return (\r\n \r\n \r\n\r\n onClick({\r\n text, instock, variantid, id\r\n })}\r\n >\r\n {translate('monitorproduct.button.text')}\r\n \r\n
\r\n {status}\r\n \r\n \r\n
\r\n ))}\r\n {value.name}
\r\n \r\n{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