\n
)\n}\n\nexport default MeasurementSwitch;\n","import {SET_MEASUREMENT_TO_IMPERIAL, SET_MEASUREMENT_TO_METRIC} from '../constants';\n\nexport const setMeasurementUnitToMetric = () => ({\n type: SET_MEASUREMENT_TO_METRIC,\n});\n\nexport const setMeasurementUnitToImperial = () => ({\n type: SET_MEASUREMENT_TO_IMPERIAL,\n});","import React from 'react';\n\nconst ProductBagIconButton = ({quantity, icon, text, active, href = '#'}) => {\n \n const className = 'product-bag__icon ' + 'product-bag__icon--' + icon + (active ? ' product-bag__icon--' + icon + '-active' : '');\n \n return (\n Metric
\n \nImperial
\n\n\n
\n );\n}\n\nexport default QuickSearchResult;\n","import React, { useEffect, useRef, useState} from 'react';\nimport clsx from \"clsx\";\nimport tooltipIcon from \"../../images/icon-tooltip.svg\";\n\nexport default function Tooltip({helpText, inline = false, wide = false}) {\n const [showHelpText, setShowHelpText] = useState(false);\n const ref = useRef();\n \n useEffect(() => {\n function handleClickOutside(event) {\n if(!ref.current){\n return;\n }\n \n if (!ref.current.contains(event.target)) {\n setShowHelpText(false);\n }\n }\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [ref]);\n \n if(!helpText){\n return null;\n }\n \n return (\n - \n {\n showCloseButton &&
- \n \n \n }\n \n {result &&\n result.map((item, index, array) => (\n
- \n {item.category}\n \n )}\n
{item.name}
\n \n \n \n \n {showHelpText &&
\n );\n}","import { fetch } from 'whatwg-fetch';\n\nexport const get = (url) => _fetch(url, 'GET');\n\nexport const post = (url, data, abortController = null) =>\n _fetch(url, 'POST', data, abortController);\nexport const put = (url, data, abortController = null) =>\n _fetch(url, 'PUT', data, abortController);\nexport const patch = (url, data, abortController = null) =>\n _fetch(url, 'PATCH', data, abortController);\nexport const remove = (url, data, abortController = null) =>\n _fetch(url, 'DELETE', data, abortController);\n\nconst _fetch = (url, method, data = null, abortController = null) => {\n let options = {\n method,\n headers: {\n 'litium-request-context': JSON.stringify(\n window.__litium.requestContext\n ),\n },\n credentials: 'include',\n };\n if (abortController) {\n options.signal = abortController.signal;\n }\n if (method !== 'GET') {\n options = {\n ...options,\n body: data ? JSON.stringify(data) : null,\n headers: {\n ...options.headers,\n 'content-type': 'application/json',\n },\n };\n\n const token = window.localStorage.getItem('requestVerificationToken');\n if (token) {\n options = {\n ...options,\n headers: {\n ...options.headers,\n RequestVerificationToken: token,\n },\n };\n }\n }\n // use native browser implementation if it supports aborting\n const abortableFetch = 'signal' in new Request('') ? window.fetch : fetch;\n return abortableFetch(url, options).then(_checkStatus);\n};\n\nconst _checkStatus = (response) => {\n if (response.status >= 200 && response.status < 300) {\n return response;\n } else {\n let error = new Error(response.statusText);\n error.response = response;\n throw error;\n }\n};\n","export const translate = (key, values = []) => {\n let translation = window.__litium.translation[key] || key\n\n if(values.length === 0){\n return translation.replace(/{(.*?)}/g, \"\");\n }\n \n return translation.replace(/{(.*?)}/g, (match, offset) => values[offset]);\n};","export default window.__litium.constants;\n\nexport const ViewMode = {\n List: 'list',\n Edit: 'edit',\n Detail: 'detail',\n};\n\nexport const PaginationOptions = {\n PageSize: 5, // Number of items per page\n DisplayedEntries: 4, // Specifies how many links to show excluding possible EdgeEntries\n EdgeEntries: 2, // Specifies how many links from beginning and end to show ex. 1 2 3 ... 10 20 30 ... 97 98 99 where \"1 2 3\" and \"97 98 99\" are edge entries\n};\n\nexport const ShippingIntegrationType = {\n Inline: 'Inline',\n DeliveryCheckout: 'DeliveryCheckout',\n PaymentCheckout: 'PaymentCheckout',\n};\n\nexport const PaymentIntegrationType = {\n IframeCheckout: 'IframeCheckout',\n PaymentWidgets: 'PaymentWidgets',\n DirectPayment: 'DirectPayment',\n};\n\nexport const ADDRESS_RECEIVE = 'ADDRESS_RECEIVE';\nexport const ADDRESS_ERROR = 'ADDRESS_ERROR';\nexport const ADDRESS_CHANGE_MODE = 'ADDRESS_CHANGE_MODE';\n\nexport const CART_LOAD_ERROR = 'CART_LOAD_ERROR';\nexport const CART_RECEIVE = 'CART_RECEIVE';\nexport const CART_SHOW_INFO = 'CART_SHOW_INFO';\n\nexport const CHECKOUT_SET_SELECTED_COMPANY_ADDRESS =\n 'CHECKOUT_SET_SELECTED_COMPANY_ADDRESS';\nexport const CHECKOUT_SET_PRIVATE_CUSTOMER = 'CHECKOUT_SET_PRIVATE_CUSTOMER';\nexport const CHECKOUT_SET_SIGN_UP = 'CHECKOUT_SET_SIGN_UP';\nexport const CHECKOUT_SET_DELIVERY = 'CHECKOUT_SET_DELIVERY';\nexport const CHECKOUT_SET_COUNTRY = 'CHECKOUT_SET_COUNTRY';\nexport const CHECKOUT_SET_PAYMENT = 'CHECKOUT_SET_PAYMENT';\nexport const CHECKOUT_SET_DISCOUNT_CODE = 'CHECKOUT_SET_DISCOUNT_CODE';\nexport const CHECKOUT_SET_USED_DISCOUNT_CODE =\n 'CHECKOUT_SET_UASED_DISCOUNT_CODE';\nexport const CHECKOUT_SET_ORDER_NOTE = 'CHECKOUT_SET_ORDER_NOTE';\nexport const CHECKOUT_ACCEPT_TERMS_OF_CONDITION =\n 'CHECKOUT_ACCEPT_TERMS_OF_CONDITION';\nexport const CHECKOUT_SUBMIT = 'CHECKOUT_SUBMIT';\nexport const CHECKOUT_SUBMIT_ERROR = 'CHECKOUT_SUBMIT_ERROR';\nexport const CHECKOUT_SET_PAYMENT_WIDGET = 'CHECKOUT_SET_PAYMENT_WIDGET';\nexport const CHECKOUT_UPDATE_CUSTOMER_INFO = 'CHECKOUT_UPDATE_CUSTOMER_INFO';\nexport const CHECKOUT_SET_SHOW_ALTERNATIVE_ADDRESS =\n 'CHECKOUT_SET_SHOW_ALTERNATIVE_ADDRESS';\nexport const CHECKOUT_SET_STATUS_SUBMIT_BUTTON =\n 'CHECKOUT_SET_STATUS_SUBMIT_BUTTON';\nexport const CLEAR_ERROR = 'CLEAR_ERROR';\nexport const CHECKOUT_VALIDATE_ADDRESS = 'CHECKOUT_VALIDATE_ADDRESS';\n\nexport const FACETED_SEARCH_QUERY = 'FACETED_SEARCH_QUERY';\nexport const FACETED_SEARCH_RECEIVE = 'FACETED_SEARCH_RECEIVE';\nexport const FACETED_SEARCH_ERROR = 'FACETED_SEARCH_ERROR';\nexport const FACETED_SEARCH_TOGGLE_VALUE = 'FACETED_SEARCH_TOGGLE_VALUE';\nexport const FACETED_SEARCH_TOGGLE_COMPACT = 'FACETED_SEARCH_TOGGLE_COMPACT';\nexport const PRODUCT_VIEW_CACHED = 'PRODUCT_VIEW_CACHED';\n\nexport const LIGHTBOX_IMAGES_SET_CURRENT_IMAGE =\n 'LIGHTBOX_IMAGES_SET_CURRENT_IMAGE';\nexport const LIGHTBOX_IMAGES_SHOW = 'LIGHTBOX_IMAGES_SHOW';\n\nexport const NAVIGATION_LOAD_ERROR = 'NAVIGATION_LOAD_ERROR';\nexport const NAVIGATION_RECEIVE = 'NAVIGATION_RECEIVE';\n\nexport const PERSON_RECEIVE = 'PERSON_RECEIVE';\nexport const PERSON_ERROR = 'PERSON_ERROR';\nexport const PERSON_CHANGE_MODE = 'PERSON_CHANGE_MODE';\n\nexport const QUICK_SEARCH_QUERY = 'QUICK_SEARCH_QUERY';\nexport const QUICK_SEARCH_RECEIVE = 'QUICK_SEARCH_RECEIVE';\nexport const QUICK_SEARCH_ERROR = 'QUICK_SEARCH_ERROR';\nexport const QUICK_SEARCH_SHOW_FULL_FORM = 'QUICK_SEARCH_SHOW_FULL_FORM';\nexport const QUICK_SEARCH_SELECT_ITEM = 'QUICK_SEARCH_SELECT_ITEM';\nexport const QUICK_SEARCH_HIDE_RESULTS = 'QUICK_SEARCH_HIDE_RESULTS';\n\nexport const ORDER_RECEIVE = 'ORDER_RECEIVE';\nexport const ORDER_ERROR = 'ORDER_ERROR';\nexport const ORDER_CHANGE_MODE = 'ORDER_CHANGE_MODE';\nexport const ORDER_CHANGE_CURRENTPAGE = 'ORDER_CHANGE_CURRENTPAGE';\nexport const ORDER_SET_ORDER = 'ORDER_SET_ORDER';\n\nexport const RESELLERS_LOAD_ERROR = 'RESELLERS_LOAD_ERROR';\nexport const RESELLERS_LOADING = 'RESELLERS_LOADING';\nexport const RESELLERS_RECEIVE = 'RESELLERS_RECEIVE';\n\nexport const SET_MEASUREMENT_TO_METRIC = 'SET_MEASUREMENT_TO_METRIC';\nexport const SET_MEASUREMENT_TO_IMPERIAL = 'SET_MEASUREMENT_TO_IMPERIAL';\nexport const MEASUREMENT_TYPE_METRIC = 0;\nexport const MEASUREMENT_TYPE_IMPERIAL = 1;\n\nexport const COMPARISON_PRODUCTS_LOAD_ERROR = 'COMPARISON_PRODUCTS_LOAD_ERROR';\nexport const COMPARISON_PRODUCTS_LOADING = 'COMPARISON_PRODUCTS_LOADING';\nexport const COMPARISON_PRODUCTS_RECEIVE = 'COMPARISON_PRODUCTS_RECEIVE';","function createThunkMiddleware(extraArgument) {\n return function (_ref) {\n var dispatch = _ref.dispatch,\n getState = _ref.getState;\n return function (next) {\n return function (action) {\n if (typeof action === 'function') {\n return action(dispatch, getState, extraArgument);\n }\n\n return next(action);\n };\n };\n };\n}\n\nvar thunk = createThunkMiddleware();\nthunk.withExtraArgument = createThunkMiddleware;\n\nexport default thunk;","import {\n QUICK_SEARCH_QUERY,\n QUICK_SEARCH_RECEIVE,\n QUICK_SEARCH_SHOW_FULL_FORM,\n QUICK_SEARCH_SELECT_ITEM, \n QUICK_SEARCH_HIDE_RESULTS,\n} from '../constants';\n\nconst DEFAULT_STATE = {\n query: '',\n result: [],\n showResult: false,\n showModal: false,\n selectedItem: -1,\n};\n\nexport const quickSearch = (state = DEFAULT_STATE, action) => {\n switch (action.type) {\n case QUICK_SEARCH_HIDE_RESULTS:\n return {\n ...state,\n showResult: false,\n }\n case QUICK_SEARCH_QUERY:\n case QUICK_SEARCH_RECEIVE:\n case QUICK_SEARCH_SHOW_FULL_FORM:\n case QUICK_SEARCH_SELECT_ITEM:\n return {\n ...state,\n ...action.payload,\n };\n default:\n return state;\n }\n};\n","import {\n FACETED_SEARCH_RECEIVE,\n FACETED_SEARCH_TOGGLE_VALUE,\n FACETED_SEARCH_TOGGLE_COMPACT,\n} from '../constants';\nconst defaultState = {\n subNavigation: null,\n sortCriteria: null,\n facetFilters: [],\n visibleDropdownMenu: [],\n navigationTheme: 'filter',\n productsViewCachedId: null,\n};\n\nexport const facetedSearch = (state = defaultState, action) => {\n const { type, payload } = action;\n switch (type) {\n case FACETED_SEARCH_RECEIVE:\n return {\n ...state,\n ...payload,\n };\n case FACETED_SEARCH_TOGGLE_VALUE:\n return {\n ...state,\n facetFilters: payload.facetFilters,\n };\n case FACETED_SEARCH_TOGGLE_COMPACT: {\n const { visibleDropdownMenu } = payload;\n return {\n ...state,\n visibleDropdownMenu: state.visibleDropdownMenu.includes(\n visibleDropdownMenu\n )\n ? []\n : [visibleDropdownMenu],\n };\n }\n default:\n return state;\n }\n};\n","export const error = (state = {}, action) => {\n const { error } = action.payload;\n if (!error) {\n return state;\n }\n if (error.modelState) {\n return error.modelState;\n }\n if (error.name === 'ValidationError') {\n return {\n [error.path]: error.errors,\n };\n }\n if (typeof error === 'object') {\n const errorFormatted = {};\n Object.keys(error).forEach((key) => {\n errorFormatted[_camelCase(key)] = error[key];\n });\n return errorFormatted;\n }\n\n return state;\n};\n\nconst _camelCase = (input) => {\n if (typeof input !== 'string') return '';\n return input.charAt(0).toLocaleLowerCase() + input.slice(1);\n};\n","/* eslint-disable prettier/prettier */\nimport {\n CHECKOUT_SUBMIT,\n CHECKOUT_SUBMIT_ERROR,\n CHECKOUT_SET_DISCOUNT_CODE,\n CHECKOUT_SET_DELIVERY,\n CHECKOUT_SET_PAYMENT,\n CHECKOUT_SET_ORDER_NOTE,\n CHECKOUT_ACCEPT_TERMS_OF_CONDITION,\n CHECKOUT_SET_PRIVATE_CUSTOMER,\n CHECKOUT_SET_PAYMENT_WIDGET,\n CHECKOUT_SET_SELECTED_COMPANY_ADDRESS,\n CHECKOUT_SET_SIGN_UP,\n CHECKOUT_SET_COUNTRY,\n CHECKOUT_SET_USED_DISCOUNT_CODE,\n CHECKOUT_UPDATE_CUSTOMER_INFO,\n CHECKOUT_SET_SHOW_ALTERNATIVE_ADDRESS,\n CLEAR_ERROR,\n CHECKOUT_SET_STATUS_SUBMIT_BUTTON,\n CHECKOUT_VALIDATE_ADDRESS,\n} from '../constants';\nimport { error as errorReducer } from './Error.reducer';\n\nconst defaultState = {\n payload: {\n alternativeAddress: {},\n customerDetails: {},\n selectedCompanyAddressId: null,\n selectedDeliveryMethod: {},\n selectedPaymentMethod: {},\n selectedCountry: {},\n discountCode: '',\n orderNote: {},\n paymentWidget: null,\n isBusinessCustomer: false,\n signUp: false,\n acceptTermsOfCondition: false,\n\n authenticated: false,\n deliveryMethods: [],\n paymentMethods: [],\n companyAddresses: [],\n responseUrl: '',\n cancelUrl: '',\n redirectUrl: '',\n showAlternativeAddress: false,\n },\n errors: {},\n result: {},\n enableConfirmButton: false,\n};\nexport const checkout = (state = defaultState, action) => {\n const { type, payload } = action;\n switch (type) {\n case CHECKOUT_SUBMIT_ERROR:\n return {\n ...state,\n errors: errorReducer(state.errors, action),\n };\n case CHECKOUT_SUBMIT:\n case CHECKOUT_SET_STATUS_SUBMIT_BUTTON:\n case CLEAR_ERROR:\n return {\n ...state,\n ...payload,\n };\n case CHECKOUT_UPDATE_CUSTOMER_INFO:\n return {\n ...state,\n payload: {\n ...state.payload,\n [payload.key]: {\n ...state.payload[payload.key],\n ...payload.data,\n },\n },\n };\n case CHECKOUT_SET_DELIVERY:\n case CHECKOUT_SET_PAYMENT:\n case CHECKOUT_SET_ORDER_NOTE:\n case CHECKOUT_SET_PAYMENT_WIDGET:\n case CHECKOUT_SET_PRIVATE_CUSTOMER:\n case CHECKOUT_SET_SIGN_UP:\n case CHECKOUT_SET_SELECTED_COMPANY_ADDRESS:\n case CHECKOUT_ACCEPT_TERMS_OF_CONDITION:\n case CHECKOUT_SET_DISCOUNT_CODE:\n case CHECKOUT_SET_COUNTRY:\n case CHECKOUT_SET_USED_DISCOUNT_CODE:\n case CHECKOUT_SET_SHOW_ALTERNATIVE_ADDRESS:\n case CHECKOUT_VALIDATE_ADDRESS:\n return {\n ...state,\n payload: {\n ...state.payload,\n ...payload,\n },\n };\n default:\n return state;\n }\n};\n","import {\n PERSON_RECEIVE,\n PERSON_ERROR,\n PERSON_CHANGE_MODE,\n ViewMode,\n} from '../constants';\nimport { error as errorReducer } from './Error.reducer';\n\nconst defaultState = {\n list: [],\n mode: ViewMode.List,\n errors: {},\n};\n\nexport const person = (state = defaultState, action) => {\n const { type, payload } = action;\n switch (type) {\n case PERSON_RECEIVE:\n case PERSON_CHANGE_MODE:\n return {\n ...state,\n errors: {},\n ...payload,\n };\n case PERSON_ERROR:\n return {\n ...state,\n errors: errorReducer(state.errors, action),\n };\n default:\n return state;\n }\n};\n","import {\n ADDRESS_RECEIVE,\n ADDRESS_ERROR,\n ADDRESS_CHANGE_MODE,\n} from '../constants';\nimport { ViewMode } from '../constants';\nimport { error as errorReducer } from './Error.reducer';\n\nconst defaultState = {\n list: [],\n mode: ViewMode.List,\n errors: {},\n};\n\nexport const address = (state = defaultState, action) => {\n const { type, payload } = action;\n switch (type) {\n case ADDRESS_RECEIVE:\n case ADDRESS_CHANGE_MODE:\n return {\n ...state,\n errors: {},\n ...payload,\n };\n case ADDRESS_ERROR:\n return {\n ...state,\n errors: errorReducer(state.errors, action),\n };\n default:\n return state;\n }\n};\n","import {\n ORDER_RECEIVE,\n ORDER_ERROR,\n ORDER_CHANGE_MODE,\n ORDER_CHANGE_CURRENTPAGE,\n ORDER_SET_ORDER,\n ViewMode,\n} from '../constants';\nimport { error as errorReducer } from './Error.reducer';\n\nconst defaultState = {\n mode: ViewMode.List,\n list: [],\n order: {},\n totalCount: 0,\n showOnlyMyOrders: false,\n errors: {},\n};\n\nexport const order = (state = defaultState, action) => {\n const { type, payload } = action;\n switch (type) {\n case ORDER_RECEIVE:\n case ORDER_CHANGE_MODE:\n case ORDER_CHANGE_CURRENTPAGE:\n case ORDER_SET_ORDER:\n return {\n ...state,\n errors: {},\n ...payload,\n };\n case ORDER_ERROR:\n return {\n ...state,\n errors: errorReducer(state.errors, action),\n };\n default:\n return state;\n }\n};\n","import {\n PERSON_RECEIVE,\n PERSON_ERROR,\n PERSON_CHANGE_MODE,\n ADDRESS_RECEIVE,\n ADDRESS_ERROR,\n ADDRESS_CHANGE_MODE,\n ORDER_RECEIVE,\n ORDER_ERROR,\n ORDER_CHANGE_MODE,\n ORDER_CHANGE_CURRENTPAGE,\n ORDER_SET_ORDER,\n} from '../constants';\nimport { person as personReducer } from './Person.reducer';\nimport { address as addressReducer } from './Address.reducer';\nimport { order as orderReducer } from './Order.reducer';\n\nconst defaultState = {\n persons: {},\n addresses: {},\n orders: {\n currentPage: 1,\n },\n};\n\nexport const myPage = (state = defaultState, action) => {\n const { type, payload } = action;\n switch (type) {\n case PERSON_RECEIVE:\n case PERSON_ERROR:\n case PERSON_CHANGE_MODE:\n return {\n ...state,\n persons: personReducer(state.persons, action),\n };\n case ADDRESS_RECEIVE:\n case ADDRESS_ERROR:\n case ADDRESS_CHANGE_MODE:\n return {\n ...state,\n addresses: addressReducer(state.addresses, action),\n };\n case ORDER_RECEIVE:\n case ORDER_ERROR:\n case ORDER_CHANGE_MODE:\n case ORDER_CHANGE_CURRENTPAGE:\n case ORDER_SET_ORDER:\n return {\n ...state,\n orders: orderReducer(state.orders, action),\n };\n default:\n return state;\n }\n};\n","import {\n MEASUREMENT_TYPE_IMPERIAL,\n MEASUREMENT_TYPE_METRIC,\n SET_MEASUREMENT_TO_IMPERIAL, SET_MEASUREMENT_TO_METRIC,\n} from '../constants';\n\nconst defaultState = {\n measurementType: localStorage.getItem('MEASUREMENT_TYPE') || MEASUREMENT_TYPE_METRIC\n};\n\nexport const measurement = (state = defaultState, action) => {\n const { type } = action;\n switch (type) {\n case SET_MEASUREMENT_TO_METRIC:\n localStorage.setItem('MEASUREMENT_TYPE', MEASUREMENT_TYPE_METRIC.toString());\n\n return {\n ...state,\n measurementType: MEASUREMENT_TYPE_METRIC\n };\n case SET_MEASUREMENT_TO_IMPERIAL:\n localStorage.setItem('MEASUREMENT_TYPE', MEASUREMENT_TYPE_IMPERIAL.toString());\n return {\n ...state,\n measurementType: MEASUREMENT_TYPE_IMPERIAL\n };\n default:\n return state;\n }\n};\n","import {\n RESELLERS_RECEIVE,\n RESELLERS_LOADING,\n RESELLERS_LOAD_ERROR,\n } from '../constants';\n \n const DEFAULT_STATE = {\n resellers: [],\n googleMapsApiKey: '',\n errorMessage: '',\n loading: false,\n };\n \n export const resellers = (state = DEFAULT_STATE, action) => {\n switch (action.type) {\n case RESELLERS_RECEIVE:\n return {\n ...state,\n ...action.payload,\n errorMessage: '',\n loading: false,\n };\n case RESELLERS_LOAD_ERROR:\n return {\n ...state,\n ...action.payload,\n errorMessage: action.payload,\n loading: false,\n };\n case RESELLERS_LOADING:\n return {\n ...state,\n loading: action.payload,\n };\n default:\n return state;\n }\n };\n ","import {\n COMPARISON_PRODUCTS_RECEIVE,\n COMPARISON_PRODUCTS_LOADING,\n COMPARISON_PRODUCTS_LOAD_ERROR,\n} from '../constants';\n\nconst DEFAULT_STATE = {\n products: [],\n loading: false,\n};\n\nexport const comparisonProducts = (state = DEFAULT_STATE, action) => {\n switch (action.type) {\n case COMPARISON_PRODUCTS_RECEIVE:\n return {\n ...state,\n ...action.payload,\n };\n case COMPARISON_PRODUCTS_LOADING:\n return {\n ...state,\n ...action.payload,\n errorMessage: action.payload,\n loading: false,\n };\n case COMPARISON_PRODUCTS_LOAD_ERROR:\n return {\n ...state,\n loading: action.payload,\n };\n default:\n return state;\n }\n};\n ","import { combineReducers } from 'redux';\nimport { cart } from './Reducers/Cart.reducer';\nimport { quickSearch } from './Reducers/QuickSearch.reducer';\nimport { navigation } from './Reducers/Navigation.reducer';\nimport { facetedSearch } from './Reducers/FacetedSearch.reducer';\nimport { checkout } from './Reducers/Checkout.reducer';\nimport { myPage } from './Reducers/MyPage.reducer';\nimport { measurement } from \"./Reducers/Measurement.reducer\";\nimport { resellers } from './Reducers/Resellers.reducer';\nimport { comparisonProducts } from './Reducers/ComparisonProducts.reducer';\n\nconst staticReducers = {\n cart,\n quickSearch,\n navigation,\n facetedSearch,\n checkout,\n myPage,\n measurement,\n resellers,\n comparisonProducts\n};\n\nconst app = combineReducers(staticReducers);\n\nexport const createReducer = (asyncReducers) => {\n return combineReducers({\n ...staticReducers,\n ...asyncReducers,\n });\n};\n\nexport default app;\n","import { CART_RECEIVE, CART_SHOW_INFO } from '../constants';\n\nexport const cart = (\n state = { quantity: 0, orderTotal: 0, showInfo: false },\n action\n) => {\n switch (action.type) {\n case CART_RECEIVE:\n case CART_SHOW_INFO:\n return {\n ...state,\n ...action.payload,\n };\n default:\n return state;\n }\n};\n","import { NAVIGATION_RECEIVE } from '../constants';\n\nexport const navigation = (state = { menu: [] }, action) => {\n switch (action.type) {\n case NAVIGATION_RECEIVE:\n return {\n ...state,\n ...action.payload,\n };\n default:\n return state;\n }\n};\n","import React from 'react';\nimport {useSelector} from 'react-redux';\n\nconst MobileHeaderTopLinks = () => {\n const headerLinks = useSelector((state) => state.navigation.headerLinks);\n\n return (\n {helpText}
}\n- \n {headerLinks.map(headerLink => {\n return
- \n \n
{headerLink.text}\n \n
\n })}\n
\n \n {\n const text = encodeURIComponent(event.target.value);\n dispatch(setSearchQuery(text));\n debouncedQuery(dispatch, text);\n }}\n onKeyDown={(event) =>\n dispatch(handleKeyDown(event, { searchUrl }))\n }\n ref={searchInput}\n />\n {showResult && (\n
\n \n );\n};\n\nexport default QuickSearchMobile;\n","import React, { Fragment, useRef } from 'react';\nimport MeasurementSwitch from \"./Header/MeasurementSwitch\";\nimport MobileHeaderTopLinks from \"./MobileHeaderTopLinks\";\nimport QuickSearchButton from \"./QuickSearchButton\";\nimport QuickSearchMobile from \"./QuickSearchMobile\";\nimport { useSelector } from \"react-redux\";\nimport Measurement from \"./Measurement\";\nimport { translate } from \"../Services/translation\";\n\nconst NavigationItem = ({ links = [], contentLink = null, depth = 0 }) => {\n const menuRef = useRef(null);\n const logo = useSelector((state) => state.navigation.logo);\n const toggleMenu = () => {\n menuRef.current.classList.toggle('navbar__menu--show');\n\n if (depth === 0) {\n document.getElementById('menu-overlay').classList.toggle('hidden');\n }\n };\n const additionClass =\n contentLink && contentLink.attributes\n ? contentLink.attributes.cssValue\n : null;\n const selectedClass = contentLink && contentLink.isSelected ? 'navbar__link--selected' : '';\n\n const hasChildrenClass = links.length > 0 ? 'has-children' : null;\n\n const hasNameOrChildren = (link) =>\n link.name || (link.links || []).length > 0;\n\n const isCurrentLink = window.location.pathname === contentLink?.url;\n\n return (\n - \n
- \n \n\n
\n }\n\n - \n \n\n
\n }\n\n {links.length > 0 &&\n links.map(\n (link) =>\n (\n - \n {hasNameOrChildren(link) &&\n
\n \n \n }\n\n
\n\n }\n\n {link.featuredProduct && \n{link.callToAction.text}
\n {link.callToAction.buttonText}\n{link.featuredProduct.title}
\n\n\n\n
{link.featuredProduct.series}
\n{link.featuredProduct.name}
\n{link.featuredProduct.modelId}
\n{translate('product.capacity')} \n
\n }\n\n \n \n )\n )}\n\n {depth === 0 && - \n
\n }\n\n\n
\n {!contentLink ? (\n \n \n \n \n )}\n
\n\n {depth === 0 && \n
\n ) : (\n \n 
\n \n\n
\n \n \n {group.label}\n {group.description &&
\n setValue(e.target.value)}/>\n
\n \n {group.options.map((option, index) => {\n return handleClick(index)}>\n })}\n
\n \n {group.options.map((option, index) => {\n return
\n {index % 2 ? \"\" : option.label}
\n })}\n\n \n {group.label}\n {group.description &&
\n
\n\n \n handleBlur(setCustomInputMin, customInputMin)}\n onKeyUp={onKeyUpCustomInputMin}\n />\n {translate(group.meta.unit)}\n
\n - \n \n handleBlur(setCustomInputMax, customInputMax)}\n onKeyUp={onKeyUpCustomInputMax}\n />\n {translate(group.meta.unit)}\n
\n {errorMessage || ''}
\n\n\n \n \n
\n\n \n
\n {translate(group.meta.unit, [min])}
\n{translate(group.meta.unit, [max])}
\n- \n {group.options &&\n group.options.map((item, itemIndex) => (\n
- \n
\n {facetFilters.map((group, groupIndex) => (\n
\n )\n );\n};\n\nexport default FacetedSearch;\n","import React, {useState} from 'react';\nimport {FacetedFilterCheckbox} from \"../Filters/FacetedFilterCheckbox\";\nimport Tooltip from \"../Tooltip\";\n\nconst MobileFilterGroup = ({group, onFacetChange}) => {\n\n const [isOpen, setIsOpen] = useState(group.selectedOptions.length > 0);\n\n return (\n - \n {group.options &&\n group.options.map(\n (item, itemIndex) => (\n
\n
\n );\n};\n\nexport default FacetedSearchCompact;\n","import React, {\n Fragment,\n useCallback,\n useState,\n useEffect,\n useRef,\n} from 'react';\nimport {useSelector, useDispatch} from 'react-redux';\nimport FacetedSearchCompact from './FacetedSearchCompact';\nimport {query, submitSearchFacet} from '../Actions/FacetedSearch.action';\nimport {updateFilterOption} from '../Actions/FacetedSearch.action';\nimport {PRODUCT_VIEW_CACHED} from '../constants';\nimport {translate} from \"../Services/translation\";\n\nconst FacetedSearchCompactContainer = () => {\n const dispatch = useDispatch();\n const {\n subNavigation,\n sortCriteria,\n facetFilters: globalFacetFilters,\n navigationTheme,\n productsViewCachedId,\n } = useSelector((state) => state.facetedSearch);\n\n const [facetFilters, setFacetFilters] = useState(globalFacetFilters || []);\n const previousCachedId = useRef(productsViewCachedId);\n useEffect(() => {\n if (previousCachedId.current !== productsViewCachedId) {\n setFacetFilters(globalFacetFilters);\n previousCachedId.current = productsViewCachedId;\n }\n }, [globalFacetFilters, productsViewCachedId]);\n\n useEffect(() => {\n dispatch(query(window.location.search.substr(1) || '', false));\n }, [dispatch]);\n\n const onFacetChange = useCallback(\n (filter, option) => {\n setFacetFilters((prevFacetFilters) => {\n return updateFilterOption(prevFacetFilters, filter, option);\n });\n },\n [setFacetFilters]\n );\n\n const onSearchResultDataChange = (dom) => {\n if ([null, undefined].includes(dom)) {\n return;\n }\n const container = document.createElement('div');\n container.innerHTML = dom;\n const existingResult = document.querySelector('#search-result');\n const tempResult = container.querySelector('#search-result');\n const existingFilter = existingResult.querySelector(\n '#facetedSearchCompact'\n );\n const tempFilter = tempResult.querySelector('#facetedSearchCompact');\n const replace = (node, newNode) =>\n node.parentNode.replaceChild(newNode, node);\n // move existingFilter from existingResult to tempResult\n replace(tempFilter, existingFilter);\n // replace existingResult with tempResult ( newResult )\n replace(existingResult, tempResult);\n // bootstrap react components if any exists in the search result\n window.__litium.bootstrapComponents();\n };\n\n useEffect(() => {\n const productViewCached = window.__litium.cache\n ? window.__litium.cache[PRODUCT_VIEW_CACHED] || {}\n : {};\n if (!productViewCached.used) {\n productViewCached.used = true;\n const dom = productViewCached.productsView;\n dom && onSearchResultDataChange(dom);\n }\n });\n\n const empty = (array) => !(array && array.length);\n\n const subNavigations = !subNavigation ? null : [subNavigation];\n const sortCriterias =\n !sortCriteria || !sortCriteria.sortItems\n ? null\n : sortCriteria.sortItems;\n\n const hidden = [subNavigations, facetFilters, sortCriterias].every((arr) =>\n empty(arr)\n );\n\n const [isOpen, setIsOpen] = useState(false);\n\n function onSubmitFilter() {\n setIsOpen(false);\n dispatch(submitSearchFacet(facetFilters));\n }\n \n function onClearFilter() {\n setIsOpen(false);\n\n let filters = facetFilters.map(filter => {\n return {\n ...filter,\n selectedOptions: []\n }\n });\n\n dispatch(submitSearchFacet(filters));\n }\n \n \n useEffect(() => {\n if(isOpen){\n document.documentElement.style.overflow = \"hidden\";\n document.body.style.overflow = \"hidden\";\n }\n else {\n document.documentElement.style.overflow = \"\";\n document.body.style.overflow = \"\";\n }\n \n }, [isOpen]);\n\n return hidden ? null : (\n - \n {facetFilters &&\n facetFilters.map(\n (group, groupIndex) => {\n if (group.type === \"SingleSlider\") {\n return
\n \n \n
\n \n \n
\n \n
\n {translate('product.filters')}
\n \n\n
\n )}\n {store.getState()}
\r\n * }\r\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a {store.getState()}
\r\n * }\r\n */\n\nexport var useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport var useDispatch = /*#__PURE__*/createDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport Subscription from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n\n var subscription = useMemo(function () {\n return new Subscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestStoreState = useRef();\n var latestSelectedState = useRef();\n var storeState = store.getState();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || storeState !== latestStoreState.current || latestSubscriptionCallbackError.current) {\n var newSelectedState = selector(storeState); // ensure latest selected state is reused so that a custom equality function can result in identical references\n\n if (latestSelectedState.current === undefined || !equalityFn(newSelectedState, latestSelectedState.current)) {\n selectedState = newSelectedState;\n } else {\n selectedState = latestSelectedState.current;\n }\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n if (latestSubscriptionCallbackError.current) {\n err.message += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\n\";\n }\n\n throw err;\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestStoreState.current = storeState;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var _newSelectedState = latestSelector.current(store.getState());\n\n if (equalityFn(_newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = _newSelectedState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n\n forceRender();\n }\n\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\r\n * Hook factory, which creates a `useSelector` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{counter}
\r\n * }\r\n */\n\nexport var useSelector = /*#__PURE__*/createSelectorHook();","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch, createDispatchHook } from './hooks/useDispatch';\nimport { useSelector, createSelectorHook } from './hooks/useSelector';\nimport { useStore, createStoreHook } from './hooks/useStore';\nimport { setBatch } from './utils/batch';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport shallowEqual from './utils/shallowEqual';\nsetBatch(batch);\nexport { Provider, connectAdvanced, ReactReduxContext, connect, batch, useDispatch, createDispatchHook, useSelector, createSelectorHook, useStore, createStoreHook, shallowEqual };","/** @license React v17.0.2\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var l=require(\"object-assign\"),n=60103,p=60106;exports.Fragment=60107;exports.StrictMode=60108;exports.Profiler=60114;var q=60109,r=60110,t=60112;exports.Suspense=60113;var u=60115,v=60116;\nif(\"function\"===typeof Symbol&&Symbol.for){var w=Symbol.for;n=w(\"react.element\");p=w(\"react.portal\");exports.Fragment=w(\"react.fragment\");exports.StrictMode=w(\"react.strict_mode\");exports.Profiler=w(\"react.profiler\");q=w(\"react.provider\");r=w(\"react.context\");t=w(\"react.forward_ref\");exports.Suspense=w(\"react.suspense\");u=w(\"react.memo\");v=w(\"react.lazy\")}var x=\"function\"===typeof Symbol&&Symbol.iterator;\nfunction y(a){if(null===a||\"object\"!==typeof a)return null;a=x&&a[x]||a[\"@@iterator\"];return\"function\"===typeof a?a:null}function z(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;c