{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\n
\n );\n}\n\nconst MiniCart = ({ toggle, updateOrderRowQuantity, removeOrderRow, orderRows }) => {\n const dispatch = useDispatch();\n const { quantity, orderTotal, checkoutUrl, showInfo } = useSelector(\n (state) => state.cart\n );\n /* \n \n 
\n
\n \n \n {row.totalCampaignPrice ? (\n
\n \n
\n ) : (\n \n {row.totalCampaignPrice}\n ({row.totalPrice})\n
\n \n
\n )}\n \n {row.totalPrice}\n
\n \n
\n \n
\n \n {row.deliveryStatusText}
\n \n
\n \n \n \n \n
\n \n
\n \n Du kanske �ven beh�ver..
\n\n
\n */\n if (showInfo) {\n document.body.classList.add(\n 'mini-cart-active'\n );\n }\n else \n {\n document.body.classList.remove(\n 'mini-cart-active'\n );\n }\n return (\n \n
\n \n ![\"Product](\"/ui/assets/images/product-double-chair-wagon.jpg\")
\n
\n \n \n Emmaljunga\n Baby Jogger City Mini GT2 Double Jet\n 12 995 kr\n
\n \n \n
\n );\n};\n\nexport default MiniCart;\n","import React from 'react';\n\nconst MiniCartHeaderIcon = ({toggle,orderRows}) => {\n return (\n \n
\n \n \n\n \n\n
\n \n ![\"Stäng](\"/ui/assets/icons/xmark-regular.svg\")
\n
\n Din varukorg innehåller {orderRows.length} artiklar
\n toggle()} className=\"mini-cart-toggle\">\n \n {orderRows.map(row => GetProduct(row, updateOrderRowQuantity, removeOrderRow))}\n
\n\n Totalt
{orderTotal}
toggle()} items={orderRows.length}>\n ![\"\"/](\"/ui/assets/icons/bag-shopping-light.svg\")
\n
\n );\n}\nexport default MiniCartHeaderIcon;","import React from 'react';\nimport { connect } from 'react-redux';\nimport MiniCart from '../Components/MiniCart';\nimport { toggle, update as updateOrderRowQuantity } from '../Actions/Cart.action';\nimport { reloadPayment } from '../Actions/Checkout.action';\n\nconst MiniCartContainer = props => (\n \n - \n {result &&\n result.map((item, index, array) => (\n
- \n {item.category}\n \n )}\n
{item.name}
\n \n \n \n {\n e.preventDefault();\n dispatch(toggleShowFullForm());\n setTimeout(() => {\n searchInput.current && searchInput.current.focus();\n }, 0);\n }}\n >\n \n \n {translate('general.search')}\n \n \n \n dispatch(toggleShowFullForm())}\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 onBlur={() => {\n if (\n searchContainer.current &&\n !searchContainer.current.contains(lastClickedNode)\n ) {\n showFullForm && dispatch(toggleShowFullForm());\n }\n }}\n />\n {\n e.preventDefault();\n dispatch(handleClickSearch({ searchUrl }));\n }}\n >\n \n \n {translate('general.search')}\n \n \n {showResult && (\n
\n \n );\n};\n\nexport default QuickSearch;\n","import React, { Fragment, useRef } from 'react';\nimport { translate } from '../Services/translation';\n\nconst NavigationItem = ({ links = [], contentLink = null }) => {\n const menuRef = useRef(null);\n const toggleMenu = (e) => {\n e.preventDefault();\n menuRef.current.classList.toggle('navbar__menu--show');\n };\n const additionClass =\n contentLink && contentLink.attributes\n ? contentLink.attributes.cssValue\n : null;\n const selectedClass =\n contentLink && contentLink.isSelected ? 'navbar__link--selected' : '';\n const hasChildrenClass = links.length > 0 ? 'has-children' : null;\n const hasNameOrChildren = (link) =>\n link.name || (link.links || []).length > 0;\n return (\n //- \n //
- \n //
\n // {!contentLink ? (\n // \n // ) : (\n // \n // \n // \n // \n // )}\n //
\n // {links.length > 0 &&\n // links.map(\n // (link, i) =>\n // hasNameOrChildren(link) && (\n // - \n {links.map(link=> (\n
- {link.name} \n ))}\n
\n \n \n
\n )\n}\nexport default HamburgerNavigationItem;","import React from 'react';\nimport HamburgerNavigationItem from './HamburgerNavigationItem';\nimport { useSelector } from 'react-redux';\n\nconst HamburgerNavigation = () => {\n const contentLinks = useSelector((state) => state.hamburgerNavigation.contentLinks);\n \n return \n
\n \n ![\"stäng](\"/ui/assets/icons/xmark-solid.svg\")
\n
\n \n \n
\n \n
\n Vårt sortiment
\n\n {\n mainLinksMatrix.map((arr, i) => (\n
\n \n
))\n }\n - \n {arr.map(link=>\n (\n
- {link.name} \n ))}\n
\n
\n - \n {extraLinks.map(link=> (\n
- {link.name} \n ))}\n
- \n
\n {group.label}\n
\n {group.options &&\n group.options.map((item, itemIndex, array) => (\n \n {facetFilters.map((group, groupIndex) => (\n
\n )\n );\n};\n\nexport default FacetedSearch;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { translate } from '../Services/translation';\n\nimport {\n submitSearchFacet,\n toggleVisibleDropdownMenu,\n} from '../Actions/FacetedSearch.action';\n\nconst FacetedSearchCompact = ({ facetFilters, onFacetChange }) => {\n const dispatch = useDispatch();\n const { visibleDropdownMenu } = useSelector((state) => state.facetedSearch);\n\n return (\n - \n {facetFilters &&\n facetFilters.map(\n (group, groupIndex, array) =>\n group.options &&\n group.options.length > 0 && (\n
- \n
- \n {group.options &&\n group.options.map(\n (item, itemIndex, array) => (\n
\n handleClickHeader(index)}\n >\n {accordion.props.header || ''}\n
\n \n ));\n\n const panels = accordions.map((accordion, index) => (\n \n \n {panels}\n
\n );\n};\n","import React, { Fragment } from 'react';\n\nconst SubNavCompact = ({ subNavigation }) => (\n \n);\n\nconst displaySubNav = (subnav) =>\n subnav && (\n - \n {subnav.map(({ name, url, isSelected, links }, index) => (\n
\n (window.location = event.target.value)}\n >\n {sortCriteria &&\n sortCriteria.map(({ text, value, selected }, index) => (\n \n ))}\n \n
\n );\n};\n\nexport default SortCriteriaCompact;\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { searchFacetChange } from '../Actions/FacetedSearch.action';\nimport { translate } from '../Services/translation';\n\nconst FilterTags = ({ facetFilters, navigationTheme }) => {\n const dispatch = useDispatch();\n\n const selectedFacetGroup = facetFilters.filter(\n (filter) => filter.selectedOptions.length > 0\n );\n const selectedFacetOption = selectedFacetGroup.reduce(\n (accumulator, group) => {\n if (!group) {\n return accumulator;\n }\n const { options, selectedOptions } = group;\n const groupOptions = options\n .filter((option) => selectedOptions.includes(option.id))\n .map((option) => ({ ...option, group }));\n return [...accumulator, ...groupOptions];\n },\n []\n );\n return selectedFacetGroup.length === 0 ? null : (\n \n \n {translate('search.yourfilter')} : \n {selectedFacetGroup &&\n selectedFacetGroup.map((group, index) => (\n \n dispatch(searchFacetChange(group))\n }\n key={`group-${index}`}\n >\n {' '}\n {group.label}{' '}\n \n ))}\n \n {navigationTheme === 'category' && (\n \n {translate('search.yourfilter')} : \n {selectedFacetOption &&\n selectedFacetOption.map((option, index) => (\n \n dispatch(\n searchFacetChange(option.group, option)\n )\n }\n key={`option-${index}`}\n >\n {' '}\n {option.label}{' '}\n \n ))}\n \n )}\n
\n );\n};\n\nexport default FilterTags;\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 { AccordionPanel, Accordion } from '../Components/Accordion';\nimport { query } from '../Actions/FacetedSearch.action';\nimport SubNav from './SubNavCompact';\nimport SortCriteriaCompact from './SortCriteriaCompact';\nimport FilterTag from './FilterTags';\nimport { translate } from '../Services/translation';\nimport { updateFilterOption } from '../Actions/FacetedSearch.action';\nimport { PRODUCT_VIEW_CACHED } from '../constants';\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 return hidden ? null : (\n \n
\n )}\n \n
\n })\n }\n\n const benefits = () => {\n return \n {articleIndex + 1}. configItemHeaderClick(articleIndex)} class=\"toggle-options\" style={{ cursor: \"pointer\" }}>{article.name}\n
\n \n
\n \n {article.configVariants.map((configVariant) => {\n return \n })}\n
\n \n
\n }\n\n const packagePriceWithBenefitsBlock = (packagePriceNew, packagePriceOld, packagePriceNormal) => {\n if (packagePriceNew != '' && packagePriceOld != '') {\n return \n ✓ PRISGARANTI\n
\n \n ✓ FRI FRAKT ÖVER 499:-\n
\n \n ✓ FÖRLOSSNINGSGARANTI\n
\n \n ✓ SNABB LEVERANS\n
\n \n
\n }\n else {\n return \n Pris\n {packagePriceNew} {packagePriceOld}\n
\n {children}\n {benefits()}\n \n
\n }\n }\n\n const priceWithBenefitsBlock = (isTotalListPrice) => {\n if (isTotalListPrice)\n return \n Pris\n {packagePriceNormal}\n
\n {children}\n {benefits}\n \n
\n else\n return \n Pris\n {getTotal(articles)} kr {getTotalList(articles)} kr\n
\n {children}\n {benefits()}\n \n
\n }\n if (isPackageProduct == 'True'){\n return \n }\n else if ((getTotalList(articles)) != getTotal(articles))\n return \n else\n return \n}\n\nexport default ProductConfigurator;","import React, { Component } from 'react';\nimport { waitForMetaPixelInitAndTrack } from '../utils';\n\nconst StateStyles = {\n LOADING: \"--loading\",\n SUCCESS: \"--success\",\n ERROR: \"--error\",\n};\n\n/**\n * Represents a HOC which wraps a BuyButton or ReorderButton and applies diffrent styles to it\n * depending on its click state.\n * @param {*} WrappedComponent The button component.\n * @param {*} onClick The button's onClick event.\n * @param {*} stylePrefix The style prefix to append state's modifiers. For\n * example, 'button' will result as 'button--loading'.\n * \n * Some available props that the HOC component supports:\n * autoReset : it is true by default. Not its value, but the behaviour is like that. Unless people set it as false, by default, button is always reset to neutral state after the request is completed.\n * resetTimeout: Number milisecond after the complete state, the style of button will be reset. If don't set, it is 2000\n * minimumLoadingTime: Mininum milisecond to display the loading state. If don't set, it is 1000\n * onSuccess: callback if onClick method returns data\n * onError: callback if onClick method throws an exception\n */\nexport default function withReactiveStyleBuyButtonInverted(WrappedComponent, onClick, stylePrefix) {\n return class extends Component {\n constructor(props) {\n super(props);\n this.state = {\n stateClass: '',\n startTime: 0,\n }\n }\n\n onNeutralState() {\n this.setState({\n stateClass: '',\n startTime: 0,\n });\n }\n\n onLoadingState() {\n this.setState({\n stateClass: `${stylePrefix}${StateStyles.LOADING}`,\n startTime: Date.now(),\n });\n }\n\n onCompleteState(success) {\n const changeState = () => {\n this.setState({\n stateClass: `${stylePrefix}${success ? StateStyles.SUCCESS : StateStyles.ERROR}`,\n });\n\n if (success) {\n setTimeout(() => {\n var cart = document.querySelector('#miniCart .icon');\n var active = document.querySelector('.cart__info.cart__info--hidden');\n if (cart != null) {\n if (active) {\n cart.click();\n }\n }\n }, 500);\n }\n // if `autoReset` is true, which is default, the style will be changed\n // to neutral after a `resetTimeout` amount of time (2 seconds by default).\n this.props.autoReset !== false && setTimeout(() => {\n this.onNeutralState();\n }, this.props.resetTimeout || 2000);\n }\n\n const loadingDuration = Date.now() - this.state.startTime;\n const minimumLoadingTime = this.props.minimumLoadingTime || 1000;\n // ensure the loading indicator is displayed at least a `minimumLoadingTime`\n // amount of time before changing it to Success or Error.\n if (loadingDuration >= minimumLoadingTime) {\n changeState();\n } else {\n setTimeout(() => {\n changeState();\n }, minimumLoadingTime - loadingDuration);\n }\n }\n\n async onButtonClick(params) {\n try {\n this.onLoadingState();\n const data = await onClick(this.props);\n if (data) {\n this.onCompleteState(true);\n this.props.onSuccess(data);\n if (this.props.isToggleCart) {\n window.scrollTo({top: 0, left: 0, behavior: 'smooth'});\n this.props.toggleCart();\n }\n waitForMetaPixelInitAndTrack('AddToCart');\n } else {\n this.onNeutralState();\n }\n } catch (err) {\n this.onCompleteState(false);\n this.props.onError(err);\n }\n }\n\n render() {\n return (\n \n Pris\n {getTotal(articles)} kr\n
\n {children}\n {benefits}\n \n
} )\n }\n \n const priceWithBenefitsBlock = (isTotalListPrice) => { \n if(isTotalListPrice) \n return \n {addonIndex + 1}. configItemHeaderClick(addon.name)} className=\"toggle-options\" style={{cursor:\"pointer\"}}>{addon.name} \n
\n \n
\n \n {addon.configVariants.map((configVariant,configIndex)=> {return })}\n
\n \n
\n else\n return \n Pris\n {calculatePrice(addons, variantPrice, baseProduct, x => parseInt(x.price, 10))} kr {calculatePrice(addons, variantPrice, baseProduct, x => parseInt(x.listPrice, 10))} kr \n
\n {children}\n \n
\n \n ✓ PRISGARANTI\n
\n \n ✓ FRI FRAKT ÖVER 499:-\n
\n \n ✓ FÖRLOSSNINGSGARANTI\n
\n \n ✓ SNABB LEVERANS\n
\n \n
\n }\n \n \n if ((getTotalList(addons)) != getTotal(addons))\n return \n Pris\n {calculatePrice(addons, variantPrice, baseProduct, x => parseInt(x.price, 10))} kr\n
\n {children}\n \n
\n \n ✓ PRISGARANTI\n
\n \n ✓ FRI FRAKT ÖVER 499:-\n
\n \n ✓ FÖRLOSSNINGSGARANTI\n
\n \n ✓ SNABB LEVERANS\n
\n \n {getConfigurations()}\n {priceWithBenefitsBlock(true)}\n
\n else\n return \n {getConfigurations()}\n {priceWithBenefitsBlock(false)}\n
\n\n\n}\n\nexport default AddonProduct;","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport AddonProduct from '../Components/AddonProduct';\nimport { load, variantClick, changeActiveArticle } from '../Actions/AddonProduct.action';\nimport { receive, loadError } from '../Actions/Cart.action';\nimport { catchError } from '../Actions/Error.action';\nimport withReactiveStyleBuyButtonInverted from './withReactiveStyleBuyButtonInverted';\nimport { addMultiple as addToCartService } from '../Services/Cart.service';\nimport { toggle } from '../Actions/Cart.action';\n\nclass AddonProductContainer extends Component {\n constructor(props){\n super(props);\n }\n\n componentDidMount() {\n this.props.load(this.props.baseProduct);\n }\n\n render() {\n return