{store.getState()}
\n * }\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n invariant(contextValue, 'could not find react-redux context value; please ensure the component is wrapped in a {counter}
\n * }\n */\n\n\nexport function useSelector(selector, equalityFn) {\n if (equalityFn === void 0) {\n equalityFn = refEquality;\n }\n\n invariant(selector, \"You must pass a selector to useSelectors\");\n\n var _useReduxContext = useReduxContext(),\n store = _useReduxContext.store,\n contextSub = _useReduxContext.subscription;\n\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 latestSelectedState = useRef();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || latestSubscriptionCallbackError.current) {\n selectedState = selector(store.getState());\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n var errorMessage = \"An error occured while selecting the store state: \" + err.message + \".\";\n\n if (latestSubscriptionCallbackError.current) {\n errorMessage += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\nOriginal stack trace:\";\n }\n\n throw new Error(errorMessage);\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\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}","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch } from './hooks/useDispatch';\nimport { useSelector } from './hooks/useSelector';\nimport { useStore } 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, useSelector, useStore, shallowEqual };","// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nvar global = module.exports = typeof window != 'undefined' && window.Math == Math\n ? window : typeof self != 'undefined' && self.Math == Math ? self\n // eslint-disable-next-line no-new-func\n : Function('return this')();\nif (typeof __g == 'number') __g = global; // eslint-disable-line no-undef\n","module.exports = function (exec) {\n try {\n return !!exec();\n } catch (e) {\n return true;\n }\n};\n","var isObject = require('./_is-object');\nmodule.exports = function (it) {\n if (!isObject(it)) throw TypeError(it + ' is not an object!');\n return it;\n};\n","module.exports = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n","import { fetch } from 'whatwg-fetch'\r\n\r\nexport const get = url => _fetch(url, \"GET\");\r\n\r\nexport const post = (url, data, abortController = null) => _fetch(url, \"POST\", data, abortController);\r\nexport const put = (url, data, abortController = null) => _fetch(url, \"PUT\", data, abortController);\r\nexport const patch = (url, data, abortController = null) => _fetch(url, \"PATCH\", data, abortController);\r\nexport const remove = (url, data, abortController = null) => _fetch(url, \"DELETE\", data, abortController);\r\n\r\nconst _fetch = (url, method, data = null, abortController = null) => {\r\n let options = {\r\n method,\r\n headers: {\r\n 'litium-request-context': JSON.stringify(window.__litium.requestContext),\r\n },\r\n credentials: 'include',\r\n };\r\n if (abortController) {\r\n options.signal = abortController.signal;\r\n }\r\n\r\n options = {\r\n ...options,\r\n body: data ? JSON.stringify(data) : null,\r\n headers: {\r\n ...options.headers,\r\n 'content-type': 'application/json',\r\n }\r\n };\r\n\r\n const token = window.localStorage.getItem('requestVerificationToken');\r\n if (token) {\r\n options = {\r\n ...options,\r\n headers: {\r\n ...options.headers,\r\n 'RequestVerificationToken': token,\r\n }\r\n }\r\n }\r\n\r\n // use native browser implementation if it supports aborting\r\n const abortableFetch = ('signal' in new Request('')) ? window.fetch : fetch;\r\n return abortableFetch(url, options)\r\n .then(_checkStatus);\r\n};\r\n\r\nconst _checkStatus = response => {\r\n if (response.status >= 200 && response.status < 300) {\r\n return response;\r\n } else {\r\n let error = new Error(response.statusText);\r\n error.response = response;\r\n throw error;\r\n }\r\n};\r\n","var classofRaw = require('../internals/classof-raw');\nvar uncurryThisRaw = require('../internals/function-uncurry-this-raw');\n\nmodule.exports = function (fn) {\n // Nashorn bug:\n // https://github.com/zloirock/core-js/issues/1128\n // https://github.com/zloirock/core-js/issues/1130\n if (classofRaw(fn) === 'Function') return uncurryThisRaw(fn);\n};\n","var _Object$getPrototypeOf = require(\"../core-js/object/get-prototype-of\");\n\nvar _Object$setPrototypeOf = require(\"../core-js/object/set-prototype-of\");\n\nfunction _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = _Object$setPrototypeOf ? _Object$getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || _Object$getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;","var check = function (it) {\n return it && it.Math == Math && it;\n};\n\n// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nmodule.exports =\n // eslint-disable-next-line es/no-global-this -- safe\n check(typeof globalThis == 'object' && globalThis) ||\n check(typeof window == 'object' && window) ||\n // eslint-disable-next-line no-restricted-globals -- safe\n check(typeof self == 'object' && self) ||\n check(typeof global == 'object' && global) ||\n // eslint-disable-next-line no-new-func -- fallback\n (function () { return this; })() || Function('return this')();\n","var global = require('../internals/global');\nvar shared = require('../internals/shared');\nvar hasOwn = require('../internals/has-own-property');\nvar uid = require('../internals/uid');\nvar NATIVE_SYMBOL = require('../internals/symbol-constructor-detection');\nvar USE_SYMBOL_AS_UID = require('../internals/use-symbol-as-uid');\n\nvar WellKnownSymbolsStore = shared('wks');\nvar Symbol = global.Symbol;\nvar symbolFor = Symbol && Symbol['for'];\nvar createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol : Symbol && Symbol.withoutSetter || uid;\n\nmodule.exports = function (name) {\n if (!hasOwn(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {\n var description = 'Symbol.' + name;\n if (NATIVE_SYMBOL && hasOwn(Symbol, name)) {\n WellKnownSymbolsStore[name] = Symbol[name];\n } else if (USE_SYMBOL_AS_UID && symbolFor) {\n WellKnownSymbolsStore[name] = symbolFor(description);\n } else {\n WellKnownSymbolsStore[name] = createWellKnownSymbol(description);\n }\n } return WellKnownSymbolsStore[name];\n};\n","export const catchError = (ex, onError) => dispatch => {\r\n if (ex.response) {\r\n ex.response.json().then(error => dispatch(onError(error)));\r\n } else {\r\n dispatch(onError(ex));\r\n }\r\n}","var store = require('./_shared')('wks');\nvar uid = require('./_uid');\nvar Symbol = require('./_global').Symbol;\nvar USE_SYMBOL = typeof Symbol == 'function';\n\nvar $exports = module.exports = function (name) {\n return store[name] || (store[name] =\n USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));\n};\n\n$exports.store = store;\n","var $documentAll = require('../internals/document-all');\n\nvar documentAll = $documentAll.all;\n\n// `IsCallable` abstract operation\n// https://tc39.es/ecma262/#sec-iscallable\nmodule.exports = $documentAll.IS_HTMLDDA ? function (argument) {\n return typeof argument == 'function' || argument === documentAll;\n} : function (argument) {\n return typeof argument == 'function';\n};\n","module.exports = {};\n","// 7.1.15 ToLength\nvar toInteger = require('./_to-integer');\nvar min = Math.min;\nmodule.exports = function (it) {\n return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991\n};\n","var path = require('../internals/path');\nvar hasOwn = require('../internals/has-own-property');\nvar wrappedWellKnownSymbolModule = require('../internals/well-known-symbol-wrapped');\nvar defineProperty = require('../internals/object-define-property').f;\n\nmodule.exports = function (NAME) {\n var Symbol = path.Symbol || (path.Symbol = {});\n if (!hasOwn(Symbol, NAME)) defineProperty(Symbol, NAME, {\n value: wrappedWellKnownSymbolModule.f(NAME)\n });\n};\n","var core = module.exports = { version: '2.6.12' };\nif (typeof __e == 'number') __e = core; // eslint-disable-line no-undef\n","var isCallable = require('../internals/is-callable');\nvar $documentAll = require('../internals/document-all');\n\nvar documentAll = $documentAll.all;\n\nmodule.exports = $documentAll.IS_HTMLDDA ? function (it) {\n return typeof it == 'object' ? it !== null : isCallable(it) || it === documentAll;\n} : function (it) {\n return typeof it == 'object' ? it !== null : isCallable(it);\n};\n","import { get, post, put } from '../Services/http';\r\nimport { catchError } from './Error.action';\r\nimport { palletApplied } from './Checkout.action';\r\n\r\nexport const CART_LOAD = 'CART_LOAD';\r\nexport const CART_LOAD_ERROR = 'CART_LOAD_ERROR';\r\nexport const CART_RECEIVE = 'CART_RECEIVE';\r\nexport const CART_SHOW_INFO = 'CART_SHOW_INFO';\r\nexport const CART_HIDE = 'CART_HIDE';\r\nexport const CART_HINT_CART = 'CART_HINT_CART';\r\nexport const CART_GET_QUANTITY = 'CART_GET_QUANTITY';\r\n\r\nexport const load = () => (dispatch, getState) => {\r\n return get('/api/cart')\r\n .then(response => response.json())\r\n .then(cart => dispatch(receive(cart)))\r\n .catch(ex => dispatch(catchError(ex, error => loadError(error))))\r\n ;\r\n}\r\n\r\nexport const loadError = error => ({\r\n type: CART_LOAD_ERROR,\r\n payload: {\r\n error,\r\n }\r\n})\r\n\r\nexport const receive = cart => ({\r\n type: CART_RECEIVE,\r\n payload: cart,\r\n})\r\n\r\nexport const getQuantity = articleNumber => ({\r\n type: CART_GET_QUANTITY,\r\n payload: articleNumber,\r\n})\r\n\r\nexport const toggle = () => (dispatch, getState) => {\r\n dispatch(show(!getState().cart.showInfo));\r\n}\r\n\r\nconst show = visible => ({\r\n type: CART_SHOW_INFO,\r\n payload: {\r\n showInfo: visible,\r\n }\r\n}) \r\n\r\nexport const update = (rowSystemId, quantity, palletQuantity) => (dispatch) => {\r\n return put(`/api/cart/update`, { rowSystemId, quantity, palletQuantity })\r\n .then(response => response.json()) \r\n .then(cart => dispatch(receive(cart), palletApplied(cart.palletApplied))) \r\n .catch(ex => dispatch(catchError(ex, error => loadError(error))))\r\n ;\r\n}\r\n\r\nexport const hint = (visible) => ({\r\n type: CART_SHOW_INFO,\r\n payload: {\r\n showInfo: visible,\r\n }\r\n})\r\n","module.exports = require(\"core-js-pure/stable/instance/for-each\");","import { post, put, get } from '../Services/http';\r\nimport { load as loadCart } from './Cart.action';\r\nimport { catchError } from './Error.action';\r\n\r\nexport const CHECKOUT_SET_SELECTED_COMPANY_ADDRESS = 'CHECKOUT_SET_SELECTED_COMPANY_ADDRESS';\r\nexport const CHECKOUT_SET_CUSTOMER_INFO = 'CHECKOUT_SET_CUSTOMER_INFO';\r\nexport const CHECKOUT_SET_PRIVATE_CUSTOMER = 'CHECKOUT_SET_PRIVATE_CUSTOMER';\r\nexport const CHECKOUT_SET_SIGN_UP = 'CHECKOUT_SET_SIGN_UP';\r\nexport const CHECKOUT_SET_DELIVERY = 'CHECKOUT_SET_DELIVERY';\r\nexport const CHECKOUT_SET_COUNTRY = 'CHECKOUT_SET_COUNTRY';\r\nexport const CHECKOUT_SET_PAYMENT = 'CHECKOUT_SET_PAYMENT';\r\nexport const CHECKOUT_SET_CAMPAIGN_CODE = 'CHECKOUT_SET_CAMPAIGN_CODE';\r\nexport const CHECKOUT_SET_ORDER_NOTE = 'CHECKOUT_SET_ORDER_NOTE';\r\nexport const CHECKOUT_ACCEPT_TERMS_OF_CONDITION = 'CHECKOUT_ACCEPT_TERMS_OF_CONDITION';\r\nexport const CHECKOUT_SUBMIT = 'CHECKOUT_SUBMIT';\r\nexport const CHECKOUT_SUBMIT_DONE = 'CHECKOUT_SUBMIT_DONE';\r\nexport const CHECKOUT_SUBMIT_ERROR = 'CHECKOUT_SUBMIT_ERROR';\r\nexport const CHECKOUT_SET_PAYMENT_WIDGET = 'CHECKOUT_SET_PAYMENT_WIDGET';\r\nexport const CHECKOUT_SET_CAMPAIGN_ADDED = 'CHECKOUT_SET_CAMPAIGN_ADDED';\r\nexport const CHECKOUT_PALLET_APPLIED = \"CHECKOUT_PALLET_APPLIED\";\r\nexport const CHECKOUT_SET_DELIVERY_DATES = \"CHECKOUT_SET_DELIVERY_DATES\";\r\nexport const CHECKOUT_SET_SELECTED_DELIVERY_DATE = \"CHECKOUT_SET_SELECTED_DELIVERY_DATE\";\r\n\r\nexport const setBusinessCustomer = (isBusinessCustomer) => ({\r\n type: CHECKOUT_SET_PRIVATE_CUSTOMER,\r\n payload: {\r\n isBusinessCustomer,\r\n }\r\n})\r\n\r\nexport const setSignUp = (signUp) => ({\r\n type: CHECKOUT_SET_SIGN_UP,\r\n payload: {\r\n signUp,\r\n }\r\n})\r\n\r\nexport const setAlternativeAddress = (propName, value) => ({\r\n type: CHECKOUT_SET_CUSTOMER_INFO,\r\n payload: {\r\n key: 'alternativeAddress',\r\n data: {\r\n [propName]: value,\r\n },\r\n }\r\n})\r\n\r\nexport const setCustomerDetails = (propName, value) => ({\r\n type: CHECKOUT_SET_CUSTOMER_INFO,\r\n payload: {\r\n key: 'customerDetails',\r\n data: {\r\n [propName]: value,\r\n },\r\n }\r\n})\r\n\r\nexport const setSelectedCompanyAddress = (selectedCompanyAddressId) => ({\r\n type: CHECKOUT_SET_SELECTED_COMPANY_ADDRESS,\r\n payload: {\r\n selectedCompanyAddressId,\r\n }\r\n})\r\n\r\nexport const setDelivery = (systemId) => (dispatch, getState) => {\r\n dispatch({\r\n type: CHECKOUT_SET_DELIVERY,\r\n payload: {\r\n selectedDeliveryMethod: systemId,\r\n selectedDeliveryDate: null,\r\n }\r\n });\r\n const { payload } = getState().checkout;\r\n return put('/api/checkout/setDeliveryProvider', payload)\r\n .then(response => response.json())\r\n .then(result => {\r\n dispatch(loadCart());\r\n if (result !== null && result.paymentWidget.displayDeliveryMethods) {\r\n dispatch(setPaymentWidget(result.paymentWidget));\r\n }\r\n })\r\n .catch(ex => dispatch(catchError(ex, error => submitError(error))))\r\n}\r\n\r\nexport const setCountry = (systemId) => (dispatch, getState) => {\r\n dispatch({\r\n type: CHECKOUT_SET_COUNTRY,\r\n payload: {\r\n selectedCountry: systemId,\r\n }\r\n });\r\n const { payload } = getState().checkout;\r\n return put('/api/checkout/setCountry', payload)\r\n .then(response => response.json())\r\n .then(result => {\r\n dispatch(loadCart());\r\n dispatch(setPaymentWidget(result.paymentWidget));\r\n dispatch({\r\n type: CHECKOUT_SET_DELIVERY,\r\n payload: {\r\n deliveryMethods: result.deliveryMethods,\r\n selectedDeliveryMethod: result.selectedDeliveryMethod,\r\n }\r\n });\r\n dispatch({\r\n type: CHECKOUT_SET_PAYMENT,\r\n payload: {\r\n paymentMethods: result.paymentMethods,\r\n selectedPaymentMethod: result.selectedPaymentMethod,\r\n }\r\n });\r\n })\r\n .catch(ex => dispatch(catchError(ex, error => submitError(error))))\r\n}\r\n\r\nexport const setPayment = (systemId) => (dispatch, getState) => {\r\n dispatch({\r\n type: CHECKOUT_SET_PAYMENT,\r\n payload: {\r\n selectedPaymentMethod: systemId,\r\n }\r\n });\r\n const { payload } = getState().checkout;\r\n return put('/api/checkout/setPaymentProvider', payload)\r\n .then(response => response.json())\r\n .then(result => {\r\n dispatch(loadCart());\r\n dispatch(setPaymentWidget(result.paymentWidget));\r\n })\r\n .catch(ex => dispatch(catchError(ex, error => submitError(error))))\r\n}\r\n\r\nexport const reloadPayment = () => (dispatch, getState) => {\r\n const { paymentWidget, selectedPaymentMethod } = getState().checkout.payload;\r\n if (!paymentWidget) {\r\n return;\r\n }\r\n return dispatch(setPayment(selectedPaymentMethod));\r\n}\r\n\r\nconst setPaymentWidget = (paymentWidget) => ({\r\n type: CHECKOUT_SET_PAYMENT_WIDGET,\r\n payload: {\r\n paymentWidget,\r\n }\r\n})\r\n\r\nexport const setOrderNote = (orderNote) => ({\r\n type: CHECKOUT_SET_ORDER_NOTE,\r\n payload: {\r\n orderNote,\r\n }\r\n})\r\n\r\nexport const acceptTermsOfCondition = (acceptTermsOfCondition) => ({\r\n type: CHECKOUT_ACCEPT_TERMS_OF_CONDITION,\r\n payload: {\r\n acceptTermsOfCondition,\r\n }\r\n})\r\n\r\nexport const palletApplied = (value) => ({\r\n type: CHECKOUT_PALLET_APPLIED,\r\n payload: {\r\n palletAppliedCheckout : value,\r\n }\r\n})\r\n\r\nexport const setCampaignCode = (campaignCode) => ({\r\n type: CHECKOUT_SET_CAMPAIGN_CODE,\r\n payload: {\r\n campaignCode,\r\n }\r\n})\r\n\r\nexport const setCampaignAdded = (campaignAddedSuccess) => ({\r\n type: CHECKOUT_SET_CAMPAIGN_ADDED,\r\n payload: {\r\n campaignAddedSuccess,\r\n }\r\n})\r\n\r\nexport const setDeliveryDates = (deliveryDates) => ({\r\n type: CHECKOUT_SET_DELIVERY_DATES,\r\n payload: {\r\n deliveryDates,\r\n }\r\n})\r\n\r\nexport const setSelectedDeliveryDate = (selectedDeliveryDate) => ({\r\n type: CHECKOUT_SET_SELECTED_DELIVERY_DATE,\r\n payload: {\r\n selectedDeliveryDate\r\n }\r\n})\r\n\r\nexport const getDeliveryDates = () => (dispatch, getState) => {\r\n const { payload } = getState().checkout;\r\n const { companyAddresses, selectedCompanyAddressId, isBusinessCustomer } = payload;\r\n\r\n if (!isBusinessCustomer || typeof companyAddresses !== 'object' || !Object.keys(companyAddresses).length) {\r\n return;\r\n }\r\n\r\n let selectedAddress = companyAddresses.find(address => address.systemId === selectedCompanyAddressId);\r\n\r\n if (!selectedAddress.zipCode) {\r\n return;\r\n }\r\n\r\n return get(`/api/checkout/getavailabledeliverydates?postalCode=${selectedAddress.zipCode.replace(/\\s/g, '')}`)\r\n .then(response => response.json())\r\n .then(result => {\r\n dispatch(setDeliveryDates(result));\r\n });\r\n}\r\n\r\nexport const submitCampaignCode = () => (dispatch, getState) => { \r\n const { payload } = getState().checkout;\r\n return put('/api/checkout/setCampaignCode', payload)\r\n .then(response => response.json())\r\n .then(result => { \r\n dispatch(loadCart());\r\n dispatch(setPaymentWidget(result.paymentWidget));\r\n dispatch(setCampaignAdded(result.campaignAddedSuccess));\r\n // reset error of campaign code\r\n dispatch(submitError({\r\n modelState: {\r\n 'campaignCode': []\r\n } \r\n }))\r\n })\r\n .catch(ex => {\r\n dispatch(catchError(ex, error => submitError(error)));\r\n // restore the initial cart\r\n dispatch(loadCart());\r\n })\r\n}\r\n\r\nexport const submit = () => (dispatch, getState) => {\r\n const { payload } = getState().checkout;\r\n return _submit('/api/checkout', payload, dispatch);\r\n}\r\n\r\nexport const verify = (url, orderId, payload) => (dispatch, getState) => {\r\n const model = getState().checkout.payload;\r\n model.orderId = orderId;\r\n model.payload = payload;\r\n return _submit(url, model, dispatch);\r\n}\r\n\r\nconst _submit = (url, model, dispatch) => {\r\n return post(url, model)\r\n .then(response => response.json())\r\n .then(result => {\r\n dispatch(submitDone(result));\r\n })\r\n .catch(ex => {\r\n if (ex.response) {\r\n ex.response.json().then(error => {\r\n dispatch(submitError(error));\r\n dispatch(submitDone(null));\r\n // reload the cart, it might be changed after validation\r\n dispatch(loadCart());\r\n });\r\n } else {\r\n dispatch(submitError(ex));\r\n }\r\n })\r\n ;\r\n}\r\n\r\nexport const submitRequest = () => ({\r\n type: CHECKOUT_SUBMIT,\r\n payload: {\r\n isSubmitting: true,\r\n errors: [],\r\n },\r\n})\r\n\r\nexport const submitDone = result => ({\r\n type: CHECKOUT_SUBMIT,\r\n payload: {\r\n result,\r\n isSubmitting: false,\r\n },\r\n})\r\n\r\nexport const submitError = error => ({\r\n type: CHECKOUT_SUBMIT_ERROR,\r\n payload: {\r\n error,\r\n },\r\n})\r\n","var uncurryThis = require('../internals/function-uncurry-this');\n\nmodule.exports = uncurryThis({}.isPrototypeOf);\n","var uncurryThis = require('../internals/function-uncurry-this');\nvar toObject = require('../internals/to-object');\n\nvar hasOwnProperty = uncurryThis({}.hasOwnProperty);\n\n// `HasOwnProperty` abstract operation\n// https://tc39.es/ecma262/#sec-hasownproperty\n// eslint-disable-next-line es/no-object-hasown -- safe\nmodule.exports = Object.hasOwn || function hasOwn(it, key) {\n return hasOwnProperty(toObject(it), key);\n};\n","// Thank's IE8 for his funny defineProperty\nmodule.exports = !require('./_fails')(function () {\n return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;\n});\n","var anObject = require('./_an-object');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar toPrimitive = require('./_to-primitive');\nvar dP = Object.defineProperty;\n\nexports.f = require('./_descriptors') ? Object.defineProperty : function defineProperty(O, P, Attributes) {\n anObject(O);\n P = toPrimitive(P, true);\n anObject(Attributes);\n if (IE8_DOM_DEFINE) try {\n return dP(O, P, Attributes);\n } catch (e) { /* empty */ }\n if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');\n if ('value' in Attributes) O[P] = Attributes.value;\n return O;\n};\n","var NATIVE_BIND = require('../internals/function-bind-native');\n\nvar call = Function.prototype.call;\n\nmodule.exports = NATIVE_BIND ? call.bind(call) : function () {\n return call.apply(call, arguments);\n};\n","function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nmodule.exports = _classCallCheck;","var _Object$defineProperty = require(\"../core-js/object/define-property\");\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n\n _Object$defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nmodule.exports = _createClass;","var _Object$create = require(\"../core-js/object/create\");\n\nvar setPrototypeOf = require(\"./setPrototypeOf\");\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = _Object$create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits;","var _typeof = require(\"../helpers/typeof\");\n\nvar assertThisInitialized = require(\"./assertThisInitialized\");\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;","var fails = require('../internals/fails');\n\n// Detect IE8's incomplete defineProperty implementation\nmodule.exports = !fails(function () {\n // eslint-disable-next-line es/no-object-defineproperty -- required for testing\n return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;\n});\n","var arrayWithoutHoles = require(\"./arrayWithoutHoles\");\n\nvar iterableToArray = require(\"./iterableToArray\");\n\nvar nonIterableSpread = require(\"./nonIterableSpread\");\n\nfunction _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();\n}\n\nmodule.exports = _toConsumableArray;","var path = require('../internals/path');\n\nmodule.exports = function (CONSTRUCTOR) {\n return path[CONSTRUCTOR + 'Prototype'];\n};\n","// 7.1.13 ToObject(argument)\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n return Object(defined(it));\n};\n","var path = require('../internals/path');\nvar global = require('../internals/global');\nvar isCallable = require('../internals/is-callable');\n\nvar aFunction = function (variable) {\n return isCallable(variable) ? variable : undefined;\n};\n\nmodule.exports = function (namespace, method) {\n return arguments.length < 2 ? aFunction(path[namespace]) || aFunction(global[namespace])\n : path[namespace] && path[namespace][method] || global[namespace] && global[namespace][method];\n};\n","var isObject = require('../internals/is-object');\n\nvar $String = String;\nvar $TypeError = TypeError;\n\n// `Assert: Type(argument) is Object`\nmodule.exports = function (argument) {\n if (isObject(argument)) return argument;\n throw $TypeError($String(argument) + ' is not an object');\n};\n","module.exports = require(\"core-js-pure/stable/instance/includes\");","var global = require('./_global');\nvar hide = require('./_hide');\nvar has = require('./_has');\nvar SRC = require('./_uid')('src');\nvar $toString = require('./_function-to-string');\nvar TO_STRING = 'toString';\nvar TPL = ('' + $toString).split(TO_STRING);\n\nrequire('./_core').inspectSource = function (it) {\n return $toString.call(it);\n};\n\n(module.exports = function (O, key, val, safe) {\n var isFunction = typeof val == 'function';\n if (isFunction) has(val, 'name') || hide(val, 'name', key);\n if (O[key] === val) return;\n if (isFunction) has(val, SRC) || hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key)));\n if (O === global) {\n O[key] = val;\n } else if (!safe) {\n delete O[key];\n hide(O, key, val);\n } else if (O[key]) {\n O[key] = val;\n } else {\n hide(O, key, val);\n }\n// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative\n})(Function.prototype, TO_STRING, function toString() {\n return typeof this == 'function' && this[SRC] || $toString.call(this);\n});\n","var $export = require('./_export');\nvar fails = require('./_fails');\nvar defined = require('./_defined');\nvar quot = /\"/g;\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\nvar createHTML = function (string, tag, attribute, value) {\n var S = String(defined(string));\n var p1 = '<' + tag;\n if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '"') + '\"';\n return p1 + '>' + S + '';\n};\nmodule.exports = function (NAME, exec) {\n var O = {};\n O[NAME] = exec(createHTML);\n $export($export.P + $export.F * fails(function () {\n var test = ''[NAME]('\"');\n return test !== test.toLowerCase() || test.split('\"').length > 3;\n }), 'String', O);\n};\n","var DESCRIPTORS = require('../internals/descriptors');\nvar IE8_DOM_DEFINE = require('../internals/ie8-dom-define');\nvar V8_PROTOTYPE_DEFINE_BUG = require('../internals/v8-prototype-define-bug');\nvar anObject = require('../internals/an-object');\nvar toPropertyKey = require('../internals/to-property-key');\n\nvar $TypeError = TypeError;\n// eslint-disable-next-line es/no-object-defineproperty -- safe\nvar $defineProperty = Object.defineProperty;\n// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe\nvar $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\nvar ENUMERABLE = 'enumerable';\nvar CONFIGURABLE = 'configurable';\nvar WRITABLE = 'writable';\n\n// `Object.defineProperty` method\n// https://tc39.es/ecma262/#sec-object.defineproperty\nexports.f = DESCRIPTORS ? V8_PROTOTYPE_DEFINE_BUG ? function defineProperty(O, P, Attributes) {\n anObject(O);\n P = toPropertyKey(P);\n anObject(Attributes);\n if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {\n var current = $getOwnPropertyDescriptor(O, P);\n if (current && current[WRITABLE]) {\n O[P] = Attributes.value;\n Attributes = {\n configurable: CONFIGURABLE in Attributes ? Attributes[CONFIGURABLE] : current[CONFIGURABLE],\n enumerable: ENUMERABLE in Attributes ? Attributes[ENUMERABLE] : current[ENUMERABLE],\n writable: false\n };\n }\n } return $defineProperty(O, P, Attributes);\n} : $defineProperty : function defineProperty(O, P, Attributes) {\n anObject(O);\n P = toPropertyKey(P);\n anObject(Attributes);\n if (IE8_DOM_DEFINE) try {\n return $defineProperty(O, P, Attributes);\n } catch (error) { /* empty */ }\n if ('get' in Attributes || 'set' in Attributes) throw $TypeError('Accessors not supported');\n if ('value' in Attributes) O[P] = Attributes.value;\n return O;\n};\n","module.exports = require(\"core-js-pure/stable/set-timeout\");","var hasOwnProperty = {}.hasOwnProperty;\nmodule.exports = function (it, key) {\n return hasOwnProperty.call(it, key);\n};\n","var dP = require('./_object-dp');\nvar createDesc = require('./_property-desc');\nmodule.exports = require('./_descriptors') ? function (object, key, value) {\n return dP.f(object, key, createDesc(1, value));\n} : function (object, key, value) {\n object[key] = value;\n return object;\n};\n","// to indexed object, toObject with fallback for non-array-like ES3 strings\nvar IObject = require('./_iobject');\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n return IObject(defined(it));\n};\n","'use strict';\nvar fails = require('./_fails');\n\nmodule.exports = function (method, arg) {\n return !!method && fails(function () {\n // eslint-disable-next-line no-useless-call\n arg ? method.call(null, function () { /* empty */ }, 1) : method.call(null);\n });\n};\n","var isCallable = require('../internals/is-callable');\nvar tryToString = require('../internals/try-to-string');\n\nvar $TypeError = TypeError;\n\n// `Assert: IsCallable(argument) is true`\nmodule.exports = function (argument) {\n if (isCallable(argument)) return argument;\n throw $TypeError(tryToString(argument) + ' is not a function');\n};\n","module.exports = true;\n","module.exports = require(\"core-js-pure/stable/instance/slice\");","import React, {lazy, Suspense} from 'react';\r\n\r\nconst DynamicComponent = ({loader, loading=}) => {\r\n const Component = lazy(loader);\r\n return props =>\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ProductUnitChangeModal;\r\n","import React, { Fragment, useState, useEffect, useRef } from \"react\";\r\nimport { translate } from \"../Services/translation\";\r\nimport ProductUnitChangeModal from \"./ProductUnitChangeModal/index\";\r\n\r\nconst ProductUnitSelector = ({\r\n unitOptions,\r\n defaultUnit,\r\n quantityFieldId,\r\n anonymousUser,\r\n loginPageUrl,\r\n inProductPage,\r\n onClick,\r\n onRemove,\r\n onQuantityClick,\r\n onSuccess,\r\n productsInCart,\r\n getQuantity,\r\n getOrderRowId,\r\n}) => {\r\n const inputRef = useRef();\r\n const [selectedUnit, setSelectedUnit] = useState(defaultUnit);\r\n const [newSelectedUnit, setNewSelectedUnit] = useState(defaultUnit);\r\n const [hintQuantityMessage, setHintQuantityMessage] = useState(false);\r\n const [productUnitChangeModal, setProductUnitChangeModal] = useState(false);\r\n let selectedItem = unitOptions.find((x) => x.unitId == selectedUnit);\r\n\r\n if (!selectedItem && unitOptions.length) {\r\n selectedItem = unitOptions[0];\r\n }\r\n\r\n const isProductPage = inProductPage === \"true\";\r\n\r\n const schema = \"http://schema.org\";\r\n let quantityStep =\r\n selectedItem && selectedItem.categoryPalletSize > 0\r\n ? selectedItem.categoryPalletSize\r\n : 1;\r\n\r\n let selectedItemQuantity = getQuantity(\r\n productsInCart,\r\n selectedItem.articleNumber\r\n );\r\n let orderRowSystemId = getOrderRowId(\r\n productsInCart,\r\n selectedItem.articleNumber\r\n );\r\n\r\n useEffect(() => {\r\n if (productsInCart.length > 0) {\r\n const unit = unitOptions.find(\r\n (u) => u.articleNumber === productsInCart[0].articleNumber\r\n ).unitId;\r\n setSelectedUnit(unit);\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!inputRef || !inputRef.current) return;\r\n\r\n if (\r\n document.activeElement !== inputRef.current &&\r\n selectedItemQuantity !== 0\r\n ) {\r\n const newQuantity = getProductQuantity(selectedItemQuantity);\r\n inputRef.current.value = newQuantity;\r\n }\r\n });\r\n\r\n const onChangeUnitSelector = (e) => {\r\n const { value } = e.currentTarget;\r\n\r\n if (productsInCart.length === 0) {\r\n setSelectedUnit(value);\r\n return;\r\n }\r\n if (selectedUnit === value) return;\r\n\r\n setNewSelectedUnit(value);\r\n setProductUnitChangeModal(true);\r\n };\r\n\r\n const addToCart = () => {\r\n const quantityStep =\r\n selectedItem.categoryPalletSize > 0\r\n ? selectedItem.categoryPalletSize\r\n : 1;\r\n if (quantityStep > 1) {\r\n setHintQuantityMessage(true);\r\n\r\n setTimeout(() => {\r\n setHintQuantityMessage(false);\r\n }, 2500);\r\n }\r\n onClick(\r\n selectedItem.articleNumber,\r\n quantityStep,\r\n selectedItem.categoryPalletSize\r\n );\r\n onSuccess();\r\n };\r\n\r\n const updateQuantity = (quantity = selectedItemQuantity) => {\r\n onQuantityClick(orderRowSystemId, quantity);\r\n onSuccess();\r\n };\r\n\r\n const closeModal = () => setProductUnitChangeModal(false);\r\n\r\n const handlePucmCancel = () => closeModal();\r\n\r\n const handlePucmConfirm = () => {\r\n setSelectedUnit(newSelectedUnit);\r\n onRemove(selectedItem.articleNumber);\r\n updateQuantity(0);\r\n onSuccess();\r\n closeModal();\r\n };\r\n\r\n const add = () => {\r\n if (selectedItem.categoryPalletSize > 0) {\r\n setHintQuantityMessage(true);\r\n setTimeout(() => {\r\n setHintQuantityMessage(false);\r\n }, 2500);\r\n }\r\n selectedItemQuantity = selectedItemQuantity + quantityStep;\r\n updateQuantity();\r\n };\r\n\r\n const subtract = () => {\r\n if (selectedItemQuantity > 0) {\r\n selectedItemQuantity = selectedItemQuantity - quantityStep;\r\n updateQuantity();\r\n }\r\n };\r\n\r\n const changeInput = (value) => {\r\n if (value > 999) {\r\n value = 999;\r\n }\r\n\r\n selectedItemQuantity = getProductQuantity(value);\r\n updateQuantity();\r\n };\r\n\r\n const handleKeyPress = (e) => {\r\n let { key, target } = e;\r\n let { value } = target;\r\n\r\n if (key === \"Enter\") changeInput(value);\r\n };\r\n\r\n const onInputBlur = (e) => {\r\n let { value } = e.target;\r\n\r\n changeInput(value);\r\n };\r\n\r\n const getProductPriceListing = () => (\r\n <>\r\n \r\n \r\n {translate(\"product.notice.cancel\")}\r\n \r\n \r\n
\r\n {translate(\"product.notice.unitchanged\")}
\r\n\r\n {selectedItem.stockBalanceText}\r\n
\r\n \r\n )}\r\n \r\n );\r\n\r\n const getProductComparisonPrice = (comparisonPrice = 20) => (\r\n <>\r\n {(selectedItem && selectedItem.campaignPrice) && (\r\n \r\n {selectedItem && selectedItem.comparisonPriceString !== '' && (\r\n `Jmf.pris ${selectedItem.comparisonPriceString}`\r\n )}\r\n
\r\n )}\r\n\r\n {(selectedItem && !selectedItem.campaignPrice) && (\r\n \r\n {!anonymousUser && selectedItem && selectedItem.comparisonPriceString !== '' && (\r\n `Jmf.pris ${selectedItem.comparisonPriceString}`\r\n )}\r\n
\r\n )}\r\n \r\n );\r\n\r\n const getProductQuantity = (value) => {\r\n if (selectedItem.categoryPalletSize > 0) {\r\n let closestAmount = value;\r\n const leftOvers = value % selectedItem.categoryPalletSize;\r\n if (\r\n leftOvers !== 0 &&\r\n leftOvers >= selectedItem.categoryPalletSize / 2\r\n ) {\r\n closestAmount =\r\n Math.ceil(value / selectedItem.categoryPalletSize) *\r\n selectedItem.categoryPalletSize;\r\n } else {\r\n closestAmount =\r\n Math.floor(value / selectedItem.categoryPalletSize) *\r\n selectedItem.categoryPalletSize;\r\n }\r\n if (closestAmount === 0) {\r\n closestAmount = selectedItem.categoryPalletSize;\r\n }\r\n\r\n if (value != closestAmount) {\r\n setHintQuantityMessage(true);\r\n setTimeout(() => {\r\n setHintQuantityMessage(false);\r\n }, 2500);\r\n }\r\n return closestAmount;\r\n } else {\r\n return value;\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {productUnitChangeModal && (\r\n \r\n {isProductPage && getProductStockSection()}\r\n \r\n {getProductPriceListing()}\r\n {!isProductPage && getProductStockSection()} \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n \r\n subtract()}\r\n >\r\n -\r\n \r\n\r\n onInputBlur(e)}\r\n onKeyPress={(e) => handleKeyPress(e)}\r\n inputMode=\"decimal\"\r\n step={selectedItem.categoryPalletSize}\r\n maxLength=\"3\"\r\n className=\"unit-selector__buy-quantity form__input\"\r\n />\r\n add()}\r\n >\r\n +\r\n \r\n
\r\n \r\n {unitOptions.length > 1 ? (\r\n \r\n {unitOptions.map(\r\n ({ id, unitId, unitDescription }) => (\r\n \r\n )\r\n )}\r\n \r\n ) : (\r\n \r\n {unitOptions[0].unitDescription}\r\n \r\n )}\r\n
\r\n {!anonymousUser ? (\r\n \r\n addToCart()}\r\n >\r\n +\r\n \r\n \r\n {translate(\"product.notice.palletsize\")}\r\n
\r\n\r\n \r\n toggle()}\r\n >\r\n \r\n {quantity > 0 && (\r\n \r\n {quantity}\r\n \r\n )}\r\n \r\n \r\n {/* { translate('minicart.checkout') } */}\r\n \r\n \r\n toggle()}\r\n >\r\n \r\n {translate(\"minicart.checkout\")}\r\n \r\n
\r\n \r\n )}\r\n \r\n);\r\n\r\nexport default MiniCart;\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport MiniCart from \"../Components/MiniCart\";\r\nimport { toggle } from \"../Actions/Cart.action\";\r\n\r\nconst MiniCartContainer = (props) => \r\n {quantity} {translate(\"minicart.numberofproduct\")}\r\n
\r\n\r\n {translate(\"minicart.total\")} {orderTotal}\r\n
\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 { toggleShowFullForm(); this.focusOnInput() }}>\r\n \r\n {translate('general.search')}\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default QuickSearch;","import React, { Component } from 'react';\r\nimport * as debounce from 'lodash.debounce';\r\nimport { connect } from 'react-redux';\r\nimport QuickSearch from '../Components/QuickSearch';\r\nimport { query, setSearchQuery, toggleShowFullForm, handleKeyDown, setShowResult } from '../Actions/QuickSearch.action';\r\n\r\nclass QuickSearchContainer extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {...props};\r\n this.clickHandler = this.clickHandler.bind(this);\r\n this.lastClickedNode = null;\r\n }\r\n\r\n componentDidMount() {\r\n document.addEventListener('mousedown', this.clickHandler);\r\n var urlParams = new URLSearchParams(window.location.search);\r\n if (urlParams.has('q')) {\r\n const query = urlParams.get('q');\r\n const { setSearchQuery } = this.props;\r\n setSearchQuery(query);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.clickHandler);\r\n }\r\n\r\n componentWillUpdate({ showFullForm } = props) {\r\n if (this.state.showFullForm !== showFullForm) {\r\n this.setState({...this.state, showFullForm});\r\n }\r\n }\r\n\r\n clickHandler(event) {\r\n this.lastClickedNode = event.target;\r\n }\r\n\r\n onBlur() {\r\n const { showFullForm, toggleShowFullForm } = this.props;\r\n if (this.searchContainer && !this.searchContainer.contains(this.lastClickedNode)) {\r\n showFullForm && toggleShowFullForm();\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.selectedItem !== prevProps.selectedItem) {\r\n document.querySelector('.quick-search-result__item--selected').scrollIntoView({behavior: 'smooth', block: 'end', inline: 'nearest'});\r\n }\r\n }\r\n\r\n render() {\r\n const { query } = this.props;\r\n const searchUrl = window.__litium.quickSearchUrl + (query.length > 0 ? `?q=${query}` : '');\r\n return (\r\n \r\n
\r\n \r\n onSearch(encodeURIComponent(event.target.value))}\r\n onKeyDown={event => onKeyDown(event, { searchUrl })} ref={(input) => { this.searchInput = input; }}\r\n onBlur={() => onBlur()} />\r\n \r\n toggleShowFullForm()}>\r\n \r\n \r\n
\r\n {showResult && this.searchContainer = elem} >\r\n this.onBlur() }} />\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n query: state.quickSearch.query,\r\n result: state.quickSearch.result,\r\n showResult: state.quickSearch.showResult,\r\n showFullForm: state.quickSearch.showFullForm,\r\n selectedItem: state.quickSearch.selectedItem,\r\n }\r\n}\r\n\r\n// debouncing function to 200ms so we don't send query request on every key stroke\r\nconst debouncedQuery = debounce((dispatch, text) => dispatch(query(text)), 200);\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n onSearch: (text) => { \r\n var textTemp = decodeURIComponent(text).trim(); \r\n var textLength = textTemp.length; \r\n dispatch(setSearchQuery(text));\r\n if(textLength > 2)\r\n {\r\n debouncedQuery(dispatch, text);\r\n }\r\n else{\r\n dispatch(setShowResult(false));\r\n } \r\n },\r\n toggleShowFullForm: () => dispatch(toggleShowFullForm()),\r\n setSearchQuery: (text) => dispatch(setSearchQuery(text)),\r\n onKeyDown: (event, opt) => dispatch(handleKeyDown(event, opt)),\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(QuickSearchContainer);","import React, { Fragment } from \"react\";\r\n\r\nconst Navigation = ({\r\n links = [],\r\n contentLink = null,\r\n logoUrl = \"\",\r\n additionalLinks = null,\r\n}) => {\r\n let menuRef = React.createRef();\r\n function 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 {!contentLink ? (\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 \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 {additionalLinks.length > 0 &&\r\n additionalLinks.map((link, i) => (\r\n \r\n ))}\r\n
\r\n )}\r\n - \r\n
- \r\n
\r\n \r\n ))}\r\n
{ group.label }
- \r\n {facetFilters && facetFilters.length > 0 &&
{translate('general.filter')}
}\r\n {facetFilters && facetFilters.map((group, groupIndex, array) => (\r\n- \r\n {facetFilters && facetFilters.map((group, groupIndex, array) => group.options && group.options.length > 0 && (\r\n
- \r\n toggleVisibleDropdownMenu(group)}>\r\n { group.label }\r\n\r\n
- \r\n {group.options && group.options.map((item, itemIndex, array) => (\r\n
- \r\n
\r\n \r\n ))}\r\n - \r\n \r\n \r\n
\r\n ))}\r\n - \r\n
\r\n this.handleClick(e, index)}\r\n >\r\n {accordion.props.header || \"\"} \r\n
\r\n \r\n \r\n {/* {panels} */}\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Fragment } from \"react\";\r\n\r\nconst SubNavCompact = ({ subNavigation }) => (\r\n \r\n);\r\n\r\nconst displaySubNav = (subnav) =>\r\n subnav && (\r\n - \r\n {subnav.map(({ name, url, isSelected, links }, index) => (\r\n
\r\n \r\n
\r\n)};\r\n\r\nexport default SortCriteriaCompact;","import React, { Fragment } from 'react';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst FilterTags = (({facetFilters, searchFacetChange, navigationTheme}) => {\r\n const selectedFacetGroup = facetFilters.filter(filter => filter.selectedOptions.length>0);\r\n const selectedFacetOption = selectedFacetGroup.reduce((accumulator, group) => {\r\n if (!group) {\r\n return accumulator;\r\n }\r\n const {options, selectedOptions} = group;\r\n const groupOptions = options.filter(option => selectedOptions.includes(option.id)).map(option=>({...option, group}));\r\n return [\r\n ...accumulator,\r\n ...groupOptions\r\n ];\r\n }, []);\r\n return ( selectedFacetGroup.length === 0 ? null :\r\n \r\n \r\n {translate('search.yourfilter')} : \r\n {selectedFacetGroup && selectedFacetGroup.map((group, index) =>\r\n searchFacetChange(group)} key={`group-${index}`}> {group.label} \r\n )}\r\n \r\n {navigationTheme === 'category' &&\r\n \r\n {translate('search.yourfilter')} : \r\n {selectedFacetOption && selectedFacetOption.map((option, index) =>\r\n searchFacetChange(option.group, option)} key={`option-${index}`}> {option.label} \r\n )}\r\n \r\n }\r\n
\r\n)})\r\n\r\nexport default FilterTags;","import React, { Component, Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport FacetedSearchCompact from '../Components/FacetedSearchCompact';\r\nimport {AccordionPanel, Accordion} from './Accordion.container';\r\nimport { query, submitSearchFacet, toggleVisibleDropdownMenu, searchFacetChange } from '../Actions/FacetedSearch.action';\r\nimport SubNav from '../Components/SubNavCompact';\r\nimport SortCriteriaCompact from '../Components/SortCriteriaCompact';\r\nimport FilterTag from '../Components/FilterTags';\r\nimport { translate } from '../Services/translation';\r\nimport { PRODUCT_VIEW_CACHED, updateFilterOption } from '../Actions/FacetedSearch.action';\r\n\r\nclass FacetedSearchCompactContainer extends Component {\r\n constructor(props) {\r\n super(props);\r\n const {facetFilters} = props;\r\n this.state = {\r\n facetFilters,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.props.query(window.location.search.substr(1) || '', false);\r\n }\r\n\r\n onFacetChange (filter, option) {\r\n this.setState((prevState, props) => {\r\n const { facetFilters } = this.state;\r\n const newFilters = updateFilterOption(facetFilters, filter, option);\r\n return {\r\n ...prevState,\r\n facetFilters: newFilters,\r\n };\r\n });\r\n }\r\n\r\n static getDerivedStateFromProps(nextProp, prevState) {\r\n if (nextProp.productsViewCachedId !== prevState.productsViewCachedId) {\r\n return {\r\n ...prevState,\r\n ...nextProp,\r\n }\r\n }\r\n return prevState;\r\n }\r\n\r\n 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('#facetedSearchCompact');\r\n const tempFilter = tempResult.querySelector('#facetedSearchCompact');\r\n const replace = (node, newNode) => 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 componentDidUpdate() {\r\n const productViewCached = window.__litium.cache ? window.__litium.cache[PRODUCT_VIEW_CACHED] || {} : {};\r\n if (!productViewCached.used) {\r\n productViewCached.used = true;\r\n const dom = productViewCached.productsView;\r\n dom && this.onSearchResultDataChange(dom);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n subNavigation,\r\n sortCriteria,\r\n navigationTheme='',\r\n ...facetProps\r\n } = this.props;\r\n const { facetFilters } = this.state;\r\n const facetState = {\r\n ...facetProps,\r\n facetFilters,\r\n onFacetChange: (filter, option) => this.onFacetChange(filter, option),\r\n };\r\n const empty = array => !(array && array.length);\r\n const emptyNavigation = array => !(array && array.length && array[0].name != null);\r\n const subNavigations = !subNavigation ? null : [subNavigation];\r\n const sortCriterias = !sortCriteria || !sortCriteria.sortItems ? null : sortCriteria.sortItems;\r\n const hidden = [subNavigations, facetFilters, sortCriterias].every(arr => empty(arr));\r\n return ( hidden ? null :\r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CookieConsent;\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport CookieConsent from \"../Components/CookieConsent\";\r\n\r\nconst CookieConsentContainer = props => \r\n {translate(\"cookieconsent.text\")} {translate(\"cookieconsent.readmore\")}\r\n
\r\n \r\n