{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 };","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 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) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {\n if (NATIVE_SYMBOL && has(Symbol, name)) {\n WellKnownSymbolsStore[name] = Symbol[name];\n } else {\n WellKnownSymbolsStore[name] = createWellKnownSymbol('Symbol.' + name);\n }\n } return WellKnownSymbolsStore[name];\n};\n","export const translate = key => window.__litium.translation[key] || key;","// 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 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;","module.exports = {};\n","module.exports = function (exec) {\n try {\n return !!exec();\n } catch (error) {\n return true;\n }\n};\n","var core = module.exports = { version: '2.6.12' };\nif (typeof __e == 'number') __e = core; // eslint-disable-line no-undef\n","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 /* global globalThis -- safe */\n check(typeof globalThis == 'object' && globalThis) ||\n check(typeof window == 'object' && window) ||\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","// 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","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;","module.exports = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n","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","import { get, post, put } from '../Services/http';\r\nimport { catchError } from './Error.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\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 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) => (dispatch) => {\r\n return put(`/api/cart/update`, { rowSystemId, quantity })\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}","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_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\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 }\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 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 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 isObject = require('../internals/is-object');\n\nmodule.exports = function (it) {\n if (!isObject(it)) {\n throw TypeError(String(it) + ' is not an object');\n } return it;\n};\n","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 toggle()}>\r\n \r\n \r\n \r\n {quantity}\r\n {translate(\"minicart.title\")}\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 \r\n toggle()}>\r\n
}\r\n \r\n {translate(\"minicart.numberofproduct\")} {quantity}\r\n
\r\n\r\n {translate(\"minicart.total\")} {orderTotal}\r\n
\r\n \r\n {translate(\"minicart.checkout\")}\r\n \r\n- \r\n {result && result.map((item, index, array) => (\r\n
- { item.category } \r\n }\r\n
- \r\n \r\n {item.hasImage && item.imageSource &&
}\r\n
{item.name}\r\n \r\n \r\n
\r\n {\r\n toggleShowFullForm();\r\n this.focusOnInput();\r\n }}\r\n >\r\n \r\n \r\n \r\n\r\n \r\n {translate(\"general.search\")}\r\n \r\n \r\n \r\n toggleShowFullForm()}\r\n >\r\n \r\n \r\n \r\n onSearch(encodeURIComponent(event.target.value))\r\n }\r\n onKeyDown={(event) => onKeyDown(event, { searchUrl })}\r\n ref={(input) => {\r\n this.searchInput = input;\r\n }}\r\n onBlur={() => onBlur()}\r\n />\r\n \r\n {showResult && (\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default QuickSearch;\r\n","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 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, level = 1 }) => {\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 */}\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
{ group.label }
\r\n {group.options && group.options.map((item, itemIndex, array) => (\r\n \r\n\t\t\t
\r\n\t{`${translate('filtersort.facetedsearchheader')}`}
\r\n\t\t\t- \r\n\t\t {facetFilters && facetFilters.map((group, groupIndex, array) => (\r\n\t\t
- \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
- \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\t\t\t\t{accordion.props.label ? {accordion.props.label} : ''}\r\n\t\t\t\t
\r\n );\r\n const panels = accordions.map((accordion, index) =>\r\n this.handleClick(e, index)}>\r\n {accordion.props.header || ''}\r\n\t\t\t\t\t{accordion.props.icon || ''}\r\n\t\t\t\t
\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 }, index) =>\r\n
- 0 ? 'has-children' : ''} ${isSelected && !links.some(x => x.isSelected) ? 'active' : ''}`} key={`subnavCompact-${index}`}>\r\n {name}\r\n {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 {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\t 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