\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) =>\r\n subnav && (\r\n - \r\n {subnav.map(({ name, url, isSelected, links }, index) => (\r\n
\r\n (window.location = event.target.value)}\r\n >\r\n {sortCriteria &&\r\n sortCriteria.map(({ text, value, selected }, index) => (\r\n \r\n ))}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SortCriteriaCompact;\r\n","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { searchFacetChange } from '../Actions/FacetedSearch.action';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst FilterTags = ({ facetFilters, navigationTheme }) => {\r\n const dispatch = useDispatch();\r\n\r\n const selectedFacetGroup = facetFilters.filter(\r\n (filter) => filter.selectedOptions.length > 0\r\n );\r\n const selectedFacetOption = selectedFacetGroup.reduce(\r\n (accumulator, group) => {\r\n if (!group) {\r\n return accumulator;\r\n }\r\n const { options, selectedOptions } = group;\r\n const groupOptions = options\r\n .filter((option) => selectedOptions.includes(option.id))\r\n .map((option) => ({ ...option, group }));\r\n return [...accumulator, ...groupOptions];\r\n },\r\n []\r\n );\r\n return selectedFacetGroup.length === 0 ? null : (\r\n \r\n \r\n {translate('search.yourfilter')} : \r\n {selectedFacetGroup &&\r\n selectedFacetGroup.map((group, index) => (\r\n \r\n dispatch(searchFacetChange(group))\r\n }\r\n key={`group-${index}`}\r\n >\r\n {' '}\r\n {group.label}{' '}\r\n \r\n ))}\r\n \r\n {navigationTheme === 'category' && (\r\n \r\n {translate('search.yourfilter')} : \r\n {selectedFacetOption &&\r\n selectedFacetOption.map((option, index) => (\r\n \r\n dispatch(\r\n searchFacetChange(option.group, option)\r\n )\r\n }\r\n key={`option-${index}`}\r\n >\r\n {' '}\r\n {option.label}{' '}\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default FilterTags;\r\n","import React, {\r\n Fragment,\r\n useCallback,\r\n useState,\r\n useEffect,\r\n useRef,\r\n} from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport FacetedSearchCompact from './FacetedSearchCompact';\r\nimport { AccordionPanel, Accordion } from '../Components/Accordion';\r\nimport { query } from '../Actions/FacetedSearch.action';\r\nimport SubNav from './SubNavCompact';\r\nimport SortCriteriaCompact from './SortCriteriaCompact';\r\nimport FilterTag from './FilterTags';\r\nimport { translate } from '../Services/translation';\r\nimport { updateFilterOption } from '../Actions/FacetedSearch.action';\r\nimport { PRODUCT_VIEW_CACHED } from '../constants';\r\n\r\nconst FacetedSearchCompactContainer = () => {\r\n const dispatch = useDispatch();\r\n const {\r\n subNavigation,\r\n sortCriteria,\r\n facetFilters: globalFacetFilters,\r\n navigationTheme,\r\n productsViewCachedId,\r\n } = useSelector((state) => state.facetedSearch);\r\n\r\n const [facetFilters, setFacetFilters] = useState(globalFacetFilters || []);\r\n const previousCachedId = useRef(productsViewCachedId);\r\n useEffect(() => {\r\n if (previousCachedId.current !== productsViewCachedId) {\r\n setFacetFilters(globalFacetFilters);\r\n previousCachedId.current = productsViewCachedId;\r\n }\r\n }, [globalFacetFilters, productsViewCachedId]);\r\n\r\n useEffect(() => {\r\n dispatch(query(window.location.search.substr(1) || '', false));\r\n }, [dispatch]);\r\n\r\n const onFacetChange = useCallback(\r\n (filter, option) => {\r\n setFacetFilters((prevFacetFilters) => {\r\n return updateFilterOption(prevFacetFilters, filter, option);\r\n });\r\n },\r\n [setFacetFilters]\r\n );\r\n\r\n const 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(\r\n '#facetedSearchCompact'\r\n );\r\n const tempFilter = tempResult.querySelector('#facetedSearchCompact');\r\n const replace = (node, newNode) =>\r\n 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 useEffect(() => {\r\n const productViewCached = window.__litium.cache\r\n ? window.__litium.cache[PRODUCT_VIEW_CACHED] || {}\r\n : {};\r\n if (!productViewCached.used) {\r\n productViewCached.used = true;\r\n const dom = productViewCached.productsView;\r\n dom && onSearchResultDataChange(dom);\r\n }\r\n });\r\n\r\n const empty = (array) => !(array && array.length);\r\n\r\n const subNavigations = !subNavigation ? null : [subNavigation];\r\n const sortCriterias =\r\n !sortCriteria || !sortCriteria.sortItems\r\n ? null\r\n : sortCriteria.sortItems;\r\n\r\n const hidden = [subNavigations, facetFilters, sortCriterias].every((arr) =>\r\n empty(arr)\r\n );\r\n\r\n return hidden ? null : (\r\n \r\n
\r\n )}\r\n {translate('checkout.cart.freightzoneheader')}
\r\n\r\n
\r\n )}\r\n {shippingClass && invalidFreightZone && (\r\n \r\n {translate('checkout.cart.basedonfreightzone')}\r\n
\r\n \r\n {translate('checkout.cart.yourfreightzone')} {cart.shippingClass}\r\n
\r\n \r\n {translate('checkout.cart.invalidfreightzone')}\r\n
\r\n )}\r\n \r\n {shippingClass && !invalidFreightZone && (\r\n <>\r\n {cart.orderRows?.[0]?.totalPriceIncludingVat > 0 && (\r\n
\r\n );\r\n },\r\n []\r\n );\r\n\r\n useEffect(() => {\r\n const handleDebouncedQuantityUpdate = debounce((newQuantity) => {\r\n const validQuantity = Math.max(newQuantity, cart.minimumQuantity);\r\n setQuantity(validQuantity);\r\n }, 500);\r\n\r\n handleDebouncedQuantityUpdate(inputQuantity);\r\n return () => {\r\n handleDebouncedQuantityUpdate.cancel();\r\n };\r\n }, [inputQuantity]);\r\n\r\n const Quantity = useCallback(\r\n ({ inputQuantity, productType, minimumQuantity, touched, setTouched }) => {\r\n const headerText = {\r\n Unpacked: translate('checkout.cart.quantityunpacked'),\r\n Pallet: translate('checkout.cart.quantitypallet'),\r\n '': translate('checkout.cart.quantity'),\r\n };\r\n\r\n const headerTextString =\r\n Number(cart?.maximumQuantity) === 0\r\n ? headerText[productType]\r\n : formatString(\r\n translate('checkout.cart.maximumquantity'),\r\n cart.maximumQuantity\r\n );\r\n\r\n return (\r\n <>\r\n \r\n {priceText[productType]}:{' '}\r\n {productType === 'Unpacked'\r\n ? cart.orderRows?.[0]?.calculatedPrice\r\n : cart.orderRows?.[0]?.price}\r\n
\r\n )}\r\n {productType === 'Unpacked' && (\r\n \r\n {format(\r\n translate('checkout.cart.reservation'),\r\n cart.reservationAmount / 10\r\n )}\r\n : {cart.paymentCost}\r\n
\r\n )}\r\n {parseInt(cart.grandTotal) > 0 && (\r\n \r\n \r\n {translate('checkout.cart.totalprice')}:\r\n {' '}\r\n {cart.grandTotal}\r\n
\r\n )}\r\n \r\n )}\r\n\r\n \r\n {minimumQuantity < 1\r\n ? translate('checkout.cart.quantitymissingareacode')\r\n : headerTextString}\r\n \r\n\r\n {productType &&\r\n minimumQuantity > 0 &&\r\n Number(cart.maximumQuantity) === 0 && (\r\n \r\n ({translate('checkout.cart.minimumquantity')}{' '}\r\n {minimumQuantity})\r\n \r\n )}\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default PelletCart;\r\n","import React, { Fragment } from 'react';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst QuickSearcMobileList = ({ result, selectedItem, isMobile, query }) => {\r\n let maxLength = 0;\r\n // Positions from BO\r\n let positions = [];\r\n // Quicksearchresult 4 sections layout\r\n let listingNumbers = Array.from(Array(4), (x, i) => i + 1);\r\n // Epmty sections required for positioning\r\n let missingNumbers;\r\n\r\n return (\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 {checkoutCartInfoText?.length && (\r\n Number(cart.maximumQuantity) &&\r\n Number(cart.maximumQuantity) > 0) ||\r\n (inputQuantity < Number(cart.minimumQuantity) &&\r\n Number(cart.maximumQuantity) === 0) ||\r\n inputQuantity === 0 ||\r\n inputQuantity === ''\r\n ? 'disabled'\r\n : ''\r\n }`}\r\n >\r\n {translate('checkout.cart.tocheckout')}\r\n \r\n )}\r\n {logo && (\r\n
\r\n \r\n {checkoutCartInfoText?.map((text) => (\r\n {text}\r\n ))}\r\n
\r\n )}\r\n {shippingClass && !invalidFreightZone && parseInt(cart.grandTotal) > 0 && (\r\n \r\n ![]()
\r\n
\r\n )}\r\n - \r\n {result &&\r\n result.resultGroups.map((group, index1) => {\r\n positions.push(group.resultGroupPosition);\r\n missingNumbers = listingNumbers.filter(\r\n value => -1 === positions.indexOf(value)\r\n );\r\n\r\n let numberToSlice = isMobile\r\n ? 3\r\n : 5;\r\n let position = positions[index1];\r\n\r\n return (\r\n
\r\n {group.name} \r\n {group.count > 0 && (\r\n \r\n ({group.count})\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n - \r\n {group.results.length > 0 &&\r\n group.results\r\n .slice(0, numberToSlice)\r\n .map((item, index2) => {\r\n maxLength += 1;\r\n let highlightedMatch = item?.name?.replace(\r\n new RegExp(\r\n decodeURIComponent(\r\n query\r\n ),\r\n 'gi'\r\n ),\r\n match =>\r\n `${match}`\r\n );\r\n\r\n return (\r\n
- \r\n
- \r\n {result.emptyResultText}\r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default QuickSearch;","import 'abortcontroller-polyfill/dist/abortcontroller-polyfill-only';\r\nimport { post } from '../Services/http';\r\nimport { catchError } from './Error.action';\r\n\r\nexport const QUICK_SEARCH_QUERY = 'QUICK_SEARCH_QUERY';\r\nexport const QUICK_SEARCH_RECEIVE = 'QUICK_SEARCH_RECEIVE';\r\nexport const QUICK_SEARCH_ERROR = 'QUICK_SEARCH_ERROR';\r\nexport const QUICK_SEARCH_SHOW_FULL_FORM = 'QUICK_SEARCH_SHOW_FULL_FORM';\r\nexport const QUICK_SEARCH_SELECT_ITEM = 'QUICK_SEARCH_SELECT_ITEM';\r\nexport const QUICK_SEARCH_RESULT_MOBILE = 'QUICK_SEARCH_RESULT_MOBILE';\r\nexport const QUICK_SEARCH_RESULT_DESKTOP = 'QUICK_SEARCH_RESULT_DESKTOP';\r\nexport const QUICK_SEARCH_IS_MOBILE = 'QUICK_SEARCH_IS_MOBILE';\r\nexport const QUICK_SEARCH_RECEIVE_PRICES = 'QUICK_SEARCH_RECEIVE_PRICES';\r\n\r\nlet abortController;\r\n\r\nexport const receive = result => ({\r\n type: QUICK_SEARCH_RECEIVE,\r\n payload: {\r\n result,\r\n showResult: result.hasResultsGroup,\r\n },\r\n});\r\n\r\nexport const receiveMobile = resultMobile => ({\r\n type: QUICK_SEARCH_RESULT_MOBILE,\r\n payload: {\r\n resultMobile,\r\n },\r\n});\r\n\r\nexport const receiveDesktop = resultDesktop => ({\r\n type: QUICK_SEARCH_RESULT_DESKTOP,\r\n payload: {\r\n resultDesktop,\r\n },\r\n});\r\n\r\nexport const setOnMobile = isMobile => ({\r\n type: QUICK_SEARCH_IS_MOBILE,\r\n payload: {\r\n isMobile,\r\n },\r\n});\r\n\r\nexport const searchError = error => ({\r\n type: QUICK_SEARCH_ERROR,\r\n payload: {\r\n error,\r\n },\r\n});\r\n\r\nconst selectItem = selectedItem => ({\r\n type: QUICK_SEARCH_SELECT_ITEM,\r\n payload: {\r\n selectedItem,\r\n },\r\n});\r\n\r\nconst show = visible => ({\r\n type: QUICK_SEARCH_SHOW_FULL_FORM,\r\n payload: {\r\n showFullForm: visible,\r\n },\r\n});\r\n\r\nexport const receivePrices = data => ({\r\n type: QUICK_SEARCH_RECEIVE_PRICES,\r\n payload: {\r\n priceList: data,\r\n },\r\n});\r\n\r\nexport const query = q => dispatch => {\r\n // Abort any existing, pending request.\r\n // It's ok to call .abort() after the fetch has already completed, fetch simply ignores it.\r\n abortController && abortController.abort();\r\n abortController = new AbortController();\r\n const contentLinksArray =\r\n window.__litium.preloadState.navigation.contentLinks;\r\n const contentLinkObj =\r\n contentLinksArray && contentLinksArray.find(obj => obj.isSelected);\r\n const systemId = contentLinkObj ? contentLinkObj.systemId : '';\r\n const payload = {\r\n Query: q,\r\n PageSystemId: systemId,\r\n };\r\n\r\n if (decodeURIComponent(q).length >= 3) {\r\n return post('/api/quickSearch', payload, abortController)\r\n .then(response => response.json())\r\n .then(result => {\r\n dispatch(receive(result));\r\n\r\n if (!result.resultGroups) {\r\n return;\r\n }\r\n\r\n let mobileData = [];\r\n let desktopData = [];\r\n for (let i = 0; i < result.resultGroups.length; i++) {\r\n mobileData = [\r\n ...mobileData,\r\n ...result.resultGroups[i].results.slice(\r\n 0,\r\n result.resultGroups[i].numberToViewMobile\r\n ),\r\n ];\r\n desktopData = [\r\n ...desktopData,\r\n ...result.resultGroups[i].results.slice(\r\n 0,\r\n result.resultGroups[i].numberToViewDesktop\r\n ),\r\n ];\r\n }\r\n dispatch(receiveMobile(mobileData));\r\n dispatch(receiveDesktop(desktopData));\r\n })\r\n .catch(ex => dispatch(catchError(ex, error => searchError(error))));\r\n }\r\n};\r\n\r\nexport const checkWindowWidth = () => dispatch => {\r\n let windowWidth = window.innerWidth < 1200;\r\n dispatch(setOnMobile(windowWidth));\r\n};\r\n\r\nexport const setSearchQuery = query => ({\r\n type: QUICK_SEARCH_QUERY,\r\n payload: {\r\n query,\r\n },\r\n});\r\n\r\nexport const toggleShowFullForm = () => (dispatch, getState) => {\r\n dispatch(show(!getState().quickSearch.showFullForm));\r\n};\r\n\r\nexport const handleKeyDown = (event, opt) => (dispatch, getState) => {\r\n const {\r\n result,\r\n resultMobile,\r\n resultDesktop,\r\n isMobile,\r\n selectedItem,\r\n } = getState().quickSearch;\r\n const q = event.target.value;\r\n const resultIsEmpty =\r\n result.hasOwnProperty('resultGroups') && result.resultGroups !== null;\r\n const resultList = isMobile ? resultMobile : resultDesktop;\r\n const max = resultList?.length - 1,\r\n clip = index => (index < 0 ? max : index > max ? 0 : index);\r\n\r\n switch (event.keyCode) {\r\n case 38:\r\n if (!resultIsEmpty) {\r\n return;\r\n }\r\n dispatch(selectItem(clip(selectedItem - 1)));\r\n break;\r\n case 40:\r\n if (!resultIsEmpty) {\r\n return;\r\n }\r\n dispatch(selectItem(clip(selectedItem + 1)));\r\n break;\r\n case 13:\r\n if (decodeURIComponent(q).length >= 3) {\r\n const selectedObject = resultList[selectedItem];\r\n if (selectedObject && selectedObject.url && resultIsEmpty) {\r\n location.href = selectedObject.url;\r\n } else {\r\n location.href = opt.searchUrl;\r\n }\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n};\r\n\r\nexport const onIconSearch = (event, opt) => (dispatch, getState) => {\r\n const { result, selectedItem, query } = getState().quickSearch,\r\n selectedObject = result[selectedItem];\r\n\r\n if (decodeURIComponent(query).length >= 3) {\r\n if (selectedObject && selectedObject.url) {\r\n location.href = selectedObject.url;\r\n } else {\r\n location.href = opt.searchUrl;\r\n }\r\n }\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 {\r\n query,\r\n checkWindowWidth,\r\n setSearchQuery,\r\n toggleShowFullForm,\r\n handleKeyDown,\r\n onIconSearch,\r\n} from '../Actions/QuickSearch.action';\r\nimport {\r\n toggleOverlay,\r\n closeOverlay,\r\n openOverlay,\r\n} from '../Actions/ContentOverlay.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.clearResults = this.clearResults.bind(this);\r\n this.lastClickedNode = null;\r\n }\r\n\r\n componentDidMount() {\r\n this.props.checkIsOnMobile();\r\n document.addEventListener('mousedown', this.clickHandler);\r\n window.addEventListener(\r\n 'resize',\r\n debounce(this.props.checkIsOnMobile, 200)\r\n );\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 UNSAFE_componentWillUpdate({ showFullForm } = this.props) {\r\n if (this.state.showFullForm !== showFullForm) {\r\n this.setState({ ...this.state, showFullForm });\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.selectedItem !== prevProps.selectedItem) {\r\n document\r\n .querySelector('.quick-search-result__item--selected')\r\n .scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'end',\r\n inline: 'nearest',\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.clickHandler);\r\n window.removeEventListener('resize', this.props.checkIsOnMobile);\r\n }\r\n\r\n clickHandler(event) {\r\n this.lastClickedNode = event.target;\r\n }\r\n\r\n clearResults() {\r\n this.props.onSearch('');\r\n }\r\n\r\n render() {\r\n const { query } = this.props;\r\n\r\n const urlOperator = window.__litium.quickSearchUrl.includes('?')\r\n ? '&'\r\n : '?';\r\n const searchUrl =\r\n window.__litium.quickSearchUrl +\r\n (query.length > 0 ? `${urlOperator}q=${query}` : '');\r\n\r\n return (\r\n \r\n {\r\n onSearch(\r\n encodeURIComponent(event.target.value)\r\n ),\r\n this.setState({\r\n ...this.state,\r\n searchInput: event.target.value,\r\n });\r\n }}\r\n onKeyDown={event => onKeyDown(event, { searchUrl })}\r\n placeholder={translate('general.search')}\r\n onClick={() => {\r\n this.handleFixedSearchState(),\r\n !this.state.focused && this.toggleFocused(),\r\n !this.state.focused && toggleShowFullForm();\r\n }}\r\n ref={input => {\r\n this.searchInput = input;\r\n }}\r\n type=\"search\"\r\n value={\r\n this.state.searchInput\r\n ? decodeURIComponent(this.state.searchInput)\r\n : decodeURIComponent(query)\r\n }\r\n />\r\n\r\n {this.state.focused && (\r\n this.handleClose()}\r\n >\r\n )}\r\n\r\n {!this.state.focused && (\r\n \r\n \r\n onIconSearch(event, { searchUrl })\r\n }\r\n >\r\n \r\n )}\r\n\r\n {showResult &&\r\n decodeURIComponent(query).length >= 3 && (\r\n
\r\n (this.searchContainer = elem)}>\r\n this.clearResults(),\r\n }}\r\n />\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 isMobile: state.quickSearch.isMobile,\r\n showResult: state.quickSearch.showResult,\r\n showFullForm: state.quickSearch.showFullForm,\r\n selectedItem: state.quickSearch.selectedItem,\r\n resultMobile: state.quickSearch.resultMobile,\r\n resultDesktop: state.quickSearch.resultDesktop,\r\n links: state.navigation.contentLinks,\r\n };\r\n};\r\n\r\nconst createDebouncedQuery = timeout =>\r\n debounce((dispatch, text) => dispatch(query(text)), timeout);\r\n\r\nconst mapDispatchToProps = (dispatch, ownProps) => {\r\n const { quickSearchDebounceTimeout = 200 } = ownProps;\r\n const debouncedQuery = createDebouncedQuery(quickSearchDebounceTimeout);\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 onKeyDown: (event, opt) => dispatch(handleKeyDown(event, opt)),\r\n toggleOverlay: () => dispatch(toggleOverlay()),\r\n closeOverlay: () => dispatch(closeOverlay()),\r\n openOverlay: () => dispatch(openOverlay()),\r\n onIconSearch: (event, opt) => dispatch(onIconSearch(event, opt)),\r\n checkIsOnMobile: () => dispatch(checkWindowWidth()),\r\n setSearchQuery: text => dispatch(setSearchQuery(text)),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(QuickSearchContainer);\r\n","export const TOGGLE_CONTENT_OVERLAY = 'TOGGLE_CONTENT_OVERLAY';\r\nexport const CLOSE_CONTENT_OVERLAY = 'CLOSE_CONTENT_OVERLAY';\r\nexport const SHOW_CONTENT_OVERLAY = 'SHOW_CONTENT_OVERLAY';\r\n\r\nconst toggle = showOverlay => ({\r\n type: TOGGLE_CONTENT_OVERLAY,\r\n payload: {\r\n showOverlay,\r\n },\r\n});\r\n\r\nexport const toggleOverlay = () => (dispatch, getState) => {\r\n dispatch(toggle(!getState().contentOverlay.showOverlay));\r\n};\r\n\r\nexport const closeOverlay = () => ({\r\n type: CLOSE_CONTENT_OVERLAY,\r\n});\r\n\r\nexport const openOverlay = () => ({\r\n type: SHOW_CONTENT_OVERLAY,\r\n});\r\n","export function backToTop(id) {\r\n let element = document.getElementById(id);\r\n let scrollPos = 0;\r\n\r\n let fadeOut = function (el) {\r\n el.style.opacity = 1;\r\n el.IsVisible = false;\r\n\r\n (function fade() {\r\n if ((el.style.opacity -= .1) < 0) {\r\n el.style.display = 'none';\r\n } else {\r\n requestAnimationFrame(fade);\r\n }\r\n })();\r\n };\r\n\r\n let fadeIn = function (el) {\r\n el.style.opacity = 0;\r\n el.style.display = 'flex';\r\n el.IsVisible = true;\r\n\r\n (function fade() {\r\n var val = parseFloat(el.style.opacity);\r\n if (!((val += .1) > 1)) {\r\n el.style.opacity = val;\r\n requestAnimationFrame(fade);\r\n }\r\n })();\r\n };\r\n\r\n let scrollTo = function (to, duration) {\r\n var doc = document.scrollingElement || document.documentElement;\r\n var start = doc.scrollTop;\r\n var change = to - start;\r\n var startDate = +new Date();\r\n\r\n var easeInOutQuad = function (time, start, change, duration) {\r\n time /= duration / 2;\r\n if (time < 1)\r\n return change / 2 * time * time + start;\r\n\r\n time--;\r\n\r\n return -change / 2 * (time * (time - 2) - 1) + start;\r\n };\r\n\r\n var animateScroll = function () {\r\n var currentDate = +new Date();\r\n var currentTime = currentDate - startDate;\r\n\r\n doc.scrollTop = parseInt(easeInOutQuad(currentTime, start, change, duration));\r\n if (currentTime < duration) {\r\n requestAnimationFrame(animateScroll);\r\n } else {\r\n doc.scrollTop = to;\r\n }\r\n };\r\n animateScroll();\r\n };\r\n\r\n let trackScroll = function () {\r\n if (window.pageYOffset <= 50 && element.IsVisible) {\r\n fadeOut(element);\r\n } else {\r\n if ((document.body.getBoundingClientRect()).top > scrollPos && window.pageYOffset > 50 && !element.IsVisible)\r\n fadeIn(element);\r\n\r\n if ((document.body.getBoundingClientRect()).top < scrollPos && element.IsVisible)\r\n fadeOut(element);\r\n }\r\n\r\n scrollPos = (document.body.getBoundingClientRect()).top;\r\n }\r\n\r\n let backToTop = function () {\r\n scrollTo(0, 1000);\r\n }\r\n\r\n window.addEventListener('scroll', trackScroll, false);\r\n element.addEventListener('click', backToTop, false);\r\n\r\n trackScroll();\r\n}\r\n\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n if (document.getElementById('back-to-top')) {\r\n const id = 'back-to-top';\r\n backToTop(id);\r\n }\r\n});","export function googleMapsEnable(elementClassName) {\r\n var element = document.getElementById(elementClassName);\r\n var googleKey = element.dataset.key;\r\n var mapId = element.dataset.mapId;\r\n\r\n // Create the script tag, set the appropriate attributes\r\n var script = document.createElement('script');\r\n script.src =\r\n 'https://maps.googleapis.com/maps/api/js?key=' +\r\n googleKey +\r\n '&callback=initMap&v=weekly&libraries=marker';\r\n script.defer = true;\r\n script.async = true;\r\n\r\n // Attach your callback function to the `window` object\r\n window.initMap = async function () {\r\n var map;\r\n\r\n // JS API is loaded and available\r\n var places = document.getElementById('google-maps-block')\r\n ? JSON.parse(\r\n document\r\n .getElementById('google-maps-block')\r\n .getAttribute('data-coords')\r\n )\r\n : [];\r\n var bounds = new google.maps.LatLngBounds();\r\n\r\n const { Map } = await google.maps.importLibrary('maps');\r\n const { AdvancedMarkerElement } = await google.maps.importLibrary(\r\n 'marker'\r\n );\r\n\r\n map = new Map(document.getElementById(elementClassName), {\r\n mapId: mapId,\r\n });\r\n\r\n for (var i = 0; i < places.length; i++) {\r\n bounds.extend(places[i]);\r\n\r\n const pinElement = document.createElement('div');\r\n pinElement.className = 'google-maps-custom-pin';\r\n\r\n var marker = new AdvancedMarkerElement({\r\n position: places[i],\r\n content: pinElement,\r\n map: map,\r\n });\r\n\r\n marker.placeUrl = places[i].url;\r\n marker.addListener('click', function () {\r\n window.location.href = this.placeUrl;\r\n });\r\n }\r\n\r\n google.maps.event.addListenerOnce(map, 'bounds_changed', function () {\r\n this.setZoom(map.getZoom() + 0.5);\r\n if (this.getZoom() > 15) {\r\n this.setZoom(15);\r\n }\r\n });\r\n\r\n map.fitBounds(bounds);\r\n };\r\n\r\n // Append the 'script' element to 'head'\r\n document.head.appendChild(script);\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n if (document.getElementById('map-block')) {\r\n const className = 'map-block';\r\n googleMapsEnable(className);\r\n }\r\n});\r\n","export function googleContactPlacesEnable(elementClassName) {\r\n var attr = document.getElementById(elementClassName).dataset,\r\n googleKey = attr.key,\r\n lat = parseFloat(attr.lat),\r\n long = parseFloat(attr.long);\r\n\r\n // Create the script tag, set the appropriate attributes\r\n var script = document.createElement('script');\r\n script.src =\r\n 'https://maps.googleapis.com/maps/api/js?key=' +\r\n googleKey +\r\n '&callback=initMap';\r\n script.defer = true;\r\n script.async = true;\r\n\r\n /*eslint no-unused-vars: \"off\"*/\r\n /*eslint no-undef: \"off\"*/\r\n\r\n // Attach your callback function to the `window` object\r\n window.initMap = async function () {\r\n const { AdvancedMarkerElement } = await google.maps.importLibrary(\r\n 'marker'\r\n );\r\n var map,\r\n coordinates = { lat: lat, lng: long };\r\n\r\n // JS API is loaded and available\r\n map = new google.maps.Map(document.getElementById('map'), {\r\n center: coordinates,\r\n zoom: 10,\r\n disableDefaultUI: true,\r\n draggable: false,\r\n mapId: googleKey\r\n });\r\n\r\n const pinElement = document.createElement('div');\r\n pinElement.className = 'google-maps-custom-pin';\r\n\r\n var marker = new AdvancedMarkerElement({\r\n position: coordinates,\r\n content: pinElement,\r\n map: map,\r\n });\r\n\r\n marker.setMap(map);\r\n };\r\n\r\n // Append the 'script' element to 'head'\r\n document.head.appendChild(script);\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n if (document.getElementById('map')) {\r\n const className = 'map';\r\n googleContactPlacesEnable(className);\r\n }\r\n});","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Provider } from 'react-redux';\r\nimport { applyMiddleware, createStore } from 'redux';\r\nimport { composeWithDevTools } from 'redux-devtools-extension/developmentOnly';\r\nimport thunk from 'redux-thunk';\r\nimport app, { createReducer } from './reducers';\r\nimport { historyMiddleware } from './Middlewares/History.middleware';\r\nimport MiniCart from './Components/MiniCart';\r\nimport Navigation from './Components/Navigation';\r\nimport FacetedSearch from './Components/FacetedSearch';\r\nimport FacetedSearchCompactContainer from './Components/FacetedSearchCompactContainer';\r\nimport DynamicComponent from './Components/DynamicComponent';\r\nimport PelletCart from './Components/PelletCart';\r\nimport QuickSearchContainer from './Containers/QuickSearch.container';\r\nimport './Vanilla/backToTop';\r\nimport './Vanilla/googleMaps';\r\nimport './Vanilla/googleContactPlacesEnable';\r\n\r\nwindow.__litium = window.__litium || {};\r\nconst preloadState = window.__litium.preloadState || {};\r\nconst store = createStore(\r\n app,\r\n preloadState,\r\n composeWithDevTools(applyMiddleware(thunk, historyMiddleware))\r\n);\r\n\r\n// Add a dictionary to keep track of the registered async reducers\r\nstore.asyncReducers = {};\r\n\r\n// Create an inject reducer function\r\n// This function adds the async reducer, and creates a new combined reducer\r\nstore.injectReducer = (key, asyncReducer) => {\r\n if (!store.asyncReducers[key]) {\r\n store.asyncReducers[key] = asyncReducer;\r\n store.replaceReducer(createReducer(store.asyncReducers));\r\n }\r\n};\r\n\r\nwindow.__litium = {\r\n ...window.__litium,\r\n bootstrapComponents: () => {\r\n // bootstrap React components, in case the HTML response we receive from the server\r\n // has React components. ReactDOM.render performs only an update on previous rendered\r\n // components and only mutate the DOM as necessary to reflect latest React element.\r\n bootstrapComponents();\r\n },\r\n cache: {}, // for storing cache data for current request\r\n};\r\n\r\nconst registeredContainers = [];\r\nconst renderReact = (element, container, callback) => {\r\n registeredContainers.push(container);\r\n ReactDOM.render(element, container, callback);\r\n};\r\n\r\nwindow.onunload = () => {\r\n // make sure components are unmounted, redux's listener are unsubscribed\r\n // to fix issue with iframe navigation in IE\r\n registeredContainers.forEach((container) => {\r\n ReactDOM.unmountComponentAtNode(container);\r\n });\r\n};\r\n\r\nconst bootstrapComponents = () => {\r\n if (document.getElementById('miniCart')) {\r\n renderReact(\r\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 };","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.format = exports.WhiteSpaceChar = void 0;\nvar React = require(\"react\");\nexports.WhiteSpaceChar = \" \";\nfunction format(text) {\n var params = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n params[_i - 1] = arguments[_i];\n }\n var result = [text];\n params.forEach(function (param, i) {\n result = parseAndReplace(result, param, i);\n });\n if (result.length === 0) {\n return \"\";\n }\n else if (result.length === 1 && typeof result[0] === \"string\") {\n return result[0];\n }\n else {\n return (React.createElement(React.Fragment, null, result.map(function (x, i) {\n return React.createElement(React.Fragment, { key: i }, x);\n })));\n }\n}\nexports.format = format;\nfunction replaceWhiteSpace(text) {\n var result = [];\n var start = false;\n var end = false;\n if (!!text.match(/^\\s+/gi)) {\n text = text.replace(/^\\s+/gi, \"\");\n start = true;\n }\n if (!!text.match(/\\s+$/gi)) {\n text = text.replace(/\\s+$/gi, \"\");\n end = true;\n }\n if (start) {\n result.push(React.createElement(React.Fragment, null, \"\\u00A0\"));\n }\n result.push(text);\n if (end) {\n result.push(React.createElement(React.Fragment, null, \"\\u00A0\"));\n }\n return result;\n}\nfunction parseAndReplace(source, replaceWith, index) {\n var result = [];\n source.forEach(function (possibleText) {\n if (typeof possibleText === \"string\") {\n var pattern = new RegExp(\"\\\\{\".concat(index, \"\\\\}\"), \"gi\");\n if (typeof replaceWith === \"string\" || typeof replaceWith === \"number\") {\n result.push(possibleText.replace(pattern, \"\".concat(replaceWith)));\n }\n else {\n var splits_1 = possibleText.split(pattern);\n splits_1.forEach(function (splitText, i) {\n if (splitText) {\n replaceWhiteSpace(splitText).forEach(function (text) { return result.push(text); });\n }\n // if NOT last\n if (i + 1 < splits_1.length) {\n result.push(replaceWith);\n }\n });\n }\n }\n else {\n result.push(possibleText);\n }\n });\n return result;\n}\n","/** @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