{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 {\n e.preventDefault();\n onToggle();\n }}\n >\n ![](\"../../../ui/images/shopping-cart.svg\")
\n {quantity}\n \n \n onToggle()}\n >\n
\n \n );\n};\n\nexport default MiniCart;\n","import React, {Fragment, useEffect} from 'react';\nimport Cart from './Cart';\nimport { translate } from '../Services/translation';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { toggle } from '../Actions/Cart.action';\n\nconst QuickCart = () => {\n const dispatch = useDispatch();\n const { quantity, orderTotal, checkoutUrl, showInfo } = useSelector(\n (state) => state.cart\n );\n const onToggle = () => dispatch(toggle());\n\n useEffect(() => {\n if (showInfo) {\n document.body.style.marginRight = `${window.innerWidth - document.body.offsetWidth}px`;\n document.body.style.overflow = 'hidden';\n } else {\n document.body.style.marginRight = '';\n document.body.style.overflow = '';\n }\n }, [showInfo]);\n\n return (\n \n {quantity}\n \n \n {quantity} {translate('minicart.numberofproduct')}\n
\n\n {translate('minicart.total')} {orderTotal}\n
\n \n {translate('minicart.checkout')}\n \n\n {quantity}\n \n { showInfo &&\n {\n e.preventDefault();\n onToggle();\n }}\n >
\n }\n \n onToggle()}\n >\n { quantity > 0 &&\n \n \n }\n
\n \n {translate('checkout.cart.title')} \n {`(${quantity} ${translate('minicart.numberofproduct')})`}\n
\n\n
\n \n
\n \n
\n \n {translate('minicart.checkout')}\n \n {translate('checkout.cart.total')}
\n{orderTotal}
\n- \n {result &&\n result.map((item, index, array) => (\n
- \n {item.category}\n \n )}\n
{item.name}
\n \n \n \n {\n e.preventDefault();\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';\nimport { translate } from '../Services/translation';\n\nconst NavigationItem = ({ links = [], contentLink = null }) => {\n const menuRef = useRef(null);\n const toggleMenu = (e) => {\n e.preventDefault();\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
\n {!contentLink ? (\n \n ) : (\n \n \n \n \n )}\n
\n {links.length > 0 &&\n links.map(\n (link) =>\n hasNameOrChildren(link) && (\n \n {links.map(\n (link) =>\n link.isSelected && (\n \n {link.links.map(\n (link) =>\n link.isSelected && (\n \n {link.links.map((link) => (\n \n {link.name}\n \n ))}\n \n )\n )}\n \n )\n )}\n
\n );\n};\n\nexport default CategoryItem;\n","import React from 'react';\nimport CategoryItem from './CategoryItem';\nimport { useSelector } from 'react-redux';\n\nconst CategorySectionContainer = () => {\n const contentLinks = useSelector((state) => state.navigation.contentLinks);\n\n return \n \n {group.label}\n
\n - \n {productList.map((item, itemIndex, array) => (\n
- \n {recipeList.map((item, itemIndex, array) => (\n
\n {facetFilters.map((group, groupIndex) => (\n
\n )\n );\n};\n\nexport default FacetedSearch;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { translate } from '../Services/translation';\n\nimport {\n submitSearchFacet,\n toggleVisibleDropdownMenu,\n} from '../Actions/FacetedSearch.action';\n\nconst FacetedSearchCompact = ({ facetFilters, onFacetChange }) => {\n const dispatch = useDispatch();\n const { visibleDropdownMenu } = useSelector((state) => state.facetedSearch);\n\n const renderOptions = (group, onFacetChange) => {\n return (\n <>\n {group.options &&\n group.options.map(\n (item, itemIndex, array) => (\n - \n {renderedFacetFilters &&\n renderedFacetFilters.map(\n (group, groupIndex) =>\n group.dietFilterItems.length ? (\n group.dietFilterItems &&\n group.dietFilterItems.length > 0 && (\n
- \n {group.dietFilterItems.map((subGroup, subGroupIndex) => (\n
\n {renderOptions(subGroup, onFacetChange)}\n
\n ))}\n {renderConfirmButton(facetFilters, group)}\n - \n {renderOptions(group, onFacetChange)}\n {renderConfirmButton(facetFilters, group)}\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 (window.location = event.target.value)}\n >\n {sortCriteria &&\n sortCriteria.map(({ text, value, selected }, index) => (\n \n ))}\n \n
\n );\n};\n\nexport default SortCriteriaCompact;\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { searchFacetChange } from '../Actions/FacetedSearch.action';\nimport { translate } from '../Services/translation';\n\nconst FilterTags = ({ facetFilters, navigationTheme }) => {\n const dispatch = useDispatch();\n\n const selectedFacetGroup = facetFilters.filter(\n (filter) => filter.selectedOptions.length > 0\n );\n const selectedFacetOption = selectedFacetGroup.reduce(\n (accumulator, group) => {\n if (!group) {\n return accumulator;\n }\n const { options, selectedOptions } = group;\n const groupOptions = options\n .filter((option) => selectedOptions.includes(option.id))\n .map((option) => ({ ...option, group }));\n return [...accumulator, ...groupOptions];\n },\n []\n );\n return selectedFacetGroup.length === 0 ? null : (\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 { updateFilterOption } from '../Actions/FacetedSearch.action';\nimport { PRODUCT_VIEW_CACHED } from '../constants';\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 \n \n \n {information.map((item, i, k, v) => (\n
\n
\n )\n}\nexport default InformationTab;\n","import React, { Component } from 'react';\n\nclass ProductQuantity extends Component {\n constructor(props) {\n super(props);\n this.state = {\n quantity: 1,\n quantityFieldId: this.props.quantityFieldId,\n };\n\n this.handleUpdateClick = this.handleUpdateClick.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n }\n\n handleUpdateClick(event) {\n if (event.target.className === 'plus') {\n this.setState(prevState => ({\n quantity: prevState.quantity + 1\n }));\n } else if (event.target.className === 'minus') {\n if (this.state.quantity > 1) {\n this.setState(prevState => ({\n quantity: prevState.quantity - 1\n }));\n }\n }\n }\n\n handleInputChange(event) {\n const value = parseInt(event.target.value, 10);\n if (!isNaN(value) && value >= 1) {\n this.setState({ quantity: value });\n } else {\n this.setState({ quantity: 1 });\n }\n }\n\n render() {\n return (\n | {item.key} | \n{item.value} | \n
\n \n −\n \n \n +\n \n
\n );\n }\n}\n\nexport default ProductQuantity;","import React from 'react';\n\nconst ScrollButtons = () => {\n const ScrollBlockRight = () => {\n document.getElementById('product-block').scrollBy({left: 1000, behavior: 'smooth'})\n }\n\n const ScrollBlockLeft = () => {\n document.getElementById('product-block').scrollBy({left: -1000, behavior: 'smooth'})\n }\n\n return (\n \n
\n \n \n \n
\n );\n};\n\nexport default ScrollButtons;\n\n","import './Prototypes/index';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\nimport { applyMiddleware, createStore } from 'redux';\nimport { composeWithDevTools } from 'redux-devtools-extension/developmentOnly';\nimport thunk from 'redux-thunk';\nimport app, { createReducer } from './reducers';\nimport { historyMiddleware } from './Middlewares/History.middleware';\nimport MiniCart from './Components/MiniCart';\nimport QuickCart from './Components/QuickCart';\nimport QuickSearch from './Components/QuickSearch';\nimport Navigation from './Components/Navigation';\nimport CategorySectionContainer from './Components/CategorySectionContainer';\nimport FacetedSearch from './Components/FacetedSearch';\nimport FacetedSearchCompactContainer from './Components/FacetedSearchCompactContainer';\nimport DynamicComponent from './Components/DynamicComponent';\nimport InformationTab from './Components/InformationTab';\nimport ProductQuantity from './Components/ProductQuantity';\nimport ProductBlockScrollButtons from './Components/ProductBlockScrollButtons';\n\nwindow.__litium = window.__litium || {};\nconst preloadState = window.__litium.preloadState || {};\nconst store = createStore(\n app,\n preloadState,\n composeWithDevTools(applyMiddleware(thunk, historyMiddleware))\n);\n\n// Add a dictionary to keep track of the registered async reducers\nstore.asyncReducers = {};\n\n// Create an inject reducer function\n// This function adds the async reducer, and creates a new combined reducer\nstore.injectReducer = (key, asyncReducer) => {\n if (!store.asyncReducers[key]) {\n store.asyncReducers[key] = asyncReducer;\n store.replaceReducer(createReducer(store.asyncReducers));\n }\n};\n\nwindow.__litium = {\n ...window.__litium,\n bootstrapComponents: () => {\n // bootstrap React components, in case the HTML response we receive from the server\n // has React components. ReactDOM.render performs only an update on previous rendered\n // components and only mutate the DOM as necessary to reflect latest React element.\n bootstrapComponents();\n },\n cache: {}, // for storing cache data for current request\n};\n\nconst registeredContainers = [];\nconst renderReact = (element, container, callback) => {\n registeredContainers.push(container);\n ReactDOM.render(element, container, callback);\n};\n\nwindow.onunload = () => {\n // make sure components are unmounted, redux's listener are unsubscribed\n // to fix issue with iframe navigation in IE\n registeredContainers.forEach((container) => {\n ReactDOM.unmountComponentAtNode(container);\n });\n};\n\nconst bootstrapComponents = () => {\n if (document.getElementById('miniCart')) {\n renderReact(\n