{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 \n * {value}\n * \n *
\n * )\n * }\n */\n\nexport function useDispatch() {\n var store = useStore();\n return store.dispatch;\n}","import { useReduxContext } from './useReduxContext';\n/**\n * A hook to access the redux store.\n *\n * @returns {any} the redux store\n *\n * @example\n *\n * import React from 'react'\n * import { useStore } from 'react-redux'\n *\n * export const ExampleComponent = () => {\n * const store = useStore()\n * return {store.getState()}
\n * }\n */\n\nexport function useStore() {\n var _useReduxContext = useReduxContext(),\n store = _useReduxContext.store;\n\n return store;\n}","import { useReducer, useRef, useEffect, useMemo, useLayoutEffect } from 'react';\nimport invariant from 'invariant';\nimport { useReduxContext } from './useReduxContext';\nimport Subscription from '../utils/Subscription'; // React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser. We need useLayoutEffect to ensure the store\n// subscription callback always has the selector from the latest render commit\n// available, otherwise a store update may happen between render and the effect,\n// which may cause missed updates; we also must ensure the store subscription\n// is created synchronously, otherwise a store update may occur before the\n// subscription is created and an inconsistent state may be observed\n\nvar useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n/**\n * A hook to access the redux store's state. This hook takes a selector function\n * as an argument. The selector is called with the store state.\n *\n * This hook takes an optional equality comparison function as the second parameter\n * that allows you to customize the way the selected state is compared to determine\n * whether the component needs to be re-rendered.\n *\n * @param {Function} selector the selector function\n * @param {Function=} equalityFn the function that will be used to determine equality\n *\n * @returns {any} the selected state\n *\n * @example\n *\n * import React from 'react'\n * import { useSelector } from 'react-redux'\n *\n * export const CounterComponent = () => {\n * const counter = useSelector(state => state.counter)\n * return {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 };","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 if (method !== \"GET\") {\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};","module.exports = require(\"core-js-pure/stable/instance/concat\");","'use strict';\nvar global = require('../internals/global');\nvar getOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar isForced = require('../internals/is-forced');\nvar path = require('../internals/path');\nvar bind = require('../internals/function-bind-context');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\nvar has = require('../internals/has');\n\nvar wrapConstructor = function (NativeConstructor) {\n var Wrapper = function (a, b, c) {\n if (this instanceof NativeConstructor) {\n switch (arguments.length) {\n case 0: return new NativeConstructor();\n case 1: return new NativeConstructor(a);\n case 2: return new NativeConstructor(a, b);\n } return new NativeConstructor(a, b, c);\n } return NativeConstructor.apply(this, arguments);\n };\n Wrapper.prototype = NativeConstructor.prototype;\n return Wrapper;\n};\n\n/*\n options.target - name of the target object\n options.global - target is the global object\n options.stat - export as static methods of target\n options.proto - export as prototype methods of target\n options.real - real prototype method for the `pure` version\n options.forced - export even if the native feature is available\n options.bind - bind methods to the target, required for the `pure` version\n options.wrap - wrap constructors to preventing global pollution, required for the `pure` version\n options.unsafe - use the simple assignment of property instead of delete + defineProperty\n options.sham - add a flag to not completely full polyfills\n options.enumerable - export as enumerable property\n options.noTargetGet - prevent calling a getter on target\n*/\nmodule.exports = function (options, source) {\n var TARGET = options.target;\n var GLOBAL = options.global;\n var STATIC = options.stat;\n var PROTO = options.proto;\n\n var nativeSource = GLOBAL ? global : STATIC ? global[TARGET] : (global[TARGET] || {}).prototype;\n\n var target = GLOBAL ? path : path[TARGET] || (path[TARGET] = {});\n var targetPrototype = target.prototype;\n\n var FORCED, USE_NATIVE, VIRTUAL_PROTOTYPE;\n var key, sourceProperty, targetProperty, nativeProperty, resultProperty, descriptor;\n\n for (key in source) {\n FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);\n // contains in native\n USE_NATIVE = !FORCED && nativeSource && has(nativeSource, key);\n\n targetProperty = target[key];\n\n if (USE_NATIVE) if (options.noTargetGet) {\n descriptor = getOwnPropertyDescriptor(nativeSource, key);\n nativeProperty = descriptor && descriptor.value;\n } else nativeProperty = nativeSource[key];\n\n // export native or implementation\n sourceProperty = (USE_NATIVE && nativeProperty) ? nativeProperty : source[key];\n\n if (USE_NATIVE && typeof targetProperty === typeof sourceProperty) continue;\n\n // bind timers to global for call from export context\n if (options.bind && USE_NATIVE) resultProperty = bind(sourceProperty, global);\n // wrap global constructors for prevent changs in this version\n else if (options.wrap && USE_NATIVE) resultProperty = wrapConstructor(sourceProperty);\n // make static versions for prototype methods\n else if (PROTO && typeof sourceProperty == 'function') resultProperty = bind(Function.call, sourceProperty);\n // default case\n else resultProperty = sourceProperty;\n\n // add a flag to not completely full polyfills\n if (options.sham || (sourceProperty && sourceProperty.sham) || (targetProperty && targetProperty.sham)) {\n createNonEnumerableProperty(resultProperty, 'sham', true);\n }\n\n target[key] = resultProperty;\n\n if (PROTO) {\n VIRTUAL_PROTOTYPE = TARGET + 'Prototype';\n if (!has(path, VIRTUAL_PROTOTYPE)) {\n createNonEnumerableProperty(path, VIRTUAL_PROTOTYPE, {});\n }\n // export virtual prototype methods\n path[VIRTUAL_PROTOTYPE][key] = sourceProperty;\n // export real prototype methods\n if (options.real && targetPrototype && !targetPrototype[key]) {\n createNonEnumerableProperty(targetPrototype, key, sourceProperty);\n }\n }\n }\n};\n","// 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","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}","'use strict';\n\nfunction checkDCE() {\n /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\n if (\n typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||\n typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'\n ) {\n return;\n }\n if (process.env.NODE_ENV !== 'production') {\n // This branch is unreachable because this function is only called\n // in production, but the condition is true only in development.\n // Therefore if the branch is still here, dead code elimination wasn't\n // properly applied.\n // Don't change the message. React DevTools relies on it. Also make sure\n // this message doesn't occur elsewhere in this function, or it will cause\n // a false positive.\n throw new Error('^_^');\n }\n try {\n // Verify that the code above has been dead code eliminated (DCE'd).\n __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);\n } catch (err) {\n // DevTools shouldn't crash React, no matter what.\n // We should still report in case we break this code.\n console.error(err);\n }\n}\n\nif (process.env.NODE_ENV === 'production') {\n // DCE check should happen before ReactDOM bundle executes so that\n // DevTools can report bad minification during injection.\n checkDCE();\n module.exports = require('./cjs/react-dom.production.min.js');\n} else {\n module.exports = require('./cjs/react-dom.development.js');\n}\n","export const translate = key => window.__litium.translation[key] || key;","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","// 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","module.exports = {};\n","var core = module.exports = { version: '2.6.11' };\nif (typeof __e == 'number') __e = core; // eslint-disable-line no-undef\n","var global = require('../internals/global');\nvar shared = require('../internals/shared');\nvar has = require('../internals/has');\nvar uid = require('../internals/uid');\nvar NATIVE_SYMBOL = require('../internals/native-symbol');\nvar USE_SYMBOL_AS_UID = require('../internals/use-symbol-as-uid');\n\nvar WellKnownSymbolsStore = shared('wks');\nvar Symbol = global.Symbol;\nvar createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol : Symbol && Symbol.withoutSetter || uid;\n\nmodule.exports = function (name) {\n if (!has(WellKnownSymbolsStore, name)) {\n if (NATIVE_SYMBOL && has(Symbol, name)) WellKnownSymbolsStore[name] = Symbol[name];\n else WellKnownSymbolsStore[name] = createWellKnownSymbol('Symbol.' + name);\n } return WellKnownSymbolsStore[name];\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 path = require('../internals/path');\nvar has = require('../internals/has');\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 (!has(Symbol, NAME)) defineProperty(Symbol, NAME, {\n value: wrappedWellKnownSymbolModule.f(NAME)\n });\n};\n","module.exports = require(\"core-js-pure/stable/instance/filter\");","export const NOTIFICATION_SHOW = 'NOTIFICATION_SHOW';\r\nexport const NOTIFICATION_HIDE = 'NOTIFICATION_HIDE';\r\nexport const ERROR_SHOW = 'ERROR_SHOW';\r\nexport const ERROR_HIDE = 'ERROR_HIDE';\r\n\r\nexport const show = (nodeId, text, hash) => ({\r\n type: NOTIFICATION_SHOW,\r\n payload: {\r\n nodeId,\r\n text,\r\n hash,\r\n }\r\n})\r\n\r\nexport const hide = (nodeId, hash) => ({\r\n type: NOTIFICATION_HIDE,\r\n payload: {\r\n nodeId,\r\n hash,\r\n }\r\n})\r\n\r\nexport const errorShow = (nodeId, text, hash) => ({\r\n type: NOTIFICATION_SHOW,\r\n payload: {\r\n nodeId,\r\n text,\r\n hash,\r\n }\r\n})\r\n\r\nexport const errorHide = (nodeId, hash) => ({\r\n type: NOTIFICATION_HIDE,\r\n payload: {\r\n nodeId,\r\n hash,\r\n }\r\n})","module.exports = function (exec) {\n try {\n return !!exec();\n } catch (error) {\n return true;\n }\n};\n","module.exports = require(\"core-js-pure/stable/instance/includes\");","import { post, put } 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_BILLING_COMPANY_ADDRESS = 'CHECKOUT_SET_SELECTED_BILLING_COMPANY_ADDRESS';\r\nexport const CHECKOUT_SET_SELECTED_SHIPPING_COMPANY_ADDRESS = 'CHECKOUT_SET_SELECTED_SHIPPING_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_SET_DELIVERY_NOTE = 'CHECKOUT_SET_DELIVERY_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\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 setSelectedBillingCompanyAddress = (selectedBillingCompanyAddressId) => ({\r\n type: CHECKOUT_SET_SELECTED_BILLING_COMPANY_ADDRESS,\r\n payload: {\r\n selectedBillingCompanyAddressId,\r\n }\r\n})\r\n\r\nexport const setSelectedShippingCompanyAddress = (selectedShippingCompanyAddressId) => ({\r\n type: CHECKOUT_SET_SELECTED_SHIPPING_COMPANY_ADDRESS,\r\n payload: {\r\n selectedShippingCompanyAddressId,\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 }\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 setDeliveryNote = (deliveryNote) => ({\r\n type: CHECKOUT_SET_DELIVERY_NOTE,\r\n payload: {\r\n deliveryNote,\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 setCampaignCode = (campaignCode) => ({\r\n type: CHECKOUT_SET_CAMPAIGN_CODE,\r\n payload: {\r\n campaignCode,\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 // 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 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;","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\nexport default MiniCartProduct;","import React from 'react';\r\nimport MiniCartProduct from './MiniCartProduct';\r\nimport { translate } from '../Services/translation';\r\nimport { update } from '../Actions/Cart.action';\r\n\r\nconst MiniCart = ({ quantity, orderTotal, checkoutUrl, showInfo, toggle, orderRows, update, includeVAT, packageSize }) => (\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n {product.name}
\r\n \r\n\r\n {product.campaignPrice ? (\r\n \r\n {product.campaignPrice} {product.price}\r\n \r\n ) : product.price}\r\n
\r\n \r\n \r\n
\r\n \r\n {product.quantity}\r\n
\r\n \r\n \r\n toggle()}>\r\n \r\n {quantity > 0 && {quantity}}\r\n \r\n {translate('minicart.checkout')}\r\n \r\n
\r\n)\r\n\r\nexport default MiniCart;","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport MiniCart from '../Components/MiniCart';\r\nimport { toggle, update } from '../Actions/Cart.action';\r\n\r\nconst MiniCartContainer = props => (\r\n \r\n {orderRows.length ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n \r\n
\r\n {translate('minicart.heading')}
\r\n \r\n {orderRows.map(orderRow => {\r\n const { rowSystemId, quantity, packageSize } = orderRow;\r\n return (\r\n update(rowSystemId, (quantity + packageSize))}\r\n onCartItemDecrement={() => update(rowSystemId, (quantity - packageSize))}\r\n onCartItemRemove={() => update(rowSystemId, 0)}\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
\r\n {includeVAT ? translate('minicart.taxesincluded') : translate('minicart.total')}
\r\n\r\n
\r\n {orderTotal}
\r\n {translate('alternativevariant.excluding')}\r\n{translate('minicart.emptyheading')}
\r\n )}\r\n- \r\n {result && result.map((item, index, array) => (\r\n
- { item.category } \r\n }\r\n\r\n\r\n
- \r\n {\r\n item.modelKey === \"Products\"\r\n ? (\r\n \r\n {item.hasImage && item.imageSource &&
}\r\n
{item.name}\r\n \r\n )\r\n : (\r\n\r\n {item.hasImage && item.imageSource &&\r\n )\r\n }\r\n\r\n \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 } 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 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 \r\n {showResult && }\r\n
\r\n 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 dispatch(setSearchQuery(text));\r\n debouncedQuery(dispatch, text);\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 = ({ links = [], contentLink = null, iteration = 0 }) => {\r\n let menuRef = React.createRef();\r\n function toggleMenu() {\r\n menuRef.current.classList.toggle(\"navbar__menu--show\");\r\n document.querySelector(\"body\").classList.toggle(\"overlay\");\r\n }\r\n const additionClass =\r\n contentLink && contentLink.attributes\r\n ? contentLink.attributes.cssValue\r\n : null;\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 const firstLinks = links.filter((x) => !x.alternativeMenuObject);\r\n const secondLinks = links.filter((x) => x.alternativeMenuObject);\r\n var mouseOverMenu = false;\r\n\r\n const isMobile = () =>\r\n menuRef.current.classList.contains(\"navbar__menu--show\");\r\n\r\n const handleOnMouseEnter = () => {\r\n // first navbar item, and not in mobile\r\n if (iteration == 0 && !isMobile())\r\n document.querySelector(\"body\").classList.add(\"navbar-overlay\");\r\n };\r\n\r\n const handleOnMouseLeave = () => {\r\n if (iteration == 0 && !isMobile() && !mouseOverMenu)\r\n document.querySelector(\"body\").classList.remove(\"navbar-overlay\");\r\n };\r\n\r\n const getMenuContent = () => (\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 {links.length > 0 &&\r\n links.map(\r\n (link, i) =>\r\n hasNameOrChildren(link) && (\r\n {getMenuContent()}
\r\n \r\n ) : (\r\n \r\n
\r\n ))}\r\n \r\n \r\n
\r\n {!currentItem ||\r\n (!currentItem.parent && (\r\n \r\n {currentItem && currentItem.parent ? (\r\n \r\n {\" \"}\r\n {translate(TRANSLATION_NAVBAR_BACK)}\r\n
\r\n ) : (\r\n \r\n {translate(TRANSLATION_NAVBAR_TITLE)}\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n {props.profileText}\r\n \r\n
\r\n \r\n {currentItem.links.map((link) => {\r\n // Hide the \"show more\" links in mobile\r\n if (\r\n link.name &&\r\n link.name.indexOf(translate(TRANSLATION_SHOW_MORE_LINK)) != -1\r\n )\r\n return;\r\n\r\n return (\r\n 0\r\n ? \"navbar-mobile__item--has-children\"\r\n : \"\",\r\n ].join(\" \")}\r\n >\r\n showChildLinks(link)}\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 {link.links.length > 0 && (\r\n - \r\n
- \r\n
\r\n \r\n ))}\r\n
{ group.label }
\r\n {group.options && group.options.map((item, itemIndex, array) => (\r\n - \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
\r\n );\r\n const panels = accordions.map((accordion, index) =>\r\n this.handleClick(e, index)}>\r\n {accordion.props.header||''}\r\n
\r\n \r\n {accordion.props.children}\r\n
\r\n );\r\n return (\r\n \r\n \r\n {panels}\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 => (subnav &&\r\n - \r\n {subnav.map(({name, url, isSelected, links, siblingCategorys }, index) =>\r\n
- 0 ? 'has-children' : ''} ${isSelected ? 'active' : ''}`} key={`subnavCompact-${index}`}>\r\n {name}\r\n {(siblingCategorys && siblingCategorys.length > 0) ? displaySubNav(siblingCategorys) : displaySubNav(links)}\r\n \r\n )}\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)})\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 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