\n {renderList(accessories)}\n
\n )\n}\n\nconst ListItem = ({ id, name, image, onChange, selected }) => {\n const modifiers = []\n\n if (selected) { modifiers.push('selected') }\n\n const handleClick = (e) => {\n onChange(id, e.target.checked)\n }\n\n return (\n \n )\n}\n\nexport default List\n","import React from 'react'\n\n// Components\nimport Icon from '@client/react/components/AddProductToCart/Icon'\n\nconst Button = ({ label, className, onClick, disabled, loading, success }) => {\n if (loading || success) {\n return (\n \n )\n } else {\n return (\n \n )\n }\n}\n\nexport default Button\n","import React from 'react'\n\nimport Tippy from '@tippyjs/react'\n\nconst instance = ({ content, visible, onClickOutside, theme = 'custom', children}) => {\n const popperOptions = {\n strategy: 'fixed',\n modifiers: [\n {\n name: 'flip',\n options: {\n fallbackPlacements: ['bottom', 'right', 'left', 'top'],\n },\n }\n ]\n }\n\n return (\n \n 0}\n label={t('pickup_accessories.add.none')}\n loading={loading && selected.length === 0}\n success={success && selected.length === 0} />\n 0}\n success={success && selected.length > 0} />\n
\n )\n }\n }\n\n return (\n \n 0}\n label={t('skip')}\n loading={loading && selected.length === 0}\n success={success && selected.length === 0} />\n 0}\n success={success && selected.length > 0} />\n
\n )\n }\n }\n\n return (\n <>\n \n
\n \n 
\n
\n \n
\n {t('wishlists.login')}
\n {t('wishlists.no_lists_yet')}
\n )\n } else {\n return (\n\n {wishlists.map((wishlist) => (\n
\n )\n }\n}\n\nconst SelectList = ({ product, onNewList }) => {\n const dispatch = useDispatch()\n const wishlists = useSelector(state => state.wishlists)\n\n useEffect(() => {\n dispatch(fetchWishlists())\n }, [])\n\n const handleToggle = (wishlistId, checked) => {\n if (checked) {\n dispatch(addToWishlist({ id: wishlistId, productId: product.id }))\n } else {\n dispatch(removeFromWishlist({ id: wishlistId, productId: product.id }))\n }\n }\n\n return (\n <>\n \n
\n \n \n
\n \n
\n \n \n
\n )}\n \n )\n}\n\nexport default Information\n","import React from 'react'\n\n// Libraries\nimport { useSelector } from 'react-redux'\n\n// Components\nimport Modal from '@client/react/components/Modal'\n\n// Utils\nimport { t } from '@client/i18n/localize'\nimport { url } from '@client/utils'\n\nconst Delivery = ({ onClose, show }) => {\n const company = useSelector(state => state.company)\n\n const faq_url = url(`${t('routes.faq')}#faq-10`)\n\n const faq_link = `${t('delivery_service.faq_link_text')}`\n const paragraphs = t('delivery_service.body', { faq_link: faq_link, price: company.delivery_service_price_from }).split('\\n\\n')\n\n return (\n \n {paragraphs.map((p, i) => )}\n
\n \n \n
\n )\n }\n\n return (\n \n {t('shopping_cart.choose_period_1')} {t('shopping_cart.choose_period_2')}\n
\n \n
\n
\n )\n}\n\nexport default Information\n","import React from 'react'\n\n// Libraries\nimport { useSelector } from 'react-redux'\n\n// Components\nimport Modal from '@client/react/components/Modal'\n\n// Utils\nimport { t } from '@client/i18n/localize'\n\nconst Insurance = ({ onClose, show }) => {\n const company = useSelector((state) => state.company)\n\n const paragraphs = t('insurance.body', { company_name: company.name_legal || company.name }).split('\\n\\n')\n\n return (\n \n
\n \n {t('shopping_cart.pickup')}\n {!readonly && {t('shopping_cart.edit_pickup')}}\n
\n \n \n {pickupDepot.name}\n
\n \n
\n \n \n {formatDate(cart.pickup_time, 'date')}\n
\n \n \n {formatDate(cart.pickup_time, 'time')}\n
\n \n
\n
\n \n {t('shopping_cart.return')}\n {!readonly && {t('shopping_cart.edit_return')}}\n
\n \n \n {returnDepot.name}\n
\n \n
\n \n \n {formatDate(cart.return_time, 'date')}\n
\n \n \n {formatDate(cart.return_time, 'time')}\n
\n \n {paragraphs.map((p, i) =>
\n {p}
)}\n\n
\n )}\n \n )\n}\n\nexport default ModalWrapper\n","import React from 'react'\n\nconst OptionalAccessoryProduct = ({ accessories }) => {\n const products = [...accessories.reduce((acc, accessory) => {\n const { product, qty } = accessory\n const item = acc.get(product.id) || Object.assign({}, product, { qty: 0 })\n\n item.qty += qty\n\n return acc.set(product.id, item)\n }, new Map).values()]\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n {children}\n {errors.length !== 0 && errors.map((error, index) => {t('cart_picker.choose_period_short')}
\n \n{error.message}
)}\n\n \n \n
\n - \n {products.map((product) => (\n
- \n {product.qty}x {product.name}\n \n ))}\n
\n
\n
\n
\n\n {!readonly && (\n \n {t('prices.subtotal')}\n {cart.formattedSubtotal}\n
\n {cart.discount_in_cents > 0 && (\n \n {t('prices.discount')}\n {cart.formattedDiscount}\n
\n )}\n {cart.coupon_discount_in_cents > 0 && (\n \n {t('prices.discount')}\n {cart.formattedCouponDiscount}\n
\n )}\n \n
\n {company.delivery_service_price_from && \n {!readonly && (\n
\n {cart.formattedInsurance}\n \n
\n )}\n {readonly && t('prices.insurance')}\n \n \n
}\n {cart.total_in_cents !== cart.subtotal_in_cents && (\n <>\n \n {!readonly && (\n
\n {t('prices.delivery_price_from', { price: company.delivery_service_price_from })}\n \n
\n )}\n {readonly && t('prices.delivery_service')}\n \n \n
\n {t('prices.subtotal')}\n {cart.formattedTotal}\n
\n \n )}\n {cart.vat_in_cents > 0 && (\n \n {t('prices.tax_amount', { percentage: cart.vat_amount })}\n {cart.formattedVat}\n
\n )}\n \n
\n {t('prices.total')}\n {cart.formattedGrandTotal}\n
\n \n \n {t('shopping_cart.reserve')}\n \n { orderButtonMessage && (\n
\n )}\n \n )\n}\n\nexport default Prices\n","import { updateQuantity } from '@client/api/carts_products'\n\nconst start = (params) => {\n return {\n type: 'CARTS_PRODUCT_UPDATE_QUANTITY_START',\n payload: params\n }\n}\n\nconst success = ({ cart }) => {\n return {\n type: 'CARTS_PRODUCT_UPDATE_QUANTITY_SUCCESS',\n payload: { cart }\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'CARTS_PRODUCT_UPDATE_QUANTITY_ERROR',\n payload: { response }\n }\n}\n\nconst updateQty = ({ id, quantity }) => {\n return (dispatch) => {\n dispatch(start({ id, quantity }))\n\n return updateQuantity({ id, quantity })\n .then(\n (response) => dispatch(success(response.data)),\n (errorData) => dispatch(error({ response: errorData.response }))\n )\n }\n}\n\nexport default updateQty\n","import axios from '@client/lib/axios'\n\nexport const updateQuantity = ({ id, quantity }) => {\n return axios({\n method: 'patch',\n url: `/api/2/carts_products/${id}/update_quantity`,\n params: {\n quantity: quantity\n }\n })\n}\n\nexport const update = ({ id, accessoryIds, quantity }) => {\n return axios({\n method: 'patch',\n url: `/api/2/carts_products/${id}`,\n params: {\n quantity: quantity,\n accessory_ids: accessoryIds\n }\n })\n}\n","import { update } from '@client/api/carts_products'\n\nconst start = (params) => {\n return {\n type: 'CARTS_PRODUCT_UPDATE_START',\n payload: params\n }\n}\n\nconst success = ({ cart }) => {\n return {\n type: 'CARTS_PRODUCT_UPDATE_SUCCESS',\n payload: { cart }\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'CARTS_PRODUCT_UPDATE_ERROR',\n payload: { response }\n }\n}\n\nconst updateCartsProduct = ({ id, accessoryIds, quantity }) => {\n return (dispatch) => {\n dispatch(start({ id, accessoryIds, quantity }))\n\n return update({ id, accessoryIds, quantity })\n .then(\n (response) => dispatch(success(response.data)),\n (errorData) => dispatch(error({ response: errorData.response }))\n )\n }\n}\n\nexport default updateCartsProduct\n","import React, { useState } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport _ from 'lodash'\n\nimport AddOptionalAccessories from '@client/react/components/AddOptionalAccessories'\nimport { clearCart } from '@client/redux/actions/cart'\nimport { updateQuantity, updateCartsProduct } from '@client/redux/actions/carts_products'\nimport { t, translatePeriodLabel } from '@client/i18n/localize'\nimport { track } from '@client/utils/tracking'\nimport { productPath } from '@client/utils'\n\nimport OptionalAccessoryProduct from './OptionalAccessoryProduct'\n\nconst CartProduct = ({ id, product, qty, formattedTotal, charge_label, accessories }) => {\n const dispatch = useDispatch()\n const [quantity, setQuantity] = useState(qty)\n const path = productPath(product.slug)\n\n const [visible, setVisible] = useState(false)\n const hide = () => setVisible(false)\n\n const [loading, setLoading] = useState(false)\n const [success, setSuccess] = useState(null)\n\n const handlePopover = () => {\n setVisible(!visible)\n }\n\n const changeQuantity = (newQuantity) => {\n if (quantity !== newQuantity) {\n dispatch(updateQuantity({ id: id, type: 'change', quantity: newQuantity })).then(({ payload }) => {\n track('cart.change_product_quantity', {\n oldQuantity: quantity,\n newQuantity,\n product,\n cart: payload.cart\n })\n })\n }\n }\n\n const debouncedChangeQuantity = _.debounce(changeQuantity, 300)\n\n const handleChangeQuantity = (newQuantity) => {\n setQuantity(newQuantity)\n debouncedChangeQuantity(newQuantity)\n }\n\n const handleIncreaseQuantity = () => {\n handleChangeQuantity(quantity + 1)\n }\n\n const handleDecreaseQuantity = () => {\n handleChangeQuantity(quantity - 1)\n }\n\n const handleDelete = () => {\n handleChangeQuantity(0)\n }\n\n const handleQuantityInput = (e) => {\n let newQuantity\n\n if (e.target.value === '') {\n newQuantity = 0\n } else {\n newQuantity = _.max([parseInt(e.target.value), 1])\n }\n\n handleChangeQuantity(newQuantity)\n }\n\n const handleUpdateAccessories = ({ accessoryIds = [] }) => {\n setLoading(true)\n\n dispatch(updateCartsProduct({ id, accessoryIds }))\n .then(({ payload }) => {\n if (!payload.cart) { throw ('No cart') }\n\n setSuccess(true)\n setLoading(false)\n hide()\n\n track('cart.book_product', {\n productId: id,\n cart: payload.cart,\n source\n })\n\n setTimeout(() => { setSuccess(null) }, 2000)\n })\n .catch(() => {\n setSuccess(false)\n setLoading(false)\n hide()\n })\n }\n\n const renderAccessoryPopover = () => {\n const component = handlePopover()} />\n\n return (\n \n {orderButtonMessage}\n
\n )}\n\n
\n )\n}\n\nconst Products = ({ showClearCart = true }) => {\n const dispatch = useDispatch()\n const cart = useSelector((state) => state.cart)\n\n const cartsProducts = cart.carts_products\n const mainProducts = cartsProducts.filter(item => item.parent_id === null)\n const accessoryProducts = cartsProducts.filter(item => item.parent_id !== null)\n\n const handleClickClear = (e) => {\n e.preventDefault()\n\n dispatch(clearCart())\n window.location.reload()\n }\n\n const getSelectedAccessoriesForProduct = (cartsProductId) => {\n return accessoryProducts.filter(item => item.parent_id === cartsProductId)\n }\n\n return (\n <>\n \n 
\n
\n \n {product.name}\n
\n \n \n
\n {accessories.length > 0 &&\n \n \n {quantity}\n
\n \n
\n {formattedTotal}
\n {translatePeriodLabel(charge_label)}
\n \n
\n }\n \n {t(\"accessories\")}\n
\n \n {renderAccessoryPopover()}\n
\n \n
\n\n {\n mainProducts.map((cartsProduct) => (\n {t('shopping_cart.title')}
\n {showClearCart && (\n \n )}\n\n \n
\n\n \n
\n {t('shopping_cart.share.text')}
\n \n\n \n
\n : \n }\n \n 
\n
\n )\n}\n\nconst Dropdown = ({ cartPath, cart }) => {\n return (\n \n {name}\n {quantity > 1 && {t('shopping_cart.amount')} {quantity}}\n
\n \n
\n {formattedTotal}
\n {translatePeriodLabel(priceLabel)}
\n \n {cart.count === 0 &&
\n )\n}\n\nconst Empty = () => {\n return (\n <>\n \n
\n {t('shopping_cart.empty.title')}
\n{t('shopping_cart.empty.body')}
\n {t('shopping_cart.empty.button')}\n \n )\n}\n\nconst List = ({ cartPath, cart }) => {\n const mainProducts = cart.carts_products.filter(item => item.parent_id === null)\n\n return (\n <>\n \n\n {mainProducts.map((cartProduct) => (\n
\n \n
\n \n \n )\n}\n\nconst CartIcon = ({ cartPath, dropdown }) => {\n const cart = useSelector(state => state.cart)\n\n const [collapsed, setCollapsed] = useState(true)\n const node = useClickOutside(() => { setCollapsed(true) })\n\n const handleToggle = (e) => {\n e && e.preventDefault()\n setCollapsed(!collapsed)\n }\n\n const classNames = ['dropdown shopping-cart']\n classNames.push(collapsed ? 'dropdown--collapsed' : 'dropdown--expanded')\n\n const cartIcon = cart.count > 8 ? 'fa-truck-field' : 'fa-shopping-cart'\n const dropdownIcon = collapsed ? 'fa-chevron-down' : 'fa-chevron-up'\n const cartCount = cart.count > 99 ? '99+' : cart.count\n\n return (\n {t('prices.subtotal')}
\n \n
\n {cart.formattedSubtotal}
\n ({t('prices.excluding_tax')})
\n \n \n \n {cart.count > 0 && {cartCount}}\n \n {t('cart')}\n {dropdown !== false && }\n \n\n {!collapsed &&
\n )\n}\n\nexport default CartIcon\n","// React\nimport React, { useState, useRef, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\n\n// Components\nimport Calendar from './Picker/Calendar'\n\n// Libraries\nimport { usePopper } from 'react-popper'\n\n// Shared\nimport { date } from '@client/i18n/localize'\nimport getPopoverPosition from '@client/utils/getPopoverPosition'\n\nconst PopoverContainer = ({ style, forwardRef, children, ...props }) => (\n \n {children}\n
\n)\n\nconst Popover = (props) => {\n const useOutsideClick = (ref) => {\n useEffect(() => {\n const handleOutsideClick = (e) => {\n if (ref && ref.current && !ref.current.contains(e.target)) {\n if (props.parentRef && props.parentRef.current && props.parentRef.current.contains(e.target)) return\n\n props.handleOutsideClick()\n }\n }\n\n document.addEventListener('mousedown', handleOutsideClick)\n\n return () => {\n document.removeEventListener('mousedown', handleOutsideClick)\n }\n }, [ref])\n }\n\n const ref = useRef(null)\n useOutsideClick(ref)\n\n const selectedDay = (type, range) => {\n const date = {\n \"pickup\": range.from,\n \"return\": range.to || range.from\n }\n\n return date[type]\n }\n\n return (\n \n
\n )\n}\n\nconst DatePicker = (props) => {\n const [popoverOpen, setPopoverOpen] = useState(false)\n\n const [referenceElement, setReferenceElement] = useState(null)\n const [popperElement, setPopperElement] = useState(null)\n const { styles, attributes } = usePopper(referenceElement, popperElement, {\n placement: 'bottom-start',\n modifiers: [\n {\n name: 'flip',\n options: {\n fallbackPlacements: ['top-start'],\n },\n },\n {\n name: 'offset',\n options: {\n offset: [0, -5],\n },\n }\n ],\n })\n\n useEffect(() => {\n if (ref && ref.current) {\n setPopoverPosition(getPopoverPosition(ref.current, props.popoverPosition, true))\n }\n }, [ref])\n\n const ref = useRef(null)\n\n const handleOutsideClick = (e) => {\n e && e.preventDefault()\n setPopoverOpen(false)\n }\n\n const handleDateChange = (value) => {\n props.onChange(value)\n setPopoverOpen(false)\n }\n\n const hasError = (type, data) => {\n if (props.errors.length) {\n return props.errors.find((error) => error.error.data === data && error.error.type === type) !== undefined\n }\n\n return false\n }\n\n return (\n <>\n \n {props.value ? (\n
\n {!props.disabled && (\n \n \n {date(props.value)}\n
\n ) : (\n {props.placeholder}
\n )}\n \n \n
\n )}\n \n {popoverOpen &&\n createPortal(\n {name}
\n\n\n
\n \n )\n}\n\nconst Essentials = ({ id, name, initialize, setInitialize }) => {\n const [essentials, setEssentials] = useState(null)\n const [show, setShow] = useState(false)\n\n useEffect(() => {\n if (!initialize) return\n\n fetchEssentials({ id }).then(({ data }) => {\n const products = data.products\n const categories = data.meta.categories\n\n if (products.length === 0) {\n return\n }\n\n // Group products by category name\n const categoryData = categories.map((category) => {\n return {\n ...category,\n products: products.filter((product) => product.essential_category_id === category.id)\n }\n })\n\n // Sort by product count\n const sortedData = sortBy(categoryData, (data) => -data.products.length)\n\n setEssentials(sortedData)\n setShow(true)\n })\n }, [initialize])\n\n const handleClose = (e) => {\n e && e.preventDefault()\n setShow(false)\n setInitialize(false)\n }\n\n return (\n {children}
\n )\n}\n\nconst ModalSubTitle = ({ children }) => {\n return (\n{children}
\n )\n}\n\nconst ModalHeader = ({ children, border }) => {\n const modifiers = []\n\n if (border) { modifiers.push('border') }\n\n return (\n `bc-modal__header--${m}`)}`}>\n {children}\n
\n )\n}\n\nconst ModalBody = ({ children }) => {\n return (\n {children}
\n )\n}\n\nconst ModalFooter = ({ children }) => {\n return (\n {children}
\n )\n}\n\nconst Modal = ({ children, onClose, onClickOutside, show }) => {\n const backgroundNode = useRef(null)\n\n const handleOutsideClick = (e) => {\n if (e.target === backgroundNode.current) {\n (onClickOutside && onClickOutside()) || (onClose && onClose())\n }\n }\n\n const handleToggleShow = (show) => {\n const html = document.querySelector('html')\n\n if (show) {\n if (isEmpty(html.style.top)) {\n // Only set top when it's not set\n html.style.top = `-${window.scrollY}px`\n }\n html.classList.add('scroll-lock')\n } else {\n if (document.querySelector('.bc-modal')) {\n // Don't hide when another modal is present\n return\n }\n\n const scrollY = html.style.top;\n\n if (isEmpty(scrollY)) {\n // Don't reset scroll since Modal has not been shown yet\n return\n }\n\n html.style.top = '';\n html.classList.remove('scroll-lock')\n window.scrollTo(0, parseInt(scrollY || '0') * -1)\n }\n }\n\n useEffect(() => {\n if (show !== null) {\n handleToggleShow(show)\n }\n }, [show])\n\n if (!show) return null\n\n return (\n \n
\n )\n}\n\nexport default Object.assign(Modal, {\n Header: ModalHeader,\n Title: ModalTitle,\n SubTitle: ModalSubTitle,\n Body: ModalBody,\n Footer: ModalFooter\n})\n","import { ReactNotifications, Store } from 'react-notifications-component'\n\nconst notification = ({ title, message, type = 'default' }) => {\n Store.addNotification({\n title: title,\n message: message,\n type: type,\n insert: \"top\",\n container: \"top-center\",\n animationIn: [\"animate__animated\", \"animate__fadeIn\"],\n animationOut: [\"animate__animated\", \"animate__fadeOut\"],\n dismiss: {\n duration: 2000\n }\n })\n}\n\nexport { ReactNotifications as default, notification }\n","import React from \"react\";\n\nconst HomeScreenIcon = ({ className, modern = false }) => {\n if (modern) {\n return (\n \n {onClose && }\n {children}\n
\n \n \n {copyTitle}\n \n \n {copyClosePrompt}\n \n
\n \n
\n \n \n {copyBody}\n \n
\n \n
\n \n \n );\n};\n\nexport default PWAPrompt;\n","import React from \"react\";\n\nconst ShareIcon = ({ className, modern = false }) => {\n if (modern) {\n return (\n \n \n {copyShareButtonLabel}\n \n
\n \n \n {copyAddHomeButtonLabel}\n \n
\n \n
\n )\n}\n\nexport default Desktop\n","// React\nimport React from 'react'\n\n// Components\n\n// Libraries\nimport Tooltip from '@client/react/components/Tooltip'\n\n// Shared\nimport isMobile from '@client/utils/isMobile'\nimport { t, calendarDate } from '@client/i18n/localize'\nimport { fromAsTime, tillAsTime } from '@client/utils/timeslots'\n\nconst formatCalendarDate = (date, timeslot, type, format = false) => {\n const datetime = (type === 'return') ? tillAsTime(date, timeslot) : fromAsTime(date, timeslot)\n return calendarDate(datetime, format)\n}\n\nconst Action = ({ date, depot, type, timeslot, onClick, label }) => {\n const noData = !date || !depot || !timeslot\n\n if (isMobile()) {\n return (\n \n
\n {t('cart_picker.pickup')}
\n\n
\n \n handleDepotSelect('pickup', value)}\n styles={{\n menuPortal: (provided) => ({\n ...provided,\n zIndex: 9999\n }),\n control: (provided) => ({\n ...provided,\n borderColor: '#dde1e3'\n })\n }}\n usePortal\n placeholder={
\n \n
\n \n handleDateSelect('pickup', value)}\n errors={errors}\n isDayAvailable={isDayAvailable}\n firstAvailableAt={firstAvailableAt}\n range={range}\n type=\"pickup\"\n placeholder={
\n \n handleTimeslotSelect('pickup', value)}\n styles={{\n menuPortal: (provided) => ({\n ...provided,\n zIndex: 9999\n }),\n control: (provided) => ({\n ...provided,\n borderColor: hasError(errors, 'pickup', 'timeslot') ? '#f26152' : '#dde1e3'\n })\n }}\n usePortal\n placeholder={
\n \n
\n {t('cart_picker.return')}
\n\n
\n \n handleDepotSelect('return', value)}\n styles={{\n menuPortal: (provided) => ({\n ...provided,\n zIndex: 9999\n }),\n control: (provided) => ({\n ...provided,\n borderColor: '#dde1e3'\n })\n }}\n usePortal\n placeholder={
\n \n
\n \n handleDateSelect('return', value)}\n errors={errors}\n isDayAvailable={isDayAvailable}\n range={range}\n type=\"return\"\n placeholder={
\n \n handleTimeslotSelect('return', value)}\n styles={{\n menuPortal: (provided) => ({\n ...provided,\n zIndex: 9999\n }),\n control: (provided) => ({\n ...provided,\n borderColor: hasError(errors, 'return', 'timeslot') ? '#f26152' : '#dde1e3'\n })\n }}\n usePortal\n placeholder={
\n \n {noData ? (\n label\n ) : (\n <>\n
\n )\n } else {\n return (\n {depot.name}
\n {formatCalendarDate(date, timeslot, type, true)}
\n \n )}\n \n {noData ? (\n label\n ) : (\n
\n )\n }\n}\n\nconst Intro = ({ values, onClick, errors }) => {\n const { pickupTime, returnTime, pickupDepot, returnDepot, pickupTimeslot, returnTimeslot } = values\n const noData = !pickupTime || !returnTime || !pickupDepot || !returnDepot\n const hasErrors = errors.length !== 0\n\n if (noData) {\n if (isMobile()) {\n return (\n \n
\n )}\n {depot.name}
\n |
\n {formatCalendarDate(date, timeslot, type)}
\n \n {t('cart_picker.choose_period_short')}\n
\n )\n } else {\n return (\n \n {t('cart_picker.price_duration')} \n
\n )\n }\n }\n\n const wrapperClasses = ['hstack justify-content-center bc-date-select-wrapper']\n if (hasErrors) wrapperClasses.push('bc-date-select-wrapper--error')\n\n return (\n \n
\n )\n}\n\nexport default Intro\n","// React\nimport React, { useState } from 'react'\n\n// Components\nimport Details from './modes'\nimport Dates from './modes/Dates'\nimport Depots from './modes/Depots'\nimport Timeslots from './modes/Timeslots'\n\n// Libraries\nimport { date, t } from '@client/i18n/localize'\n\n// Shared\n\nconst Select = ({ id, value, onClick, icon, iconStyle, type, placeholder, disabled, error }) => {\n const getValue = (mode) => {\n switch (mode) {\n case 'depot':\n return value.name\n case 'date':\n return date(value)\n case 'timeslot':\n return value.label\n }\n }\n\n return (\n \n {icon && }\n {value ? (\n \n {placeholder}\n \n )}\n \n
\n )\n}\n\nconst Mobile = ({\n values,\n pickupDepots,\n returnDepots,\n pickupTimeslots,\n returnTimeslots,\n isDayAvailable,\n isTimeslotAvailable,\n handleDepotSelect,\n handleDateSelect,\n handleTimeslotSelect,\n range,\n errors,\n hasError\n}) => {\n const [mode, setMode] = useState(null)\n\n const onBackPress = () => setMode(null)\n\n const titles = {\n pickupDepot: t('cart_picker.pickup_depot'),\n pickupTimeslot: t('cart_picker.pickup_timeslot'),\n pickupDate: t('cart_picker.pickup_date'),\n returnDepot: t('cart_picker.return_depot'),\n returnTimeslot: t('cart_picker.return_timeslot'),\n returnDate: t('cart_picker.return_date'),\n }\n\n const modes = (mode) => {\n switch (mode) {\n case 'pickupDepot':\n return (\n \n {getValue(type)}\n
\n ) : (\n\n
\n )\n}\n\nexport default Mobile\n","// React\nimport React, { useState, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\n\n// Components\n\n// Libraries\nimport { t } from '@client/i18n/localize'\n\n// Shared\n\nconst Sidebar = ({ data: depot, style }) => {\n return (\n \n setMode('pickupDepot')}\n error={hasError(errors, 'pickup', 'depot')}\n />\n
\n {t('cart_picker.pickup')}
\n\n setMode('pickupDate')}\n type=\"date\"\n disabled={!values.pickupDepot}\n error={hasError(errors, 'pickup', 'date')}\n />\n setMode('pickupTimeslot')}\n type=\"timeslot\"\n icon=\"clock\"\n disabled={!values.pickupDate}\n error={hasError(errors, 'pickup', 'timeslot')}\n />\n
\n \n setMode('returnDepot')}\n error={hasError(errors, 'return', 'depot')}\n />\n
\n {mode && (\n {t('cart_picker.return')}
\n\n setMode('returnDate')}\n type=\"date\"\n disabled={!values.returnDepot}\n error={hasError(errors, 'return', 'date')}\n />\n setMode('returnTimeslot')}\n type=\"timeslot\"\n icon=\"clock\"\n iconStyle=\"fas\"\n disabled={!values.returnDate}\n error={hasError(errors, 'return', 'timeslot')}\n />\n
\n \n {modes(mode)}\n
\n )}\n \n
\n )\n}\n\nconst Option = (props) => {\n const [entered, setEntered] = useState(false)\n const [popoverPosition, setPopoverPosition] = useState({ left: -10000, top: -10000 })\n\n useEffect(() => {\n if (ref && ref.current) {\n const boundingRect = ref.current.closest('.bc-select__menu-list').getBoundingClientRect()\n const popoverPosition = {\n position: 'fixed',\n top: boundingRect.top - 1,\n left: boundingRect.left + boundingRect.width - 1\n }\n\n setPopoverPosition(popoverPosition)\n }\n }, [ref])\n\n const ref = useRef(null)\n\n const handleMouseEnter = () => {\n setEntered(true)\n }\n const handleMouseLeave = () => {\n setEntered(false)\n }\n\n const classNames = (props, entered) => {\n let classes = ['bc-select__option']\n\n if (props.isSelected) { classes.push('bc-select__option--is-selected') }\n if (entered) { classes.push('bc-select__option--borderless') }\n\n return classes.join(' ');\n }\n\n return (\n \n 
\n
\n {depot.excerpt}\n \n
\n {depot.name}
\n{t(`depot.store_types.${depot.store_type}`)}
\n\n \n \n
\n {depot.opening_hours.length > 0 && (\n \n {depot.street} {depot.street_no}\n {depot.zipcode} {depot.city}\n
\n \n \n
\n )}\n \n {depot.opening_hours.map((openingHour, i) => (\n
\n \n {openingHour.days}\n {openingHour.time}\n
\n ))}\n \n {props.label}\n {entered && createPortal(
\n \n )\n}\n\nexport default Option\n","// React\nimport React from 'react'\n\n// Components\n\n// Libraries\n\n// Shared\n\nconst selectPlaceholder = ({ icon, value }) => (\n <>\n {value}\n \n)\n\nexport default selectPlaceholder\n","// React\nimport React from 'react'\n\n// Libraries\n\n// Components\nimport Mobile from './Mobile'\nimport Desktop from './Desktop'\n\n// Shared\nimport isMobile from '@client/utils/isMobile'\n\nconst Picker = ({ onChange, pickupOpeningTimes, returnOpeningTimes, ...props }) => {\n const handleDepotSelect = (type, depot) => {\n switch (type) {\n case 'pickup':\n onChange('pickupDepot', depot)\n break\n case 'return':\n onChange('returnDepot', depot)\n break\n }\n }\n\n const handleTimeslotSelect = (type, timeslot) => {\n switch (type) {\n case 'pickup':\n onChange('pickupTimeslot', timeslot)\n break\n case 'return':\n onChange('returnTimeslot', timeslot)\n break\n }\n }\n\n const handleDateSelect = (type, date) => {\n switch (type) {\n case 'pickup':\n onChange('pickupDate', date)\n break\n case 'return':\n onChange('returnDate', date)\n break\n }\n }\n\n const WrapperComponent = isMobile() ? Mobile : Desktop\n\n return (\n \n
\n )\n\n const renderDepot = (depot) => (\n {group.name}
\n- \n {group.depots.map(depot => renderDepot(depot))}\n
{depot.name} {storeType(depot.store_type)}
\n{depot.address}
\n\n {groupedDepots.map(group => renderDepotGroup(group))}\n
\n )\n}\n\nexport default Depots\n","// React\nimport React from 'react'\n\n// Components\n\n// Libraries\n\n// Shared\n\nconst Timeslots = ({ onChange, isTimeslotAvailable, timeslots, type, values }) => {\n const handleChange = (timeslot) => {\n if (isTimeslotAvailable(timeslot, type, type === 'pickup')) {\n onChange(timeslot)\n }\n }\n\n return (\n - \n {timeslots.map((timeslot) => (\n
- handleChange(timeslot)}\n >\n
{timeslot.label}
\n \n ))}\n
\n
\n )\n}\n\nexport default Details\n","import React from 'react'\n\nconst ResultOption = ({ title, percentage }) => {\n return (\n \n \n
\n {children}\n {title}
\n\n
\n )\n}\n\nconst Results = ({ options }) => {\n const votes = options.reduce((a, option) => (option.poll_votes_count || 0) + a, 0)\n\n const percentage = (option) => {\n const count = (option.poll_votes_count || 0)\n return ((count / votes) * 100).toFixed()\n }\n\n return (\n \n {title}\n {percentage}%\n
\n \n \n
\n \n {options.map((option) => (\n
\n )\n}\n\nexport default Results\n","import React, { useState } from 'react'\n\n// Utils\nimport { t } from '@client/i18n/localize'\n\nconst VoteOption = ({ id, title, selected, onClick }) => {\n return (\n \n )\n}\n\nconst Vote = ({ options, onSubmit }) => {\n const [selectedOption, setSelectedOption] = useState(null)\n\n const handleClickOption = (id) => {\n setSelectedOption(id)\n }\n\n const handleSubmit = (e) => {\n e.preventDefault()\n onSubmit(selectedOption)\n }\n\n return (\n <>\n {options.map((option) => (\n \n \n
\n \n )\n}\n\nexport default Vote\n","import React, { useState, useEffect } from 'react'\n\n// API\nimport { fetchPoll, votePoll } from '@client/api/poll'\n\n// Utils\nimport { t } from '@client/i18n/localize'\n\n// Components\nimport Vote from './Vote'\nimport Results from './Results'\n\nconst Poll = ({ title, description, options, onSubmit, step }) => {\n return (\n \n
\n )\n}\n\nconst Container = () => {\n const [step, setStep] = useState('vote')\n const [poll, setPoll] = useState(null)\n\n useEffect(() => {\n fetchPoll().then(({ data }) => {\n if (data.meta.voted) {\n setStep('results')\n }\n\n setPoll(data.poll)\n })\n }, [])\n\n const handleVote = (id) => {\n votePoll({ option: id }).then(({ data }) => {\n setPoll(data.poll)\n setStep('results')\n })\n }\n\n if (poll) {\n return (\n \n
\n {t('poll.title')}
\n {title}
\n{description}
\n\n {step === 'vote' && `bc-popover--${m}`)}`} onClick={handleClick} ref={backgroundNode}>\n
\n )\n}\n\nexport default Popover\n","import React, { useState } from 'react'\n\n// Actions\nimport { bookProductToCart } from '@client/redux/actions/cart'\n\n// Libraries\nimport { useDispatch } from 'react-redux'\n\n// Utils\nimport { track } from '@client/utils/tracking'\nimport { t } from '@client/i18n/localize'\n\n// Components\nimport Essentials from '@client/react/components/Essentials'\nimport { Button, Link, Icon } from '@client/react/components/AddProductToCart'\nimport AddOptionalAccessories from '@client/react/components/AddOptionalAccessories'\nimport { notification } from '@client/react/components/Notification'\n\nconst AddToCart = ({ id, name, type, label, source, optionalPickupAccessories }) => {\n const dispatch = useDispatch()\n const [loading, setLoading] = useState(false)\n const [success, setSuccess] = useState(null)\n const [initializeEssentials, setInitializeEssentials] = useState(false)\n\n const [visible, setVisible] = useState(false)\n const show = () => setVisible(true)\n const hide = () => setVisible(false)\n\n const components = {\n button: Button,\n icon: Icon,\n link: Link\n }\n const Component = components[type] || Icon\n\n const hasOptionalPickupAccessories = () => {\n return optionalPickupAccessories && optionalPickupAccessories.length > 0\n }\n\n const handleVisible = () => {\n visible ? hide() : show()\n }\n\n const handleClick = ({ accessoryIds=[] }) => {\n setLoading(true)\n\n dispatch(bookProductToCart({ id, accessoryIds }))\n .then(({ payload }) => {\n if (!payload.cart) { throw('No cart') }\n\n const ids = [].concat(id)\n\n if (ids.length === 1 && source !== 'essentials') {\n setInitializeEssentials(true)\n }\n\n setSuccess(true)\n setLoading(false)\n hide()\n notification({ message: t('shopping_cart.product_added', { product: name }) })\n\n ids.forEach(id => {\n track('cart.book_product', {\n productId: id,\n cart: payload.cart,\n source\n })\n })\n\n setTimeout(() => { setSuccess(null) }, 2000)\n })\n .catch(() => {\n notification({ message: t('pages.error_500.page_title'), type: 'danger' })\n setSuccess(false)\n setLoading(false)\n hide()\n })\n }\n\n return (\n <>\n {hasOptionalPickupAccessories() &&\n \n {onClose && }\n
\n \n {title &&
}\n {children}\n
\n {title}
}\n {(title || subtitle) &&}\n {children}\n
\n {t('tooltips.multiple_day_prices')}\n\n
\n )\n}\n\nconst PricesListItemComponent = ({ price }) => {\n return (\n <>\n {price && (\n - \n
\n {translatePeriodLabel(currentPrice.label || currentPrice.title)}\n {currentPrice.formattedPrice}\n\n \n \n \n
\n\n \n { translatePeriodLabel(title || label) }\n {formattedPrice}\n
\n )\n}\n\nconst PriceComponent = ({ prices }) => {\n return (\n prices.map((price, index) => \n
\n )\n}\n\nconst BookableProduct = ({ id, name, path, imageThumbLarge, imageThumb, prices, isNew, expected, wishlist, source, onClick, optionalPickupAccessories }) => {\n const label = getLabel({ isNew, expected })\n\n return (\n \n )\n}\n\nconst Tile = (product) => {\n if (product.expected) {\n return \n {label && }\n 
\n \n
\n \n {name}\n \n \n {translatePeriodLabel(label)}\n {formattedPrice}\n
\n )\n }\n\n return (\n \n {prices.map((price, index) => (\n \n {renderItem({...price, index})}\n \n ))}\n
\n )\n}\n\nconst ProductDetailPrice = ({ id, prices }) => {\n return \n
}\n \n )\n}\n\nexport default FilterGroup\n","import React from 'react'\n\n// Utils\nimport { productsPath } from '@client/utils'\nimport { t } from '@client/i18n/localize'\n\n// Components\nimport FilterGroup from './FilterGroup'\n\nconst List = ({ selectedCount, filterGroups, selectedFilters, handleToggleFilter, counters, navigate }) => {\n return (\n {name}
\n {renderedFilters}
\n \n
\n )\n}\n\nexport default List\n","import React from 'react'\n\n// Utils\nimport { productsPath } from '@client/utils'\nimport { t } from '@client/i18n/localize'\n\nconst NoResults = () => {\n return (\n \n \n {t('product_results.filters')} ({selectedCount})\n \n \n {t('product_results.reset_filters')}\n \n
\n {filterGroups.map((filterGroup) => (\n \n
\n )\n}\n\nexport default NoResults\n","import React from 'react'\n\n// Libraries\nimport { isEmpty, map, flatten } from 'lodash'\n\n// Utils\nimport { isFilterPresent } from './utils'\n\nconst Tags = ({ filterGroups, selectedFilters, handleToggleFilter }) => {\n const renderedFilters = map(filterGroups, (filterGroup) => {\n return filterGroup.filters.map((filter) => {\n const selected = isFilterPresent(filter.slug, filterGroup.slug, selectedFilters)\n\n if (selected) {\n return (\n {t('product_empty.title')}
\n\n
\n {t('product_empty.reset_filters')}\n \n \n {t('product_empty.text1')}\n
\n \n \n {t('product_empty.text2')}\n
\n handleToggleFilter(filter.slug, filterGroup.slug)}>\n {filter.name}\n \n
\n )\n }\n }).filter((item) => item)\n }).filter((item) => item)\n\n return (\n <>\n {!isEmpty(flatten(renderedFilters)) && \n {flatten(renderedFilters)}\n
}\n \n )\n}\n\nexport default Tags\n","import React, { useState, useEffect } from 'react'\n\n// Libraries\nimport { values, flatten } from 'lodash'\n\n// Utils\nimport { toggleFilter, filtersPath } from './utils'\n\n// Components\nimport FilterList from './List'\nimport FilterTags from './Tags'\n\nconst ProductFilter = ({ filterGroups, current, counters, onChange, navigate = true, view = 'list' }) => {\n const [isMounted, setIsMounted] = useState(false)\n const [selectedFilters, setSelectedFilters] = useState({})\n const selectedCount = flatten(values(selectedFilters)).length\n const [currentCounters, setCurrentCounters] = useState(null)\n\n useEffect(() => {\n setIsMounted(true)\n }, [])\n\n // Use two-step render to render an updated version\n useEffect(() => {\n if (isMounted) {\n setCurrentCounters(counters)\n setSelectedFilters({ ...current })\n }\n }, [isMounted])\n\n const handleToggleFilter = (filterSlug, filterGroupSlug) => {\n const newSelectedFilters = toggleFilter(filterSlug, filterGroupSlug, selectedFilters)\n const path = `${filtersPath(newSelectedFilters)}${window.location.search}`\n\n setSelectedFilters(newSelectedFilters)\n\n if (navigate) {\n window.restoreScrollPosition = true\n Turbolinks.visit(path)\n } else {\n // On change is implemented, this means that the behavior of selecting filters is handled elsewhere\n onChange(newSelectedFilters, path)\n }\n }\n\n const View = {\n list: FilterList,\n tags: FilterTags\n }[view]\n\n return (\n \n {step > 0 && (\n
\n )\n}\n\nexport default ProductGroup\n","import React, { useState, useEffect } from 'react'\n\n// Actions\nimport { fetchProductPrices } from '@client/redux/actions/products'\n\n// Libraries\nimport { useDispatch, useSelector } from 'react-redux'\nimport map from 'lodash/map'\nimport difference from 'lodash/difference'\nimport { track } from '@client/utils/tracking'\n\n// Components\nimport Product from './Product'\n\nconst ProductList = ({ products, productClassName, component, type, wishlist, source, trackImpression = true }) => {\n const dispatch = useDispatch()\n const cart = useSelector(state => state.cart)\n const [ids, setIds] = useState([])\n\n const handleClickProduct = (product) => {\n // Remove possible scroll-lock class from Modal\n document.querySelector('html').classList.remove('scroll-lock')\n track('product.click', { product, source })\n }\n\n // Update prices for new products\n useEffect(() => {\n const allIds = map(products, (product) => product.id)\n const newIds = ids.length === 0 ? allIds : difference(allIds, ids)\n\n if (newIds.length > 0) {\n setIds(allIds)\n dispatch(fetchProductPrices({ ids: newIds }))\n }\n }, [products])\n\n // Track impressions\n useEffect(() => {\n if (trackImpression) track('product.impression', { products, source })\n }, [products])\n\n // Update prices on cart update\n useEffect(() => {\n if (ids.length > 0) {\n dispatch(fetchProductPrices({ ids }))\n }\n }, [cart.pickup_time, cart.return_time])\n\n const Component = component || Product\n const renderProduct = (product) => (\n \n \n
\n )}\n\n \n
\n\n {step + itemsVisible < props.products.length && (\n \n \n
\n )}\n \n {renderProduct(product)}\n
\n ))\n }\n}\n\nexport default ProductList\n","import React, { useState } from 'react'\n\n// API\nimport { fetchProducts } from '@client/api/products'\n\n// Utils\nimport { t } from '@client/i18n/localize'\nimport isEmpty from 'lodash/isEmpty'\n\n// Components\nimport ProductFilter from './ProductFilter'\nimport ProductList from './ProductList'\nimport ProductFilterButton from './ProductFilter/Button'\nimport NoResults from './ProductFilter/NoResults'\n\nconst getDynamicProps = (component) => {\n const props = global.dynamicComponentProps || {}\n\n return props[component] || {}\n}\n\nconst ProductResults = (props) => {\n const { products, filterGroups, currentFilters, filterCounters, currentParams, productClassName } = { ...props, ...getDynamicProps('ProductResults')}\n const [loading, setLoading] = useState(false)\n const [currentProducts, setCurrentProducts] = useState(products)\n const [params, setParams] = useState({ ...currentParams, per: 24, page: 1 })\n const [hasNextPage, setHasNextPage] = useState(currentProducts.length < params.per ? false : true)\n\n const hasResults = currentProducts.length > 0 || !isEmpty(currentFilters)\n\n const handleNextPage = (e) => {\n if (e) e.preventDefault()\n\n const newParams = { ...params, page: params.page + 1 }\n\n setParams(newParams)\n setLoading(true)\n\n fetchProducts(newParams).then((response) => {\n const newProducts = response.data.products\n\n if (newProducts.length < params.per) {\n setHasNextPage(false)\n }\n\n setCurrentProducts([...currentProducts, ...newProducts])\n setLoading(false)\n })\n }\n\n return (\n \n {hasResults && <>\n
\n )\n}\n\nexport default ProductResults\n","import React, { useState } from 'react'\n\n// Libraries\nimport find from 'lodash/find'\n\n// Utils\nimport { t } from '@client/i18n/localize'\nimport queryParams from '@client/utils/queryParams'\n\n// Components\nimport Select from './Select'\n\nconst ProductSort = ({ sort, direction, currentParams }) => {\n const sortOptions = [\n {\n value: '',\n label: t('product_results.sort.popularity')\n },\n {\n value: 'price_in_cents asc',\n label: t('product_results.sort.price_in_cents_asc')\n },\n {\n value: 'price_in_cents desc',\n label: t('product_results.sort.price_in_cents_desc')\n }\n ]\n const selectedOption = find(sortOptions, (option) =>\n option.value === `${sort} ${direction}`\n )\n\n const [value, setValue] = useState(selectedOption || sortOptions[0])\n\n const onChange = (option) => {\n setValue(option)\n\n const [newSort, newDirection] = option.value.split(' ')\n const path = window.location.pathname\n const params = { ...currentParams }\n\n if (newSort !== '') {\n params.sort = newSort\n params.direction = newDirection\n }\n\n Turbolinks.visit(`${path}?${queryParams(params)}`)\n }\n\n return (\n \n
\n \n
\n \n
\n \n
\n }\n {!hasResults && \n
\n \n {t('product_results.sort.sort_by')}\n
\n )\n}\n\nexport default ProductSort\n","export default (data) => {\n const ret = []\n for (let d in data)\n if (data[d]) {\n ret.push(encodeURIComponent(d) + '=' + encodeURIComponent(data[d]))\n }\n return ret.join('&')\n}\n","import React, { useState, useEffect } from 'react'\n\n// Libraries\nimport { useDispatch } from 'react-redux'\nimport map from 'lodash/map'\n\n// Actions\nimport { fetchProductPrices } from '@client/redux/actions/products'\n\n// Utils\nimport { t } from '@client/i18n/localize'\n\n// Components\nimport AddToCart from '@client/react/components/Product/AddToCart'\n\nconst ProductSum = ({ ids, name, source }) => {\n const dispatch = useDispatch()\n const [loading, setLoading] = useState(true)\n const [data, setData] = useState({})\n\n useEffect(() => {\n dispatch(fetchProductPrices({ ids })).then((action) => {\n setLoading(false)\n setData(action.payload)\n })\n }, [ids.sort().join('-')])\n\n if (loading) return null\n\n return (\n \n
\n )\n}\n\nexport default ProductSum\n","import React, { useState, useEffect, useRef } from 'react'\n\nimport Modal from '@client/react/components/Modal'\nimport SearchInput from './SearchInput'\n\nconst positionModal = () => {\n const modalElement = document.querySelector('.bc-modal');\n if (!modalElement) return;\n\n const inputElement = document.querySelector('#tweakwise-input-mobile');\n const searchInputPosition = inputElement.getBoundingClientRect();\n\n const topPosition = searchInputPosition.bottom + 10;\n modalElement.style.top = `${topPosition}px`;\n modalElement.style.height = `calc(100vh - ${topPosition}px)`;\n}\n\nconst SearchBar = () => {\n const [show, setShow] = useState(null)\n const searchRef = useRef()\n\n useEffect(() => {\n if(!show) {\n return\n }\n\n // Trigger tweakwise again to attach event handler on input\n window['twn-starter-instance'] && window['twn-starter-instance'].refresh()\n }, [show])\n\n useEffect(() => {\n if (!show) {\n return\n }\n\n positionModal()\n }, [show]);\n\n const handleClose = (event) => {\n event && event.preventDefault()\n setShow(false)\n searchRef.current.reset()\n }\n\n const handleChange = (value) => {\n setShow(value.length > 0)\n }\n\n return (\n <>\n \n
\n
\n \n {t('prices.subtotal')}\n {data.formattedSubtotal}\n
\n {map(data.vat, (amount, percentage) => (\n \n {t('prices.tax_amount', { percentage: parseInt(percentage) })}\n {data.formattedVatAmount}\n
\n ))}\n \n
\n {t('prices.total')}\n {data.formattedTotal}\n
\n \n
\n \n
\n \n p.id)} name={wishlist.name} source=\"wishlist\" />\n
\n \n )\n}\n\nexport default Wishlist\n","import { useEffect, useRef } from 'react'\n\n// Utils\nimport isMobile from '@client/utils/isMobile'\n\nexport default (callback) => {\n const node = useRef()\n\n const handleClickOutside = (e) => {\n if (!node.current || !node.current.contains(e.target)) {\n callback()\n }\n }\n\n useEffect(() => {\n document.addEventListener(isMobile() ? 'touchstart' : 'mousedown', handleClickOutside)\n\n return () => {\n document.removeEventListener(isMobile() ? 'touchstart' : 'mousedown', handleClickOutside)\n }\n }, [node.current, callback])\n\n return node\n}\n","import axios from '@client/lib/axios'\n\nexport const fetch = ({ token }) => {\n return axios({\n method: 'get',\n url: '/api/1/cart',\n params: { token }\n })\n}\n\nexport const update = (params) => {\n const { token, ...cartParams } = params\n\n return axios({\n method: 'put',\n url: '/api/1/cart',\n data: {\n token,\n cart: cartParams\n }\n })\n}\n\nexport const book = ({ token, id, type, quantity = 1, accessoryIds }) => {\n return axios({\n method: 'post',\n url: '/api/1/cart/book',\n params: {\n token,\n type,\n quantity,\n product_id: id,\n accessory_ids: accessoryIds\n }\n })\n}\n\nexport const clear = () => {\n return axios({\n method: 'post',\n url: '/api/1/cart/clear'\n })\n}\n\nexport const applyCoupon = ({ coupon, customerId }) => {\n return axios({\n method: 'post',\n url: '/api/1/cart/apply_coupon',\n data: {\n coupon,\n customer_id: customerId\n }\n })\n}\n\nexport const removeCoupon = ({ coupon, customerId }) => {\n return axios({\n method: 'post',\n url: '/api/1/cart/remove_coupon'\n })\n}\n","import { update } from '@client/api/cart'\n\nconst start = (params) => {\n return {\n type: 'CART_UPDATE_START',\n payload: params\n }\n}\n\nconst success = ({ cart }) => {\n return {\n type: 'CART_UPDATE_SUCCESS',\n payload: { cart }\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'CART_UPDATE_ERROR',\n payload: { response }\n }\n}\n\nconst updateCart = (params) => {\n return (dispatch, getState) => {\n const { cart } = getState()\n\n dispatch(start({ ...params, token: cart.token }))\n\n return update({ ...params, token: cart.token })\n .then(\n (response) => { dispatch(success(response.data)) },\n (errorData) => { dispatch(error({ ...params, token: cart.token, response: errorData.response })) }\n )\n }\n}\n\nexport default updateCart\n","import { book } from '@client/api/cart'\n\nconst cartBookStart = ({ id, type, quantity, accessoryIds }) => {\n return {\n type: 'CART_BOOK_START',\n payload: { id, type, quantity, accessoryIds }\n }\n}\n\nconst cartBookSuccess = ({ cart }) => {\n return {\n type: 'CART_BOOK_SUCCESS',\n payload: { cart }\n }\n}\n\nconst cartBookError = ({ response }) => {\n return {\n type: 'CART_BOOK_ERROR',\n payload: { response }\n }\n}\n\nconst bookProductToCart = ({ id, type, quantity = 1, accessoryIds }) => {\n return (dispatch, getState) => {\n const { cart } = getState()\n\n dispatch(cartBookStart({ id, type, quantity, accessoryIds }))\n\n return book({ token: cart.token, type, id, quantity, accessoryIds })\n .then(\n (response) => dispatch(cartBookSuccess(response.data)),\n (error) => dispatch(cartBookError({ response: error.response }))\n )\n }\n}\n\nexport default bookProductToCart\n","import { clear } from '@client/api/cart'\n\nconst start = ({ id, type }) => {\n return {\n type: 'CART_CLEAR_START',\n payload: { id, type }\n }\n}\n\nconst success = ({ cart }) => {\n return {\n type: 'CART_CLEAR_SUCCESS',\n payload: { cart }\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'CART_CLEAR_ERROR',\n payload: { response }\n }\n}\n\nconst clearCart = () => {\n return (dispatch, getState) => {\n const { cart } = getState()\n\n dispatch(start({ token: cart.token }))\n\n return clear({ token: cart.token })\n .then(\n (response) => { dispatch(success(response.data)) },\n (errorData) => { dispatch(error({ token: cart.token, response: errorData.response })) }\n )\n }\n}\n\nexport default clearCart\n","import { applyCoupon } from '@client/api/cart'\n\nconst start = ({ id, type }) => {\n return {\n type: 'CART_APPLY_COUPON_START',\n payload: { id, type }\n }\n}\n\nconst success = ({ cart }) => {\n return {\n type: 'CART_APPLY_COUPON_SUCCESS',\n payload: { cart }\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'CART_APPLY_COUPON_ERROR',\n payload: { response }\n }\n}\n\nconst applyCouponOnCart = ({ coupon, customerId }) => {\n return (dispatch, getState) => {\n const { cart } = getState()\n\n dispatch(start({ token: cart.token, coupon, customerId }))\n\n return applyCoupon({ token: cart.token, coupon, customerId })\n .then(\n (response) => dispatch(success(response.data)),\n (errorData) => dispatch(error({ token: cart.token, coupon, customerId, response: errorData.response }))\n )\n }\n}\n\nexport default applyCouponOnCart\n","import { removeCoupon } from '@client/api/cart'\n\nconst start = ({ id, type }) => {\n return {\n type: 'CART_REMOVE_COUPON_START',\n payload: { id, type }\n }\n}\n\nconst success = ({ cart }) => {\n return {\n type: 'CART_REMOVE_COUPON_SUCCESS',\n payload: { cart }\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'CART_REMOVE_COUPON_ERROR',\n payload: { response }\n }\n}\n\nconst removeCouponFromCart = () => {\n return (dispatch, getState) => {\n const { cart } = getState()\n\n dispatch(start({ token: cart.token }))\n\n return removeCoupon({ token: cart.token })\n .then(\n (response) => dispatch(success(response.data)),\n (errorData) => dispatch(error({ token: cart.token, response: errorData.response }))\n )\n }\n}\n\nexport default removeCouponFromCart\n","const open = () => {\n return {\n type: 'OPEN_PICKER',\n payload: {}\n }\n}\n\nconst openPicker = () => {\n return (dispatch) => {\n return dispatch(open())\n }\n}\n\nexport default openPicker\n","import { fetchPrices } from '@client/api/products'\n\nconst start = ({ ids }) => {\n return {\n type: 'FETCH_PRODUCT_PRICES_START',\n payload: { ids }\n }\n}\n\nconst success = (payload) => {\n return {\n type: 'FETCH_PRODUCT_PRICES_SUCCESS',\n payload,\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'FETCH_PRODUCT_PRICES_ERROR',\n payload: { response }\n }\n}\n\nconst fetchProductPrices = ({ ids }) => {\n return (dispatch) => {\n dispatch(start({ ids }))\n\n return fetchPrices({ ids })\n .then(\n (response) => dispatch(success(response.data)),\n (errorData) => dispatch(error({ ids, response: errorData.response }))\n )\n }\n}\n\nexport default fetchProductPrices\n","import { fetchAll } from '@client/api/wishlists'\n\nconst start = () => {\n return {\n type: 'FETCH_WISHLISTS_START'\n }\n}\n\nconst success = ({ wishlists }) => {\n return {\n type: 'FETCH_WISHLISTS_SUCCESS',\n payload: { wishlists }\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'FETCH_WISHLISTS_ERROR',\n payload: { response }\n }\n}\n\nconst fetchWishlists = () => {\n return (dispatch) => {\n dispatch(start())\n\n return fetchAll()\n .then(\n (response) => { dispatch(success({ wishlists: response.data.wishlists })) },\n (errorData) => { dispatch(error({ response: errorData.response })) }\n )\n }\n}\n\nexport default fetchWishlists\n","import axios from '@client/lib/axios'\n\nexport const fetchAll = (params={}) => {\n return axios({\n method: 'get',\n url: '/api/1/wishlists',\n params: params\n })\n}\n\nexport const fetch = ({ id }) => {\n return axios({\n method: 'get',\n url: `/api/1/wishlists/${id}`\n })\n}\n\nexport const create = ({ name, productIds }) => {\n return axios({\n method: 'post',\n url: '/api/1/wishlists',\n data: { wishlist: { name, product_ids: productIds } }\n })\n}\n\nexport const add = ({ id, productId }) => {\n return axios({\n method: 'post',\n url: `/api/1/wishlists/${id}/add`,\n params: { product_id: productId }\n })\n}\n\nexport const remove = ({ id, productId }) => {\n return axios({\n method: 'post',\n url: `/api/1/wishlists/${id}/remove`,\n params: { product_id: productId }\n })\n}\n","import { fetch } from '@client/api/wishlists'\n\nconst start = () => {\n return {\n type: 'FETCH_WISHLIST_START'\n }\n}\n\nconst success = ({ wishlist }) => {\n return {\n type: 'FETCH_WISHLIST_SUCCESS',\n payload: { wishlist }\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'FETCH_WISHLIST_ERROR',\n payload: { response }\n }\n}\n\nconst fetchWishlist = ({ id }) => {\n return (dispatch) => {\n dispatch(start())\n\n return fetch({ id })\n .then(\n (response) => { dispatch(success({ wishlist: response.data.wishlist })) },\n (errorData) => { dispatch(error({ response: errorData.response })) }\n )\n }\n}\n\nexport default fetchWishlist\n","import { create } from '@client/api/wishlists'\n\nconst start = ({ name, productIds }) => {\n return {\n type: 'CREATE_WISHLIST_START',\n payload: { name, productIds }\n }\n}\n\nconst success = ({ name, productIds, wishlist }) => {\n return {\n type: 'CREATE_WISHLIST_SUCCESS',\n payload: { name, productIds, wishlist }\n }\n}\n\nconst error = ({ name, productIds, response }) => {\n return {\n type: 'CREATE_WISHLIST_ERROR',\n payload: { name, productIds, response }\n }\n}\n\nconst createWishlist = ({ name, productIds }) => {\n return (dispatch) => {\n dispatch(start({ name, productIds }))\n\n return create({ name, productIds })\n .then(\n (response) => { dispatch(success({ name, productIds, wishlist: response.data.wishlist })) },\n (errorData) => { dispatch(error({ name, productIds, response: errorData.response })) }\n )\n }\n}\n\nexport default createWishlist\n","import { add } from '@client/api/wishlists'\n\nconst start = ({ id, productId }) => {\n return {\n type: 'ADD_TO_WISHLIST_START',\n payload: { id, productId }\n }\n}\n\nconst success = ({ id, productId, wishlist }) => {\n return {\n type: 'ADD_TO_WISHLIST_SUCCESS',\n payload: { id, productId, wishlist }\n }\n}\n\nconst error = ({ id, productId, response }) => {\n return {\n type: 'ADD_TO_WISHLIST_ERROR',\n payload: { id, productId, response }\n }\n}\n\nconst addToWishlist = ({ id, productId }) => {\n return (dispatch) => {\n dispatch(start({ id, productId }))\n\n return add({ id, productId })\n .then(\n (response) => { dispatch(success({ id, productId, wishlist: response.data.wishlist })) },\n (errorData) => { dispatch(error({ id, productId, response: errorData.response })) }\n )\n }\n}\n\nexport default addToWishlist\n","import { remove } from '@client/api/wishlists'\n\nconst start = ({ id, productId }) => {\n return {\n type: 'REMOVE_FROM_WISHLIST_START',\n payload: { id, productId }\n }\n}\n\nconst success = ({ id, productId, wishlist }) => {\n return {\n type: 'REMOVE_FROM_WISHLIST_SUCCESS',\n payload: { id, productId, wishlist }\n }\n}\n\nconst error = ({ id, productId, response }) => {\n return {\n type: 'REMOVE_FROM_WISHLIST_ERROR',\n payload: { id, productId, response }\n }\n}\n\nconst removeFromWishlist = ({ id, productId }) => {\n return (dispatch) => {\n dispatch(start({ id, productId }))\n\n return remove({ id, productId })\n .then(\n (response) => { dispatch(success({ id, productId, wishlist: response.data.wishlist })) },\n (errorData) => { dispatch(error({ id, productId, response: errorData.response })) }\n )\n }\n}\n\nexport default removeFromWishlist\n","import { i18n } from '../../../../app/javascript/packs/localized-i18n'\nimport { t } from '@client/i18n/localize'\n\nconst url = (path) => {\n if (i18n.useLocaleInPath) {\n return `/${i18n.locale}/${path}`\n } else {\n return `/${path}`\n }\n}\n\nconst productsPath = (path = null) => {\n const producten = t('routes.producten')\n\n if (path) {\n return url(`${producten}/${path}`)\n } else {\n return url(`${producten}`)\n }\n}\n\nconst productPath = (id) => {\n const product = t('routes.product')\n\n return url(`${product}/${id}`)\n}\n\nexport { url, productsPath, productPath }\n","export default () => {\n if (typeof window === 'undefined') { return false }\n\n const width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n const breakpoint = 768\n\n return width < breakpoint\n}\n","import moment from '@client/i18n/moment'\nimport { sortBy } from 'lodash'\n\nconst filterTimeslots = (time, timeslots, openingTimes, depotId) => {\n const weekday = moment(time).day()\n const openingTime = openingTimes.find((el) => el.weekday === weekday && el.depot_id === depotId)\n\n if (openingTime) {\n const filterdTimeslots = timeslots.filter((el) => el.opening_time_id === openingTime.id)\n\n return sortBy(filterdTimeslots, 'from_time_integer')\n }\n\n return []\n}\n\nconst getTimeslot = (time, timeslots, openingTimes, depotId, type) => {\n time = moment(time)\n\n const timeInteger = (time.hour() * 100) + time.minute()\n\n return filterTimeslots(time, timeslots, openingTimes, depotId).find((timeslot) => {\n if (type === 'pickup') {\n return timeInteger >= timeslot.from_time_integer && timeInteger < timeslot.till_time_integer\n } else {\n return timeInteger > timeslot.from_time_integer && timeInteger <= timeslot.till_time_integer\n }\n })\n}\n\nconst asTime = (datetime, timeString) => {\n const [hourString, minuteString] = timeString.split(':')\n return moment(datetime).hour(parseInt(hourString)).minute(parseInt(minuteString))\n}\n\nconst fromAsTime = (datetime, timeslot) => {\n if (datetime && timeslot) {\n return asTime(datetime, timeslot.from_time)\n } else {\n return moment(datetime)\n }\n}\n\nconst tillAsTime = (datetime, timeslot) => {\n if (datetime && timeslot) {\n return asTime(datetime, timeslot.till_time)\n } else {\n return moment(datetime)\n }\n}\n\nexport { getTimeslot, filterTimeslots, asTime, fromAsTime, tillAsTime }\n","const fakeTracker = (...args) => {\n console.log('ga', ...args)\n}\n\nconst tracker = () => {\n return window.ga && typeof window.ga === 'function' ? window.ga : fakeTracker\n}\n\nconst analyticsAllowed = () => {\n return window.CookieConsent.acceptedCategory('analytics')\n}\n\nconst listSources = {\n essentials: 'Essential list',\n quicksearch: 'Quicksearch'\n}\n\nconst track = (event, data) => {\n const ga = tracker()\n\n if (event !== 'page.visit' && !analyticsAllowed()) {\n return\n }\n\n // Always anonymize IP addresses (last three digits IP4)\n ga('set', 'anonymizeIp', true);\n\n switch (event) {\n case 'page.visit': {\n ga('set', 'location', data.url)\n ga('send', 'pageview', { 'title': document.title })\n\n break\n }\n case 'customer': {\n if (data.category) ga('set', 'dimension1', data.category)\n if (data.segment) ga('set', 'dimension2', data.segment)\n\n ga('send', 'event', 'customer', 'information', { 'nonInteraction': 1 })\n\n break\n }\n case 'cart.book_product': {\n const line = data.cart.carts_products.find((line) => line.product_id === data.productId)\n\n ga('ec:addProduct', {\n 'id': line.product.id,\n 'name': line.product.name,\n 'quantity': 1\n })\n ga('ec:setAction', 'click', { 'list': data.source })\n ga('send', 'event', 'UX', 'click', 'Add to cart')\n\n break\n }\n case 'cart.change_product_quantity': {\n ga('ec:addProduct', {\n 'id': data.product.id,\n 'name': data.product.name,\n 'quantity': Math.abs(data.newQuantity)\n })\n\n if (data.newQuantity > 0) {\n ga('ec:setAction', 'click', { 'list': 'Cart' })\n ga('send', 'event', 'automatic', 'click', 'Add to cart', { 'nonInteraction': 1 })\n } else {\n ga('ec:setAction', 'remove')\n ga('send', 'event', 'UX', 'click', 'Remove from cart')\n }\n\n break\n }\n case 'checkout.cart':\n case 'checkout.sign_in':\n case 'checkout.information': {\n const checkoutSteps = {\n 'checkout.cart': 1,\n 'checkout.sign_in': 2,\n 'checkout.information': 3\n }\n\n data.products.forEach((product) => { ga('ec:addProduct', product) })\n ga('ec:setAction','checkout', { step: checkoutSteps[event] })\n\n ga('send', 'event', 'checkout', event.split('.')[1]);\n\n break\n }\n case 'checkout.confirmation': {\n data.products.forEach((product) => {\n ga('ec:addProduct', product)\n })\n\n ga('ec:setAction','purchase', { id: data.id, revenue: data.total })\n\n window.goog_report_conversion && window.goog_report_conversion()\n\n ga('send', 'event', 'checkout', 'confirmation');\n\n break\n }\n case 'product.impression': {\n data.products.forEach((product) => {\n ga('ec:addImpression', {\n name: product.name,\n id: product.id,\n list: listSources[data.source] || data.source\n })\n })\n\n if (data.source === 'essentials') {\n ga('send', 'event', 'automatic', 'click', 'Select essentials', { 'nonInteraction': 1 })\n } else {\n ga('send', 'event', 'product', 'impression', { 'nonInteraction': 1 });\n }\n\n break\n }\n case 'product.view': {\n ga('ec:addProduct', data.product)\n ga('ec:setAction', 'detail')\n ga('send', 'event', 'product', 'view', data.product.name);\n\n break\n }\n case 'product.click': {\n const sources = {\n quicksearch: 'Product in quicksearch'\n }\n\n ga('ec:addProduct', {\n 'name': data.product.name,\n 'id': data.product.id\n })\n ga('ec:setAction', 'click', {\n 'list': listSources[data.source] || data.source\n })\n ga('send', 'event', 'UX', 'click', sources[data.source] || data.source)\n }\n }\n}\n\nexport default track\n","const fakeTracker = (...args) => {\n console.log('gtm', ...args);\n};\n\nexport const tracker = () => {\n if (!window.dataLayer) {\n return fakeTracker;\n }\n\n window.dataLayer = window.dataLayer || [];\n return (event) => window.dataLayer.push(event);\n};\n\nconst listSources = {\n essentials: 'Essential list',\n quicksearch: 'Quicksearch',\n};\n\nconst splitAndTrimCategories = (categories) => (\n categories ? categories.split('|').map(category => category.trim()) : []\n);\n\nconst productLabel = (label) => (\n label?.trim() || undefined\n);\n\nconst createProductObject = (product, source) => {\n const { name, id, categories_nl, categories_translated, label } = product;\n\n const categoriesNL = splitAndTrimCategories(categories_nl);\n const categoriesTranslated = splitAndTrimCategories(categories_translated);\n\n return {\n item_name: name,\n item_id: id,\n item_list_name: productLabel(label) || listSources[source] || source,\n item_category_nl: categoriesNL[0] || '',\n item_category2_nl: categoriesNL[1] || '',\n item_category3_nl: categoriesNL[2] || '',\n item_category_translated: categoriesTranslated[0] || '',\n item_category2_translated: categoriesTranslated[1] || '',\n item_category3_translated: categoriesTranslated[2] || '',\n };\n};\n\nconst track = (event, data) => {\n const gtm = tracker();\n\n const handleProductImpression = () => {\n const items = data.products.map((product) =>\n createProductObject(product, data.source)\n );\n\n gtm({\n event: 'view_item_list',\n ecommerce: { items },\n });\n };\n\n const handleProductClickOrView = (eventType) => {\n gtm({\n event: eventType,\n ecommerce: {\n items: [\n createProductObject(data.product, data.source),\n ],\n },\n });\n };\n\n const handleCartBookProduct = () => {\n const line = data.cart.carts_products.find(\n (line) => line.product_id === data.productId\n );\n\n gtm({\n event: 'add_to_cart',\n ecommerce: {\n items: [\n {\n ...createProductObject(line.product, data.source),\n quantity: 1,\n },\n ],\n },\n });\n };\n\n const handleCartChangeProductQuantity = () => {\n const quantityDiff = data.quantity - data.newQuantity;\n const eventType = quantityDiff > 0 ? 'add_to_cart' : 'remove_from_cart';\n\n gtm({\n event: eventType,\n ecommerce: {\n items: [\n {\n ...createProductObject(data.product, data.source),\n quantity: quantityDiff,\n },\n ],\n },\n });\n };\n\n const handleCheckoutSteps = () => {\n const checkoutSteps = {\n 'checkout.cart': 1,\n 'checkout.sign_in': 2,\n 'checkout.information': 3,\n };\n\n const items = data.products.map((product) =>\n createProductObject(product, data.source)\n );\n\n if (event === 'checkout.cart') {\n gtm({\n event: 'begin_checkout',\n ecommerce: { items },\n });\n }\n\n gtm({\n event: 'set_checkout_option',\n checkout_step: checkoutSteps[event],\n checkout_option: event.split('.')[1],\n });\n };\n\n const handleCheckoutConfirmation = () => {\n const items = data.products.map((product) =>\n createProductObject(product, data.source)\n );\n\n gtm({\n event: 'purchase',\n ecommerce: {\n transaction_id: data.id,\n value: parseFloat(data.total),\n currency: 'EUR',\n items,\n },\n });\n };\n\n switch (event) {\n case 'product.impression':\n handleProductImpression();\n break;\n case 'product.click':\n handleProductClickOrView('select_item');\n break;\n case 'product.view':\n handleProductClickOrView('view_item');\n break;\n case 'cart.book_product':\n handleCartBookProduct();\n break;\n case 'cart.change_product_quantity':\n handleCartChangeProductQuantity();\n break;\n case 'checkout.cart':\n case 'checkout.sign_in':\n case 'checkout.information':\n handleCheckoutSteps();\n break;\n case 'checkout.confirmation':\n handleCheckoutConfirmation();\n break;\n default:\n console.warn(`Unhandled event type: ${event}`);\n }\n};\n\nexport default track;\n","const trackingData = (type, data) => {\n switch (type) {\n case 'cart': {\n return {\n currency: 'EUR',\n value: data.total,\n content_ids: data.products.map((product) => product.id),\n num_items: data.products.length,\n ...trackingData('customer')\n }\n }\n case 'customer': {\n const customerData = window.customerData\n\n return {\n customer_segment: customerData.segment,\n customer_category: customerData.category\n }\n }\n case 'book_product': {\n return {\n currency: 'EUR',\n value: (data.line.total_in_cents / 100.0) / data.line.qty,\n content_name: data.line.product.name,\n content_type: 'product',\n content_ids: [data.line.product.id],\n ...trackingData('customer')\n }\n }\n }\n}\n\nconst fakeTracker = (...args) => {\n console.log('fbq', ...args)\n}\n\nconst tracker = () => {\n return window.fbq && typeof window.fbq === 'function' ? window.fbq : fakeTracker\n}\n\nconst track = (event, data) => {\n const fbq = tracker()\n\n switch (event) {\n case 'page.visit': {\n fbq('track', 'PageView')\n\n break\n }\n case 'cart.book_product': {\n const line = data.cart.carts_products.find((line) => line.product_id === data.productId)\n\n fbq('track', 'AddToCart', trackingData('book_product', { ...data, line }))\n\n break\n }\n case 'checkout.cart': {\n fbq('track', 'InitiateCheckout', trackingData('cart', data))\n\n break\n }\n case 'checkout.confirmation': {\n fbq('track', 'Purchase', trackingData('cart', data))\n\n break\n }\n\n }\n}\n\nexport default track\n","import gaTrack from './ga'\nimport gtmTrack from './gtm'\nimport fbqTrack from './fbq'\n\nconst isLocal = () => {\n return window.ENVIRONMENT === 'development' || window.ENVIRONMENT === 'test'\n}\n\nconst analyticsAllowed = () => {\n return window.CookieConsent.acceptedCategory('analytics')\n}\n\nconst marketingAllowed = () => {\n return window.CookieConsent.acceptedCategory('advertisement')\n}\n\nconst trackEventAcrossServices = (event, data) => {\n if (isLocal()) {\n console.log('Tracking functional event', event, data)\n } else {\n gtmTrack(event, data)\n\n if (analyticsAllowed()) {\n gaTrack(event, data)\n }\n }\n\n if (marketingAllowed()) {\n if (isLocal()) {\n console.log('Tracking marketing event', event, data)\n } else {\n fbqTrack(event, data)\n }\n }\n}\n\nconst track = (event, data) => {\n if (document.readyState !== 'complete') {\n if (isLocal()) console.log('Tracking.track', 'page still loading', event)\n\n window.addEventListener('load', () => {\n // Try again when the page has loaded\n track(event, data)\n })\n\n return\n }\n\n trackEventAcrossServices(event, data)\n}\n\nexport { track }\n","import { isEmpty } from 'lodash'\n\nconst TWEAKWISE_PREFIX = '#twn|?';\n\nconst parseTweakwiseHash = (hash) => {\n if (!hash.startsWith(TWEAKWISE_PREFIX)) {\n return null;\n }\n\n return new URLSearchParams(hash.replace(TWEAKWISE_PREFIX, ''));\n};\n\nexport const getQuery = (hash) => {\n const params = parseTweakwiseHash(hash);\n\n if (!params) {\n return null;\n }\n\n return params.get('tn_q');\n}\n\nexport const isQueryPresent = () => {\n const query = getQuery(window.location.hash);\n return !isEmpty(query);\n}\n\nexport const resetQuery = () => {\n const params = parseTweakwiseHash(window.location.hash);\n if (!params) {\n return;\n }\n\n params.delete('tn_q');\n const newHash = params.toString() ? `${TWEAKWISE_PREFIX}${params}` : '';\n const newUrl = `${window.location.origin}${window.location.pathname}${newHash}`;\n window.history.replaceState({}, '', newUrl);\n}\n","var map = {\n\t\"./de\": 77853,\n\t\"./de.js\": 77853,\n\t\"./fr\": 85498,\n\t\"./fr.js\": 85498,\n\t\"./nl\": 92572,\n\t\"./nl.js\": 92572\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 80039;","var map = {\n\t\"./AddOptionalAccessories\": 38369,\n\t\"./AddOptionalAccessories/\": 38369,\n\t\"./AddOptionalAccessories/AccessoryList\": 52587,\n\t\"./AddOptionalAccessories/AccessoryList.jsx\": 52587,\n\t\"./AddOptionalAccessories/Button\": 75681,\n\t\"./AddOptionalAccessories/Button.jsx\": 75681,\n\t\"./AddOptionalAccessories/Desktop\": 70879,\n\t\"./AddOptionalAccessories/Desktop.jsx\": 70879,\n\t\"./AddOptionalAccessories/Mobile\": 8223,\n\t\"./AddOptionalAccessories/Mobile.jsx\": 8223,\n\t\"./AddOptionalAccessories/index\": 38369,\n\t\"./AddOptionalAccessories/index.jsx\": 38369,\n\t\"./AddProductToCart\": 89999,\n\t\"./AddProductToCart/\": 89999,\n\t\"./AddProductToCart/Button\": 79811,\n\t\"./AddProductToCart/Button.jsx\": 79811,\n\t\"./AddProductToCart/Icon\": 19936,\n\t\"./AddProductToCart/Icon.jsx\": 19936,\n\t\"./AddProductToCart/Link\": 18867,\n\t\"./AddProductToCart/Link.jsx\": 18867,\n\t\"./AddProductToCart/index\": 89999,\n\t\"./AddProductToCart/index.jsx\": 89999,\n\t\"./AddProductToWishlist\": 80996,\n\t\"./AddProductToWishlist/\": 80996,\n\t\"./AddProductToWishlist/Login\": 48179,\n\t\"./AddProductToWishlist/Login.jsx\": 48179,\n\t\"./AddProductToWishlist/NewList\": 73230,\n\t\"./AddProductToWishlist/NewList.jsx\": 73230,\n\t\"./AddProductToWishlist/SelectList\": 71722,\n\t\"./AddProductToWishlist/SelectList.jsx\": 71722,\n\t\"./AddProductToWishlist/index\": 80996,\n\t\"./AddProductToWishlist/index.jsx\": 80996,\n\t\"./Cart/Coupon\": 35066,\n\t\"./Cart/Coupon.jsx\": 35066,\n\t\"./Cart/Delivery\": 33516,\n\t\"./Cart/Delivery.jsx\": 33516,\n\t\"./Cart/Information\": 32312,\n\t\"./Cart/Information.jsx\": 32312,\n\t\"./Cart/Insurance\": 222,\n\t\"./Cart/Insurance.jsx\": 222,\n\t\"./Cart/ModalWrapper\": 47069,\n\t\"./Cart/ModalWrapper.jsx\": 47069,\n\t\"./Cart/OptionalAccessoryProduct\": 13611,\n\t\"./Cart/OptionalAccessoryProduct.jsx\": 13611,\n\t\"./Cart/Picker\": 23144,\n\t\"./Cart/Picker.jsx\": 23144,\n\t\"./Cart/Prices\": 22502,\n\t\"./Cart/Prices.jsx\": 22502,\n\t\"./Cart/Products\": 45166,\n\t\"./Cart/Products.jsx\": 45166,\n\t\"./Cart/Share\": 78483,\n\t\"./Cart/Share.jsx\": 78483,\n\t\"./Cart/Validation\": 60388,\n\t\"./Cart/Validation.js\": 60388,\n\t\"./CartIcon\": 71452,\n\t\"./CartIcon.jsx\": 71452,\n\t\"./DatePicker\": 98850,\n\t\"./DatePicker.jsx\": 98850,\n\t\"./Essentials\": 79190,\n\t\"./Essentials.jsx\": 79190,\n\t\"./Loader\": 34908,\n\t\"./Loader.jsx\": 34908,\n\t\"./Modal\": 60082,\n\t\"./Modal.jsx\": 60082,\n\t\"./Notification\": 87936,\n\t\"./Notification.jsx\": 87936,\n\t\"./PWAPrompt\": 44994,\n\t\"./PWAPrompt/\": 44994,\n\t\"./PWAPrompt/components/HomeScreenIcon\": 45069,\n\t\"./PWAPrompt/components/HomeScreenIcon.js\": 45069,\n\t\"./PWAPrompt/components/PWAPrompt\": 1509,\n\t\"./PWAPrompt/components/PWAPrompt.js\": 1509,\n\t\"./PWAPrompt/components/ShareIcon\": 81741,\n\t\"./PWAPrompt/components/ShareIcon.js\": 81741,\n\t\"./PWAPrompt/index\": 44994,\n\t\"./PWAPrompt/index.js\": 44994,\n\t\"./Picker\": 25430,\n\t\"./Picker/\": 25430,\n\t\"./Picker/Calendar\": 68670,\n\t\"./Picker/Calendar.jsx\": 68670,\n\t\"./Picker/Desktop\": 99606,\n\t\"./Picker/Desktop.jsx\": 99606,\n\t\"./Picker/Intro\": 47780,\n\t\"./Picker/Intro.jsx\": 47780,\n\t\"./Picker/Mobile\": 86018,\n\t\"./Picker/Mobile.jsx\": 86018,\n\t\"./Picker/OptionSidebar\": 9079,\n\t\"./Picker/OptionSidebar.jsx\": 9079,\n\t\"./Picker/SelectPlaceholder\": 63829,\n\t\"./Picker/SelectPlaceholder.jsx\": 63829,\n\t\"./Picker/index\": 25430,\n\t\"./Picker/index.jsx\": 25430,\n\t\"./Picker/modes\": 72559,\n\t\"./Picker/modes/\": 72559,\n\t\"./Picker/modes/Dates\": 18912,\n\t\"./Picker/modes/Dates.jsx\": 18912,\n\t\"./Picker/modes/Depots\": 11558,\n\t\"./Picker/modes/Depots.jsx\": 11558,\n\t\"./Picker/modes/Timeslots\": 25053,\n\t\"./Picker/modes/Timeslots.jsx\": 25053,\n\t\"./Picker/modes/index\": 72559,\n\t\"./Picker/modes/index.jsx\": 72559,\n\t\"./Poll\": 57795,\n\t\"./Poll/\": 57795,\n\t\"./Poll/Results\": 48877,\n\t\"./Poll/Results.jsx\": 48877,\n\t\"./Poll/Vote\": 49187,\n\t\"./Poll/Vote.jsx\": 49187,\n\t\"./Poll/index\": 57795,\n\t\"./Poll/index.jsx\": 57795,\n\t\"./Popover\": 67302,\n\t\"./Popover.jsx\": 67302,\n\t\"./Product\": 85986,\n\t\"./Product/\": 85986,\n\t\"./Product/AddToCart\": 14821,\n\t\"./Product/AddToCart.jsx\": 14821,\n\t\"./Product/AddToWishlist\": 28090,\n\t\"./Product/AddToWishlist.jsx\": 28090,\n\t\"./Product/ListItem\": 11800,\n\t\"./Product/ListItem.jsx\": 11800,\n\t\"./Product/Price\": 5782,\n\t\"./Product/Price.jsx\": 5782,\n\t\"./Product/Tile\": 67341,\n\t\"./Product/Tile.jsx\": 67341,\n\t\"./Product/index\": 85986,\n\t\"./Product/index.jsx\": 85986,\n\t\"./ProductDetailPrice\": 43744,\n\t\"./ProductDetailPrice.jsx\": 43744,\n\t\"./ProductFilter\": 29263,\n\t\"./ProductFilter/\": 29263,\n\t\"./ProductFilter/Button\": 15747,\n\t\"./ProductFilter/Button.jsx\": 15747,\n\t\"./ProductFilter/Filter\": 83973,\n\t\"./ProductFilter/Filter.jsx\": 83973,\n\t\"./ProductFilter/FilterGroup\": 38048,\n\t\"./ProductFilter/FilterGroup.jsx\": 38048,\n\t\"./ProductFilter/List\": 92311,\n\t\"./ProductFilter/List.jsx\": 92311,\n\t\"./ProductFilter/NoResults\": 26498,\n\t\"./ProductFilter/NoResults.jsx\": 26498,\n\t\"./ProductFilter/Tags\": 42572,\n\t\"./ProductFilter/Tags.jsx\": 42572,\n\t\"./ProductFilter/index\": 29263,\n\t\"./ProductFilter/index.jsx\": 29263,\n\t\"./ProductFilter/utils\": 31144,\n\t\"./ProductFilter/utils.js\": 31144,\n\t\"./ProductGroup\": 19871,\n\t\"./ProductGroup.jsx\": 19871,\n\t\"./ProductList\": 64856,\n\t\"./ProductList.jsx\": 64856,\n\t\"./ProductResults\": 18464,\n\t\"./ProductResults.jsx\": 18464,\n\t\"./ProductSort\": 52834,\n\t\"./ProductSort.jsx\": 52834,\n\t\"./ProductSum\": 17731,\n\t\"./ProductSum.jsx\": 17731,\n\t\"./SearchBar\": 72434,\n\t\"./SearchBar.jsx\": 72434,\n\t\"./SearchIconSlide\": 16007,\n\t\"./SearchIconSlide.jsx\": 16007,\n\t\"./SearchInput\": 25785,\n\t\"./SearchInput.jsx\": 25785,\n\t\"./Select\": 9265,\n\t\"./Select.jsx\": 9265,\n\t\"./Tooltip\": 47772,\n\t\"./Tooltip.jsx\": 47772,\n\t\"./Wishlist\": 12928,\n\t\"./Wishlist.jsx\": 12928\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 68851;"],"names":["i18n","I18n","translations","LOCALE","locale","defaultLocale","DEFAULT_LOCALE","ReactRailsUJS","store","originalGetConstructor","getConstructor","className","Component","props","availableLocales","useLocaleInPath","React","Provider","componentRequireContext","require","reduxComponents","fetchProducts","params","axios","method","url","fetchPrices","_ref","ids","fetchEssentials","_ref2","id","concat","searchProducts","_ref3","formats","date","time","default","t","apply","arguments","formatDate","type","allTranslations","format","moment","datetime","capitalize","calendarDate","small","length","undefined","lastDay","sameDay","nextDay","lastWeek","nextWeek","sameElse","day","calendar","getDateFnsLocale","nl","fr","de","enUS","translatePeriodLabel","label","displayLabel","test","_label$split2","_slicedToArray","split","amount","chargeType","count","parseInt","opts","setDefault","instance","applyCaseMiddleware","create","ignoreHeaders","ignoreParams","preservedKeys","input","includes","window","interceptors","request","use","config","_objectSpread","_document$querySelect","token","document","querySelector","content","headers","error","Promise","reject","response","ListItem","name","image","onChange","selected","modifiers","push","map","m","src","loading","e","target","checked","accessories","isSelected","flatMap","accessory","times","qty","i","key","image_thumb","renderList","onClick","disabled","success","Icon","visible","onClickOutside","_ref$theme","theme","children","Tippy","interactive","maxWidth","popperOptions","strategy","options","fallbackPlacements","productName","Modal","Header","Title","SubTitle","product","Body","AccessoryList","Footer","Button","show","onClose","_ref$selectedAccessor","selectedAccessories","_useState2","useState","setSelected","useEffect","countBy","product_id","v","k","isMobile","Mobile","Desktop","accessoryId","indexOf","prev","_toConsumableArray","filter","preventDefault","accessoryIds","x","forwardRef","ref","buttonContent","isDisabled","buttonClasses","role","Link","href","alt","width","onBack","dispatch","useDispatch","setName","_useState4","valid","setValid","onSubmit","createWishlist","productIds","then","minLength","required","value","placeholder","modifierClass","join","iconClass","List","wishlists","wishlist","product_ids","onNewList","useSelector","state","fetchWishlists","wishlistId","addToWishlist","productId","removeFromWishlist","user","step","setStep","Login","SelectList","NewList","coupon","cart","inputNode","useRef","code","setShow","setCode","_useState6","status","setStatus","hasCoupon","isEmpty","trim","current","focus","removeCouponFromCart","track","applyCouponOnCart","endsWith","Loader","company","faq_url","faq_link","paragraphs","price","delivery_service_price_from","border","p","dangerouslySetInnerHTML","__html","_ref$readonly","readonly","dataRequired","return_depot_id","pickup_depot_id","pickup_time","return_time","isValid","pickupDepot","pickup_depot","returnDepot","return_depot","handleEditPickup","openPicker","company_name","name_legal","payload","errors","values","intro","modalVisible","picker","open","backgroundNode","html","classList","add","remove","handleModalVisible","closePicker","Intro","index","message","updateCart","pickupTime","returnTime","products","reduce","acc","item","get","Object","assign","set","Map","opening_times","data","errorData","timeslots","depots","_ref$intro","_objectWithoutProperties","_excluded","openingTimes","currentDomain","domain","pickupDate","returnDate","pickupTimeslot","returnTimeslot","setValues","pickupOpeningTimes","setPickupOpeningTimes","returnOpeningTimes","setReturnOpeningTimes","_useState8","pickupTimeslots","setPickupTimeslots","_useState10","returnTimeslots","setReturnTimeslots","pickupDepots","depot","domain_id","otherDepots","returnDepots","handleReset","toDate","find","getTimeslot","prevValues","fetchOpeningTimes","fetchTimeslots","fetchDepots","timeRules","el","depot_id","isEqual","fromAsTime","tillAsTime","timeslot","from_time_integer","newTimeslots","filterTimeslots","validation","Validation","ModalWrapper","LocationDate","handleSave","isDayAvailable","bind","isTimeslotAvailable","firstAvailableAt","_defineProperty","inFlow","range","from","to","hasError","reservePath","orderButtonMessage","hasInsurance","setHasInsurance","showInsuranceInfo","setShowInsuranceInfo","wantsDelivery","setWantsDelivery","showDeliveryInfo","setShowDeliveryInfo","canReserve","wants_insurance","delivery_service","handleShowInsuranceInfo","handleShowDeliveryInfo","formattedSubtotal","discount_in_cents","formattedDiscount","coupon_discount_in_cents","formattedCouponDiscount","htmlFor","Insurance","formattedInsurance","Delivery","total_in_cents","subtotal_in_cents","formattedTotal","vat_in_cents","percentage","vat_amount","formattedVat","formattedGrandTotal","location","quantity","updateQuantity","accessory_ids","update","CartProduct","component","charge_label","setQuantity","path","productPath","slug","setVisible","hide","setLoading","setSuccess","debouncedChangeQuantity","_","newQuantity","oldQuantity","handleChangeQuantity","imageThumbLarge","OptionalAccessoryProduct","AddOptionalAccessories","_ref3$accessoryIds","updateCartsProduct","_ref4","source","setTimeout","optional_pickup_accessories","_ref5","_ref5$showClearCart","showClearCart","cartsProducts","carts_products","mainProducts","parent_id","accessoryProducts","clearCart","reload","cartsProduct","cartsProductId","copySuccess","setCopySuccess","CopyToClipboard","onCopy","text","diffInDays","date1","date2","Math","abs","clone","startOf","diff","timeAsInteger","hours","minutes","timeStringAsInteger","timeString","_timeString$split2","hourString","minuteString","openingTimesForDepot","openingTime","domainId","isOpeningTimeRelevantToDomain","depotId","isOpeningTimeRelevantToDepot","isDayOpen","depotOpeningTimes","dateOpeningTimes","o","recurringOpeningTimes","weekday","every","entire_day","some","isTimeslotOpen","timeslotFrom","from_time","timeslotTill","till_time","till","until_time","withinOpeningTime","max","min","_classCallCheck","this","first_available_at","pickupAt","returnAt","isBefore","isDayDisabled","isSame","till_time_integer","isTimeslotDisabled","_this","diffDays","pickupAfter","isAfter","forEach","valuesFor","Product","priceLabel","Dropdown","cartPath","Empty","productsPath","cartProduct","imageThumb","dropdown","collapsed","setCollapsed","node","useClickOutside","handleToggle","classNames","cartIcon","dropdownIcon","cartCount","PopoverContainer","style","Popover","handleOutsideClick","contains","parentRef","addEventListener","removeEventListener","useOutsideClick","Calendar","selectedDay","popoverOpen","setPopoverOpen","referenceElement","setReferenceElement","popperElement","setPopperElement","_usePopper","usePopper","placement","offset","styles","attributes","setPopoverPosition","direction","scrollable","clampX","boundingRect","getBoundingClientRect","top","scrollY","bottom","left","transform","height","right","getPopoverPosition","popoverPosition","icon","createPortal","popper","body","Category","ProductList","productClassName","initialize","setInitialize","essentials","setEssentials","categories","meta","categoryData","category","essential_category_id","sortedData","sortBy","_ref6","scrollTo","handleToggleShow","notification","title","_ref$type","Store","addNotification","insert","container","animationIn","animationOut","dismiss","duration","_ref$modern","modern","xmlns","viewBox","d","fill","delay","copyTitle","copyBody","copyAddHomeButtonLabel","copyShareButtonLabel","copyClosePrompt","permanentlyHideOnDismiss","promptData","maxVisits","Boolean","isVisible","setVisibility","activeElement","blur","isiOS13","navigator","userAgent","visibilityClass","dismissPrompt","evt","localStorage","setItem","JSON","stringify","visits","onTransitionOut","currentTarget","display","onTransitionEnd","ShareIcon","HomeScreenIcon","isiOS","isiPadOS","isStandalone","_ref$timesToShow","timesToShow","_ref$promptOnVisit","promptOnVisit","_ref$permanentlyHideO","_ref$copyTitle","_ref$copyBody","_ref$copyShareButtonL","_ref$copyAddHomeButto","_ref$copyClosePrompt","_ref$delay","_ref$debug","debug","_ref$onClose","parse","getItem","toLowerCase","platform","maxTouchPoints","standalone","aboveMinVisits","PWAPrompt","DayPicker","defaultMonth","Date","before","period","active","start","end","modifiersClassNames","onDayClick","unavailable","showOutsideDays","grouped","handleDepotSelect","handleDateSelect","handleTimeslotSelect","returnDepotOptions","groupBy","country_name","Select","menuPortal","provided","zIndex","control","borderColor","usePortal","SelectPlaceholder","getOptionValue","option","getOptionLabel","components","Option","OptionSidebar","DatePicker","isOptionDisabled","formatCalendarDate","Action","noData","Tooltip","hasErrors","wrapperClasses","iconStyle","mode","getValue","setMode","titles","Details","onBackPress","Depots","Dates","Timeslots","modes","Sidebar","store_type","thumb","excerpt","street","street_no","zipcode","city","opening_hours","openingHour","days","entered","setEntered","closest","position","classes","innerRef","innerProps","onMouseEnter","onMouseLeave","WrapperComponent","groupedDepots","groupDepots","renderDepot","storeType","address","group","renderDepotGroup","handleChange","ResultOption","votes","a","poll_votes_count","toFixed","VoteOption","selectedOption","setSelectedOption","handleClickOption","Poll","description","Vote","Results","poll","setPoll","voted","poll_options","subtitle","fixedWidth","optionalPickupAccessories","initializeEssentials","setInitializeEssentials","button","link","hasOptionalPickupAccessories","handleClick","_ref2$accessoryIds","bookProductToCart","Essentials","addedFromState","added","setAdded","isMounted","setIsMounted","AddProductToWishlist","PricesListComponent","prices","PricesListItemComponent","formattedPrice","PriceComponent","_prices","_toArray","currentPrice","futurePrices","slice","AddToWishlist","Price","initialPrice","AddToCart","fetchData","pricesFromState","setPrices","fetchProductPrices","getLabel","isNew","expected","color","Label","ExpectedProduct","BookableProduct","otherProps","tile","Tile","list","priceClass","filterGroups","counters","filterPath","setFilterPath","selectedCount","flatten","ProductFilter","filters","navigate","Turbolinks","visit","handleToggleFilter","selectedFilters","isFilterPresent","reverse","renderedFilters","Filter","filterGroup","FilterGroup","_ref$navigate","_ref$view","view","setSelectedFilters","currentCounters","setCurrentCounters","View","FilterList","tags","FilterTags","filterSlug","filterGroupSlug","newSelectedFilters","toggleFilter","filtersPath","search","restoreScrollPosition","sortedFilters","fromPairs","toPairs","groupSlug","addOnly","isAdded","newFilters","currentFilters","splice","itemsVisible","setItemsVisible","handleStep","easeIn","easeInOut","containerWidth","clientWidth","itemWidth","ceil","maxStep","newStep","easing","mirrored","tween","ease","scrollLeft","_ref$trackImpression","trackImpression","setIds","handleClickProduct","allIds","newIds","difference","renderProduct","_props$getDynamicProp","global","dynamicComponentProps","filterCounters","currentParams","currentProducts","setCurrentProducts","per","page","setParams","hasNextPage","setHasNextPage","hasResults","ProductFilterButton","NoResults","newParams","newProducts","sort","sortOptions","setValue","defaultValue","_option$value$split2","newSort","newDirection","pathname","ret","encodeURIComponent","queryParams","setData","action","vat","formattedVatAmount","searchRef","refresh","modalElement","topPosition","positionModal","SearchInput","expanded","event","reset","setExpanded","showIcon","setShowIcon","showSearch","setShowSearch","handleToggleExpand","handleShowIcon","handleShowSearch","timer","clearTimeout","onIconClick","autoFocus","initialValue","modifier","queryValue","getQuery","hash","query","setQuery","useImperativeHandle","resetQuery","autoComplete","customDropdown","CustomSelectValue","selectProps","CustomGroupHeading","parentElement","nextElementSibling","GroupHeading","_ref3$components","ReactSelect","classNamePrefix","DropdownIndicator","SingleValue","menuPortalTarget","menuPosition","ReactTooltip","delayShow","place","fetchWishlist","ProductSum","callback","handleClickOutside","cartParams","getState","_ref4$quantity","_ref2$quantity","book","customerId","customer_id","applyCoupon","fetchAll","fetch","producten","innerWidth","documentElement","filterdTimeslots","opening_time_id","timeInteger","hour","minute","asTime","fakeTracker","_console","_len","args","Array","_key","console","log","listSources","quicksearch","ga","CookieConsent","acceptedCategory","segment","line","revenue","total","goog_report_conversion","splitAndTrimCategories","productLabel","createProductObject","categories_nl","categories_translated","categoriesNL","categoriesTranslated","item_name","item_id","item_list_name","item_category_nl","item_category2_nl","item_category3_nl","item_category_translated","item_category2_translated","item_category3_translated","quantityDiff","items","gtm","dataLayer","handleProductClickOrView","eventType","ecommerce","checkout_step","checkout_option","handleCheckoutSteps","transaction_id","parseFloat","currency","handleCheckoutConfirmation","warn","trackingData","content_ids","num_items","customerData","customer_segment","customer_category","content_name","content_type","fbq","isLocal","ENVIRONMENT","trackEventAcrossServices","gtmTrack","gaTrack","fbqTrack","readyState","TWEAKWISE_PREFIX","parseTweakwiseHash","startsWith","URLSearchParams","replace","isQueryPresent","newHash","toString","newUrl","origin","history","replaceState","webpackContext","req","webpackContextResolve","__webpack_require__","Error","keys","resolve","module","exports"],"sourceRoot":""}