\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 ReactRailsUJS from 'react_ujs'\nimport reduxComponents from './redux_components'\n\nexport default (store) => {\n // Support for dynamically requiring components with `react-rails`\n const componentRequireContext = require.context('client/javascripts/react/components', true)\n ReactRailsUJS.useContext(componentRequireContext)\n\n // Wrap react components with a redux `\n \n {copyShareButtonLabel}\n \n
\n \n \n {copyAddHomeButtonLabel}\n \n
\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\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","import React from 'react'\nimport ReactSelect, { components } from 'react-select'\n\nconst customDropdown = ({ innerProps, isDisabled }) => {\n return !isDisabled ? (\n \n ) : null\n}\n\nconst CustomSelectValue = ({ children, selectProps }) => {\n return(\n <>\n \n {children}\n \n )\n}\n\n// handle options group header click event\n// hide and show the options under clicked group\nconst handleHeaderClick = id => {\n const node = document.querySelector(`#${id}`).parentElement.nextElementSibling\n const classes = node.classList\n\n if (classes.contains(\"collapsed\")) {\n node.classList.remove(\"collapsed\")\n } else {\n node.classList.add(\"collapsed\")\n }\n}\n\n// Create custom GroupHeading component, which will wrap\n// react-select GroupHeading component inside a div and\n// register onClick event on that div\nconst CustomGroupHeading = props => {\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","import React from 'react'\n\n// Utils\nimport { t, translatePeriodLabel } from '@client/i18n/localize'\n\n\n// Components\nimport AddToCart from './AddToCart'\nimport AddToWishlist from './AddToWishlist'\nimport Price from './Price'\nimport PriceDisplay from '@client/react/components/PriceDisplay'\nimport Tooltip from '@client/react/components/Tooltip'\n\nconst PricesListComponent = (prices) => {\n return (\n \n {t('tooltips.multiple_day_prices')}\n\n
\n )\n}\n\nconst PricesListItemComponent = ({ price }) => {\n return (\n <>\n {price && (\n - \n
\n
\n \n
\n \n p.id)} name={wishlist.name} source=\"wishlist\" />\n
\n \n )\n}\n\nexport default Wishlist\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 {products.map((product) => (\n
- \n {product.qty}x {product.name}\n \n ))}\n
\n
\n )\n}\n\nexport default ProductSum\n","import React from 'react'\nimport _ from 'lodash/fp'\n\nconst PriceDisplay = ({ integerPart, decimalPart, containerClassName }) => {\n const withoutDecimals = _.includes('-', decimalPart)\n const decimalClassName = withoutDecimals ? '' : 'decimal'\n\n return (\n \n {integerPart}\n \n {decimalPart}\n \n \n )\n}\n\nexport default PriceDisplay\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
\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 {hasResults && <>\n
\n )\n}\n\nexport default ProductResults\n","import React, { forwardRef } from 'react'\n\n// Components\nimport Icon from './Icon'\n\nconst Link = forwardRef(({ onClick, loading, label }, ref) => {\n const handleClick = (e) => {\n e.preventDefault()\n onClick && onClick()\n }\n\n if (loading || success) {\n return \n
\n \n
\n \n
\n \n
\n }\n {!hasResults && \n
\n \n {step > 0 && (\n
\n )\n}\n\nexport default ProductGroup\n","import React, { forwardRef } from 'react'\n\nconst Icon = forwardRef(({ onClick, loading, success }, ref) => {\n if (success) {\n return \n } else if (loading) {\n return \n } else {\n return \n }\n})\n\nexport default Icon\n","import React, { useState, useEffect } from 'react'\n\n// Libraries\nimport { useDispatch, useSelector } from 'react-redux'\nimport moment from '@client/i18n/moment'\n\n// Actions\nimport { updateCart } from '@client/redux/actions/cart'\nimport { openPicker } from '@client/redux/actions/picker'\n\n// Utils\nimport { t } from '@client/i18n/localize'\nimport { getTimeslot } from '@client/utils/timeslots'\n\n// Components\nimport Insurance from './Insurance'\nimport Delivery from './Delivery'\nimport Validation from './Validation'\n\nconst Prices = ({ reservePath, readonly, orderButtonMessage }) => {\n const dispatch = useDispatch()\n\n const cart = useSelector((state) => state.cart)\n const timeslots = useSelector(state => state.timeslots)\n const depots = useSelector(state => state.depots)\n const openingTimes = useSelector(state => state.openingTimes)\n const company = useSelector(state => state.company)\n\n const [hasInsurance, setHasInsurance] = useState(false)\n const [showInsuranceInfo, setShowInsuranceInfo] = useState(null)\n\n const [wantsDelivery, setWantsDelivery] = useState(false)\n const [showDeliveryInfo, setShowDeliveryInfo] = useState(null)\n\n const validationValues = () => {\n const values = {\n pickupTime: cart.pickup_time && moment(cart.pickup_time),\n pickupDate: cart.pickup_time && moment(cart.pickup_time).toDate(),\n pickupDepot: depots.find((depot) => depot.id === cart.pickup_depot_id),\n returnTime: cart.return_time && moment(cart.return_time),\n returnDate: cart.return_time && moment(cart.return_time).toDate(),\n returnDepot: depots.find((depot) => depot.id === cart.return_depot_id)\n }\n\n if (values.pickupTime && values.returnTime) {\n values.pickupTimeslot = getTimeslot(values.pickupTime, timeslots, openingTimes, values.pickupDepot.id, 'pickup')\n values.returnTimeslot = getTimeslot(values.returnTime, timeslots, openingTimes, values.returnDepot.id, 'return')\n }\n\n return values\n }\n\n const validation = new Validation({ openingTimes, ...validationValues() })\n const dataRequired = [cart.return_depot_id, cart.pickup_depot_id, cart.pickup_time, cart.return_time]\n const isValid = dataRequired.indexOf(undefined) === -1 && dataRequired.indexOf(null) === -1\n const canReserve = validation.errors.length === 0 && isValid\n\n useEffect(() => {\n setHasInsurance(cart.wants_insurance)\n }, [cart.wants_insurance])\n\n useEffect(() => {\n setWantsDelivery(cart.delivery_service)\n }, [cart.delivery_service])\n\n const handleToggleInsurance = () => {\n setHasInsurance(!hasInsurance)\n dispatch(updateCart({ wants_insurance: !hasInsurance }))\n }\n\n const handleShowInsuranceInfo = () => {\n setShowInsuranceInfo(!showInsuranceInfo)\n }\n\n const handleToggleDelivery = () => {\n setWantsDelivery(!wantsDelivery)\n dispatch(updateCart({ delivery_service: !wantsDelivery }))\n }\n\n const handleShowDeliveryInfo = () => {\n setShowDeliveryInfo(!showDeliveryInfo)\n }\n\n const handleReserveClick = (e) => {\n e.preventDefault()\n\n if (canReserve && reservePath) {\n window.location = reservePath\n } else {\n dispatch(openPicker())\n }\n }\n\n return (\n <>\n \n \n
\n )}\n\n \n
\n\n {step + itemsVisible < props.products.length && (\n \n \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 { fetchAll } from '@client/api/opening_times'\n\nconst start = () => {\n return {\n type: 'FETCH_OPENING_TIMES_START'\n }\n}\n\nconst success = ({ opening_times }) => {\n return {\n type: 'FETCH_OPENING_TIMES_SUCCESS',\n payload: { opening_times }\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'FETCH_OPENING_TIMES_ERROR',\n payload: { response }\n }\n}\n\nconst fetchOpeningTimes = () => {\n return (dispatch) => {\n dispatch(start())\n\n return fetchAll()\n .then(\n (response) => { dispatch(success({ opening_times: response.data.opening_times })) },\n (errorData) => { dispatch(error({ response: errorData.response })) }\n )\n }\n}\n\nexport default fetchOpeningTimes\n","import axios from '@client/lib/axios'\n\nexport const fetchAll = () => {\n return axios({\n method: 'get',\n url: '/api/2/opening_times'\n })\n}\n","import { fetchAll } from '@client/api/timeslots'\n\nconst start = () => {\n return {\n type: 'FETCH_TIMESLOTS_START'\n }\n}\n\nconst success = ({ timeslots }) => {\n return {\n type: 'FETCH_TIMESLOTS_SUCCESS',\n payload: { timeslots }\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'FETCH_TIMESLOTS_ERROR',\n payload: { response }\n }\n}\n\nconst fetchTimeslots = () => {\n return (dispatch) => {\n dispatch(start())\n\n return fetchAll()\n .then(\n (response) => { dispatch(success({ timeslots: response.data.timeslots })) },\n (errorData) => { dispatch(error({ response: errorData.response })) }\n )\n }\n}\n\nexport default fetchTimeslots\n","import axios from '@client/lib/axios'\n\nexport const fetchAll = () => {\n return axios({\n method: 'get',\n url: '/api/2/timeslots'\n })\n}\n","import { fetchAll } from '@client/api/depots'\n\nconst start = () => {\n return {\n type: 'FETCH_DEPOTS_START'\n }\n}\n\nconst success = ({ depots }) => {\n return {\n type: 'FETCH_DEPOTS_SUCCESS',\n payload: { depots }\n }\n}\n\nconst error = ({ response }) => {\n return {\n type: 'FETCH_DEPOTS_ERROR',\n payload: { response }\n }\n}\n\nconst fetchDepots = () => {\n return (dispatch) => {\n dispatch(start())\n\n return fetchAll()\n .then(\n (response) => { dispatch(success({ depots: response.data.depots })) },\n (errorData) => { dispatch(error({ response: errorData.response })) }\n )\n }\n}\n\nexport default fetchDepots\n","import axios from '@client/lib/axios'\n\nexport const fetchAll = (params) => {\n return axios({\n method: 'get',\n url: '/api/2/depots'\n })\n}\n\nexport const fetch = ({ id }) => {\n return axios({\n method: 'get',\n url: `/api/2/depots/${id}`\n })\n}\n","// React\nimport React, { useState, useEffect } from 'react'\n\n// Libraries\nimport { useDispatch, useSelector } from 'react-redux'\nimport moment from '@client/i18n/moment'\nimport isEqual from 'lodash/isEqual'\n\n// Utils\nimport { getTimeslot, filterTimeslots, fromAsTime, tillAsTime } from '@client/utils/timeslots'\nimport Validation from './Validation'\n\n// Actions\nimport { updateCart } from '@client/redux/actions/cart'\nimport { fetchOpeningTimes } from '@client/redux/actions/openingTimes'\nimport { fetchTimeslots } from '@client/redux/actions/timeslots'\nimport { fetchDepots } from '@client/redux/actions/depots'\n\n// Components\nimport LocationDate from '@client/react/components/Picker'\nimport ModalWrapper from '@client/react/components/Cart/ModalWrapper'\n\nconst Picker = ({ intro = true, ...props }) => {\n const dispatch = useDispatch()\n const cart = useSelector(state => state.cart)\n const timeslots = useSelector(state => state.timeslots)\n const depots = useSelector(state => state.depots)\n const openingTimes = useSelector(state => state.openingTimes)\n const currentDomain = useSelector(state => state.domain)\n\n const [values, setValues] = useState({\n pickupTime: null,\n returnTime: null,\n pickupDate: null,\n returnDate: null,\n pickupTimeslot: null,\n returnTimeslot: null,\n pickupDepot: null,\n returnDepot: null\n })\n\n const [pickupOpeningTimes, setPickupOpeningTimes] = useState([])\n const [returnOpeningTimes, setReturnOpeningTimes] = useState([])\n const [pickupTimeslots, setPickupTimeslots] = useState([])\n const [returnTimeslots, setReturnTimeslots] = useState([])\n\n // Only depots for current domain\n const pickupDepots = depots.filter(depot => depot.domain_id === currentDomain.id)\n\n // All depots with current domain depots in front\n const otherDepots = depots.filter(depot => depot.domain_id !== currentDomain.id)\n const returnDepots = pickupDepots.concat(otherDepots)\n\n const handleReset = () => {\n const values = {\n pickupTime: cart.pickup_time && moment(cart.pickup_time),\n pickupDate: cart.pickup_time && moment(cart.pickup_time).toDate(),\n pickupDepot: depots.find((depot) => depot.id === cart.pickup_depot_id),\n returnTime: cart.return_time && moment(cart.return_time),\n returnDate: cart.return_time && moment(cart.return_time).toDate(),\n returnDepot: depots.find((depot) => depot.id === cart.return_depot_id)\n }\n\n if (values.pickupTime && values.returnTime) {\n values.pickupTimeslot = getTimeslot(values.pickupTime, timeslots, openingTimes, values.pickupDepot.id, 'pickup')\n values.returnTimeslot = getTimeslot(values.returnTime, timeslots, openingTimes, values.returnDepot.id, 'return')\n }\n\n setValues(prevValues => {\n return {\n ...prevValues,\n ...values\n }\n })\n }\n\n // Fetch opening times and timeslots data on component mount\n useEffect(() => {\n if (openingTimes.length === 0) {\n dispatch(fetchOpeningTimes())\n }\n if (timeslots.length === 0) {\n dispatch(fetchTimeslots())\n }\n if (depots.length === 0) {\n dispatch(fetchDepots())\n }\n }, [])\n\n // Reflect cart changes\n useEffect(() => {\n handleReset()\n }, [cart.pickup_time, cart.return_time, cart.pickup_depot_id, cart.return_depot_id])\n\n useEffect(() => {\n const { pickupDepot, pickupDate, pickupTimeslot, returnDepot } = values\n\n if (pickupDepot) {\n const timeRules = openingTimes.filter((el) => el.depot_id === pickupDepot.id)\n\n if (!isEqual(timeRules, pickupOpeningTimes)) {\n setPickupOpeningTimes(timeRules)\n }\n\n // Set the same return depot if it's value is empty\n if (!returnDepot) {\n setValues((prevValues) => {\n return {\n ...prevValues,\n pickupTime: fromAsTime(pickupDate, pickupTimeslot),\n returnDepot: pickupDepot\n }\n })\n } else {\n // Set/Update pickup time when pickup depot changes\n setValues((prevValues) => {\n return {\n ...prevValues,\n pickupTime: fromAsTime(pickupDate, pickupTimeslot)\n }\n })\n }\n }\n }, [values.pickupDepot, openingTimes])\n\n useEffect(() => {\n const { returnDepot, returnDate, returnTimeslot } = values\n\n if (returnDepot) {\n const timeRules = openingTimes.filter((el) => el.depot_id === returnDepot.id)\n\n if (!isEqual(timeRules, returnOpeningTimes)) {\n setReturnOpeningTimes(timeRules)\n }\n\n // Set/Update return time when return depot changes\n setValues((prevValues) => {\n return {\n ...prevValues,\n returnTime: tillAsTime(returnDate, returnTimeslot)\n }\n })\n }\n }, [values.returnDepot, openingTimes])\n\n useEffect(() => {\n const { pickupTimeslot } = values\n\n if (pickupTimeslot && pickupTimeslots) {\n const timeslot = pickupTimeslots.find((timeslot) => timeslot.from_time_integer === pickupTimeslot.from_time_integer)\n\n setValues((prevValues) => {\n return {\n ...prevValues,\n pickupTimeslot: timeslot ? timeslot : null\n }\n })\n }\n }, [pickupTimeslots])\n\n useEffect(() => {\n const { returnTimeslot } = values\n\n if (returnTimeslot && returnTimeslots) {\n const timeslot = returnTimeslots.find((timeslot) => timeslot.from_time_integer === returnTimeslot.from_time_integer)\n\n setValues((prevValues) => {\n return {\n ...prevValues,\n returnTimeslot: timeslot ? timeslot : null\n }\n })\n }\n }, [returnTimeslots])\n\n useEffect(() => {\n const { pickupDate, pickupDepot, pickupTimeslot } = values\n\n if (pickupDate) {\n setValues((prevValues) => {\n return {\n ...prevValues,\n pickupTime: fromAsTime(pickupDate, pickupTimeslot)\n }\n })\n\n if (pickupOpeningTimes.length > 0) {\n const newTimeslots = filterTimeslots(pickupDate, timeslots, pickupOpeningTimes, pickupDepot.id)\n\n if (!isEqual(newTimeslots, pickupTimeslots) && newTimeslots.length > 0) {\n setPickupTimeslots(newTimeslots)\n }\n }\n }\n }, [values.pickupDate, values.pickupDepot, pickupOpeningTimes, timeslots])\n\n useEffect(() => {\n const { returnDate, returnDepot, returnTimeslot } = values\n\n if (returnDate) {\n setValues((prevValues) => {\n return {\n ...prevValues,\n returnTime: tillAsTime(returnDate, returnTimeslot)\n }\n })\n\n if (returnOpeningTimes.length > 0) {\n const newTimeslots = filterTimeslots(returnDate, timeslots, returnOpeningTimes, returnDepot.id)\n\n if (!isEqual(newTimeslots, returnTimeslots) && newTimeslots.length > 0) {\n setReturnTimeslots(newTimeslots)\n }\n }\n }\n }, [values.returnDate, values.returnDepot, returnOpeningTimes, timeslots])\n\n useEffect(() => {\n const { pickupDate, pickupTimeslot } = values\n\n if (pickupTimeslot) {\n setValues((prevValues) => {\n return {\n ...prevValues,\n pickupTime: fromAsTime(pickupDate, pickupTimeslot)\n }\n })\n }\n }, [values.pickupTimeslot])\n\n useEffect(() => {\n const { returnDate, returnTimeslot } = values\n\n if (returnTimeslot) {\n setValues((prevValues) => {\n return {\n ...prevValues,\n returnTime: tillAsTime(returnDate, returnTimeslot)\n }\n })\n }\n }, [values.returnTimeslot])\n\n const handleSave = () => {\n dispatch(updateCart({\n pickup_time: values.pickupTime,\n return_time: values.returnTime,\n pickup_depot_id: values.pickupDepot.id,\n return_depot_id: values.returnDepot.id\n }))\n }\n\n const handleChange = (key, value) => {\n setValues(prevValues => {\n return {\n ...prevValues,\n [key]: value\n }\n })\n }\n\n const hasError = (errors, type, data) => {\n if (errors.length) {\n return errors.find((error) => error.error.data === data && error.error.type === type) !== undefined\n } else {\n return false\n }\n }\n\n const validation = new Validation({ openingTimes, ...values })\n\n return (\n \n {orderButtonMessage}\n
\n )}\n- \n {timeslots.map((timeslot) => (\n
- handleChange(timeslot)}\n >\n
{timeslot.label}
\n \n ))}\n
\n
\n )\n}\n\nexport default NoResults\n","import React, { useState, useEffect } from 'react'\n\n// Libraries\nimport { useSelector } from 'react-redux'\n\n// Utils\nimport { t } from '@client/i18n/localize'\n\n// Components\nimport AddProductToWishlist from '@client/react/components/AddProductToWishlist'\nimport Tooltip from '@client/react/components/Tooltip'\n\nconst AddToWishlist = (props) => {\n const wishlists = useSelector((state) => state.wishlists)\n const addedFromState = !!wishlists.find((wishlist) => wishlist.product_ids.indexOf(props.id) >= 0)\n\n const [show, setShow] = useState(null)\n const [added, setAdded] = useState(false)\n const [isMounted, setIsMounted] = useState(false)\n const classNames = ['fa-heart add-to-wishlist animated animated-heartbeat link-light']\n\n // Selected state\n classNames.push(added ? 'fas text-danger' : 'fas')\n\n if (props.className) classNames.push(props.className)\n\n useEffect(() => {\n setIsMounted(true)\n }, [])\n\n // Use two-step render to render an updated version\n useEffect(() => {\n if (isMounted) {\n setAdded(addedFromState)\n }\n }, [isMounted, addedFromState])\n\n const handleClick = () => {\n setShow(true)\n }\n\n const handleClose = () => {\n setShow(false)\n }\n\n return (\n <>\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 \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'\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
\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
\n \n \n
\n )}\n \n )\n}\n\nexport default Information\n","import { I18n } from \"i18n-js\";\nimport translations from \"./translations.json\";\n\nconst i18n = new I18n(translations);\n\nexport { i18n }\n","import React, { useState, useEffect } from 'react'\n\n// Libraries\nimport { take, sortBy, reverse } from 'lodash'\n\n// Utils\nimport { isFilterPresent, filterPath } from './utils'\n\n// Components\nimport Filter from './Filter'\n\nconst FilterGroup = ({ name, slug, filters, selectedFilters, handleToggleFilter, counters, navigate }) => {\n if (!name) return null\n\n if (counters) {\n filters = sortBy(filters, (filter) => {\n const selected = isFilterPresent(filter.slug, slug, selectedFilters)\n let count = counters[`${slug}--${filter.slug}`] || 0\n\n return count\n })\n filters = reverse(filters)\n }\n\n const renderedFilters = filters.map((filter) => {\n const selected = isFilterPresent(filter.slug, slug, selectedFilters)\n const path = filterPath(filter.slug, slug)\n const count = (counters || {})[`${slug}--${filter.slug}`] || 0\n\n if (counters && count === 0) { return }\n\n return (\n \n
}\n \n )\n}\n\nexport default FilterGroup\n","import React, { useState, useEffect } from 'react'\n\n// Components\nimport Mobile from './Mobile'\nimport Desktop from './Desktop'\n\n// Utils\nimport isMobile from '@client/utils/isMobile'\nimport { countBy, times, flatMap } from 'lodash'\n\nconst AddOptionalAccessories = ({ visible, onClose, onClick, accessories, loading, success, productName, selectedAccessories = [], type, children }) => {\n const [selected, setSelected] = useState([])\n\n useEffect(() => {\n const count = countBy(selectedAccessories, (accessory) => accessory.product_id)\n const selected = flatMap(count, (v, k) => {\n return times(v, (i) => {\n return `${k}::${i}`\n })\n })\n setSelected(selected)\n }, [selectedAccessories.length])\n\n const isSelected = (accessoryId) => {\n return selected.indexOf(accessoryId) >= 0\n }\n\n const handleChange = (accessoryId, checked) => {\n if (checked) {\n setSelected(prev => [...prev, accessoryId])\n } else {\n setSelected(prev => prev.filter((id) => id !== accessoryId))\n }\n }\n\n const handleClick = (e) => {\n e.preventDefault()\n\n onClick({ accessoryIds: selected.map(x => x.split('::')[0]) })\n }\n\n const Component = isMobile() ? Mobile : Desktop\n return (\n {name}
\n {renderedFilters}
\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 from 'react'\n\n// Utils\nimport { translatePeriodLabel } from '@client/i18n/localize'\n\n// Components\nimport Price from '@client/react/components/Product/Price'\nimport PriceDisplay from '@client/react/components/PriceDisplay'\n\nconst PriceComponent = ({ prices }) => {\n const renderItem = ({label, integerPart, decimalPart}) => {\n return (\n \n {translatePeriodLabel(label)}\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\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\nexport default ModalWrapper\n","import React from 'react'\nimport { Tooltip as ReactTooltip } from \"react-tooltip\"\nimport 'react-tooltip/dist/react-tooltip.css';\n\nconst Tooltip = ({ id, children}) => {\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 {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","import React from 'react'\n\n// Utils\nimport { t } from '@client/i18n/localize'\n\n// Components\nimport Modal from '@client/react/components/Modal'\n\nconst Login = ({ product }) => {\n return (\n <>\n \n
\n \n 
\n
\n \n
\n {t('wishlists.login')}
\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 from 'react'\n\n// Utils\nimport { times } from 'lodash'\n\nconst List = ({ accessories, isSelected, onChange }) => {\n const renderList = (accessories) => {\n return accessories.flatMap(accessory => {\n return times(accessory.qty, (i) => {\n const id = `${accessory.id}::${i}`\n\n return (\n \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, { 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 {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 { 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","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' &&{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 moment from '@client/i18n/moment'\nimport some from 'lodash/some'\nimport every from 'lodash/every'\n\nconst diffInDays = (date1, date2) => {\n return Math.abs(moment(date1).clone().startOf('day').diff(moment(date2).clone().startOf('day'), 'days'))\n}\n\nconst timeAsInteger = (datetime) => {\n datetime = moment(datetime)\n return (datetime.hours() * 100) + datetime.minutes()\n}\n\nconst timeStringAsInteger = (timeString) => {\n const [hourString, minuteString] = timeString.split(':')\n return (parseInt(hourString) * 100) + parseInt(minuteString)\n}\n\nconst isOpeningTimeRelevantToDomain = (openingTime, domainId) => {\n return [domainId, null, undefined].includes(openingTime.domain_id)\n}\n\nconst isOpeningTimeRelevantToDepot = (openingTime, depotId) => {\n return [depotId, null, undefined].includes(openingTime.depot_id)\n}\n\nconst openingTimesForDepot = (depot, openingTimes) => {\n return openingTimes.filter((openingTime) =>\n isOpeningTimeRelevantToDomain(openingTime, depot.domain_id) &&\n isOpeningTimeRelevantToDepot(openingTime, depot.id)\n )\n}\n\n/**\n * Returns whether given day is open for the given depot.\n */\nexport const isDayOpen = (date, depot, openingTimes) => {\n const depotOpeningTimes = openingTimesForDepot(depot, openingTimes)\n const dateOpeningTimes = depotOpeningTimes.filter((o) => o.date && o.date === date.format('YYYY-MM-DD'))\n const recurringOpeningTimes = depotOpeningTimes.filter((o) => !o.date && o.weekday === date.day())\n\n // Check by date\n const dateOpen = every(dateOpeningTimes, (openingTime) => {\n if (openingTime.entire_day) {\n return openingTime.open\n } else {\n return true\n }\n })\n\n if (!dateOpen) {\n return false\n }\n\n // Check by recurring day of the week\n return some(recurringOpeningTimes, (openingTime) => {\n return openingTime.open\n })\n}\n\n/**\n * Returns whether given timeslot is open for the given depot and date.\n */\nexport const isTimeslotOpen = (timeslot, date, depot, openingTimes) => {\n if (!isDayOpen(date, depot, openingTimes)) {\n return false\n }\n\n const depotOpeningTimes = openingTimesForDepot(depot, openingTimes)\n .filter((openingTime) => {\n return !openingTime.entire_day && openingTime.weekday === date.day() || openingTime.date === date.format('YYYY-MM-DD')\n })\n\n const timeslotFrom = timeStringAsInteger(timeslot.from_time)\n const timeslotTill = timeStringAsInteger(timeslot.till_time)\n\n return every(depotOpeningTimes, (openingTime) => {\n if (openingTime.entire_day) {\n return openingTime.open\n }\n\n const from = timeStringAsInteger(openingTime.from_time)\n const till = timeStringAsInteger(openingTime.until_time)\n\n // Timeslot should overlap the depot opening times\n const withinOpeningTime = Math.max(from, timeslotFrom) < Math.min(till, timeslotTill)\n\n if (openingTime.open) {\n return withinOpeningTime\n } else {\n return !withinOpeningTime\n }\n })\n}\n\n/**\n * Returns whether the given day is disabled for given options.\n */\nexport const isDayDisabled = ({ day, type, pickupAt, returnAt, pickupDepot, returnDepot, openingTimes, firstAvailableAt }) => {\n const date = moment(day)\n\n // Disable days before the first available moment\n if (firstAvailableAt && date.isBefore(moment(firstAvailableAt), 'day')) {\n return true\n }\n\n // Disabled past\n if (date < moment().startOf('day')) {\n return true\n }\n\n // Return day not before pickup day\n if (type === 'return' && pickupAt && date.startOf('day') < pickupAt.clone().startOf('day')) {\n return true\n }\n\n // Closed pickup day\n if (type === 'pickup' && pickupDepot && !isDayOpen(date, pickupDepot, openingTimes)) {\n return true\n }\n\n // Closed return day\n if (type === 'return' && returnDepot && !isDayOpen(date, returnDepot, openingTimes)) {\n return true\n }\n\n return false\n}\n\n/**\n * Returns whether the given timeslot is disabled for given options.\n */\nexport const isTimeslotDisabled = ({ timeslot, type, pickupAt, returnAt, pickupDepot, returnDepot, openingTimes, firstAvailableAt }) => {\n // Disable timeslots before the first available moment\n if (type === 'pickup' && firstAvailableAt && pickupAt.isSame(moment(firstAvailableAt), 'day')) {\n if (timeslot.from_time_integer < timeAsInteger(firstAvailableAt)) {\n return true\n }\n }\n\n // Disable past pickups\n if (type === 'pickup' && pickupAt && diffInDays(pickupAt, moment()) === 0) {\n if (timeslot.till_time_integer < timeAsInteger(moment())) {\n return true\n }\n }\n\n // Disable past returns\n if (type === 'return' && returnAt && diffInDays(returnAt, moment()) === 0) {\n if (timeslot.from_time_integer < timeAsInteger(moment())) {\n return true\n }\n }\n\n // Pickup and return are on the same day\n if (pickupAt && returnAt && diffInDays(pickupAt, returnAt) === 0) {\n // Disable pickup time later than return time\n if (type === 'pickup') {\n if (timeslot.till_time_integer > timeAsInteger(returnAt)) {\n return true\n }\n }\n\n // Disable return time earlier than pickup time\n if (type === 'return') {\n if (timeslot.from_time_integer < timeAsInteger(pickupAt)) {\n return true\n }\n }\n }\n\n // Return time is later than 60 days\n if (diffInDays(returnAt, pickupAt) >= 60) {\n return true\n }\n\n // Closed pickup timeslot\n if (type === 'pickup' && pickupAt && pickupDepot && !isTimeslotOpen(timeslot, pickupAt, pickupDepot, openingTimes)) {\n return true\n }\n\n // Closed return timeslot\n if (type === 'return' && returnAt && returnDepot && !isTimeslotOpen(timeslot, returnAt, returnDepot, openingTimes)) {\n return true\n }\n\n return false\n}\n","// Libraries\nimport moment from '@client/i18n/moment'\n\n// Utils\nimport { isDayDisabled, isTimeslotDisabled } from '@client/utils/openingTimes'\nimport { t } from '@client/i18n/localize'\n\n/*\n props: {\n pickupDate,\n pickupTime,\n pickupTimeslot,\n pickupDepot,\n returnDate,\n returnTime,\n returnTimeslot,\n returnDepot,\n openingTimes\n }\n*/\nclass Validation {\n constructor(props) {\n this.props = {}\n Object.assign(this.props, props)\n }\n\n get firstAvailableAt() {\n return this.props.pickupDepot ? moment(this.props.pickupDepot.first_available_at).toDate() : null\n }\n\n isDayAvailable(day, type) {\n return !isDayDisabled({\n day,\n type,\n pickupAt: this.props.pickupTime,\n returnAt: this.props.returnTime,\n pickupDepot: this.props.pickupDepot,\n returnDepot: this.props.returnDepot,\n openingTimes: this.props.openingTimes,\n firstAvailableAt: this.firstAvailableAt\n })\n }\n\n isTimeslotAvailable(timeslot, type) {\n return !isTimeslotDisabled({\n timeslot,\n type,\n pickupAt: this.props.pickupTime,\n returnAt: this.props.returnTime,\n pickupDepot: this.props.pickupDepot,\n returnDepot: this.props.returnDepot,\n openingTimes: this.props.openingTimes,\n firstAvailableAt: this.firstAvailableAt\n })\n }\n\n valuesFor(type) {\n switch (type) {\n case 'pickup':\n return {\n date: this.props.pickupDate,\n depot: this.props.pickupDepot,\n timeslot: this.props.pickupTimeslot\n }\n case 'return':\n return {\n date: this.props.returnDate,\n depot: this.props.returnDepot,\n timeslot: this.props.returnTimeslot\n }\n }\n }\n\n get errors() {\n const types = ['pickup', 'return']\n const errors = []\n\n if (this.props.pickupTime && this.props.returnTime) {\n const diffDays = this.props.returnTime.diff(this.props.pickupTime, 'days')\n const pickupAfter = this.props.pickupTime.isAfter(this.props.returnTime)\n\n if (diffDays >= 30) {\n errors.push({\n message: t('shopping_cart.periode_error_duration'),\n error: { data: 'date', type: 'return', value: this.props.returnDate }\n })\n }\n\n if (pickupAfter) {\n errors.push({\n message: t('shopping_cart.periode_error_return_before_pickup'),\n error: { data: 'date', type: 'return', value: this.props.returnDate }\n })\n }\n }\n\n types.forEach((type) => {\n const value = this.valuesFor(type)\n\n if (!value.date || !value.depot || !value.timeslot) return null\n\n if (!this.isDayAvailable(value.date, type)) {\n errors.push({\n message: t(`shopping_cart.periode_error_${type}.date`),\n error: { data: 'date', type, value: value.date }\n })\n } else if (!this.isTimeslotAvailable(value.timeslot, type)) {\n errors.push({\n message: t(`shopping_cart.periode_error_${type}.timeslot`),\n error: { data: 'timeslot', type, value: value.timeslot }\n })\n }\n })\n\n return errors\n }\n}\n\nexport default Validation\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","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 {onClose && }\n {children}\n
\n \n {renderProduct(product)}\n
\n ))\n }\n}\n\nexport default ProductList\n","import React, { useRef } from 'react'\n\nconst Popover = ({ children, title, subtitle, onClose, fixedWidth }) => {\n const backgroundNode = useRef(null)\n const modifiers = []\n\n if (fixedWidth) modifiers.push('fixed-width')\n\n const handleClick = (e) => {\n if (e.target === backgroundNode.current) {\n onClose()\n }\n }\n\n return (\n `bc-popover--${m}`)}`} onClick={handleClick} ref={backgroundNode}>\n
\n )\n}\n\nexport default Popover\n","import React from 'react'\nimport _ from 'lodash/fp'\n\n// Utils\nimport { t, translatePeriodLabel } from '@client/i18n/localize'\n\n// Components\nimport AddToCart from './AddToCart'\nimport AddToWishlist from './AddToWishlist'\nimport Price from './Price'\nimport PriceDisplay from '@client/react/components/PriceDisplay'\n\nconst getLabel = ({ isNew, expected }) => {\n if (expected) {\n return {\n label: t('expected'),\n color: 'bg-dark text-white'\n }\n } else if (isNew) {\n return {\n label: t('new'),\n color: 'bg-green text-white'\n }\n } else {\n return false\n }\n}\n\nconst Label = ({ label, color }) => {\n return {label}\n}\n\nconst renderItem = ({ title, label, integerPart, decimalPart }, hasLongPrices) => {\n return (\n \n {onClose && }\n
\n \n {title &&
}\n {children}\n
\n {title}
}\n {(title || subtitle) &&}\n {children}\n
\n { translatePeriodLabel(title || label) }\n
\n )\n}\n\nconst PriceComponent = ({ prices }) => {\n const hasLongPrices = _.flow(\n _.map('formattedPrice'),\n _.sumBy('length'),\n total => total > 16\n )(prices);\n\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 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 
\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","import React, { useEffect } from 'react'\n\n// Libraries\nimport { useDispatch, useSelector } from 'react-redux'\n\n// Actions\nimport { fetchWishlists, addToWishlist, removeFromWishlist } from '@client/redux/actions/wishlists'\n\n// Utils\nimport { t } from '@client/i18n/localize'\n\n// Components\nimport Modal from '@client/react/components/Modal'\n\nconst ListItem = ({ id, name, selected, onChange }) => {\n const handleClick = (e) => {\n e.preventDefault()\n\n onChange(id, e.target.checked)\n }\n\n const modifiers = []\n\n if (selected) { modifiers.push('selected') }\n\n const modifierClass = modifiers.map(m => `accessory-item--${m}`).join(' ')\n const iconClass = selected ? 'fas fa-check text-primary' : 'fas fa-plus'\n\n return (\n \n )\n}\n\nconst List = ({ wishlists, product, onChange }) => {\n const isSelected = (wishlist) => {\n return wishlist.product_ids.indexOf(product.id) >= 0\n }\n\n if (wishlists.length === 0) {\n return (\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\nexport default Details\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 React, { useState, useEffect } from 'react'\n\n// Libraries\nimport { useDispatch } from 'react-redux'\n\n// Actions\nimport { createWishlist } from '@client/redux/actions/wishlists'\n\n// Utils\nimport { t } from '@client/i18n/localize'\n\n// Components\nimport Modal from '@client/react/components/Modal'\n\nconst NewList = ({ product, onBack }) => {\n const dispatch = useDispatch()\n const [name, setName] = useState('')\n const [valid, setValid] = useState(false)\n\n useEffect(() => {\n setValid(name && name.length > 0)\n }, [name])\n\n const handleClickBack = (e) => {\n e.preventDefault()\n onBack()\n }\n\n const handleChangeName = (e) => {\n setName(e.target.value)\n }\n\n const handleSubmit = (e) => {\n e.preventDefault()\n\n if (valid) {\n dispatch(createWishlist({ name, productIds: [product.id] })).then(() => {\n onBack()\n })\n }\n }\n\n return (\n \n )\n}\n\nexport default NewList\n","import axios from 'axios'\nimport applyCaseMiddleware from 'axios-case-converter'\nimport { i18n } from '../../../../app/javascript/packs/localized-i18n'\n\nimport window from 'global'\n\nconst instance = applyCaseMiddleware(\n axios.create(),\n {\n ignoreHeaders: true,\n ignoreParams: true,\n preservedKeys: (input) => {\n const keysToTransform = [\n \"decimal_part\",\n \"image_thumb\",\n \"image_thumb_large\",\n \"integer_part\",\n \"price_in_cents\",\n \"formatted_coupon_discount\",\n \"formatted_discount\",\n \"formatted_grand_total\",\n \"formatted_insurance\",\n \"formatted_price\",\n \"formatted_subtotal\",\n \"formatted_total\",\n \"formatted_vat\",\n \"formatted_vat_amount\",\n ];\n return !keysToTransform.includes(input);\n }\n },\n)\n\nwindow.axiosPendingRequests = 0\n\ninstance.interceptors.request.use(config => {\n config.params = {\n // add your default ones\n locale: i18n.locale,\n // spread the request's params\n ...config.params,\n }\n return config\n})\n\ninstance.interceptors.request.use(request => {\n if (request.method !== 'get') {\n const token = document.querySelector('[name=csrf-token]')?.content\n request.headers['X-CSRF-TOKEN'] = token\n }\n\n return request\n}, (error) => {\n return Promise.reject(error)\n})\n\n// Track pending requests\ninstance.interceptors.request.use(config => {\n window.axiosPendingRequests++\n\n return config\n}, (error) => {\n return Promise.reject(error)\n})\n\n// Track pending requests\ninstance.interceptors.response.use(response => {\n window.axiosPendingRequests--\n\n return response\n}, (error) => {\n window.axiosPendingRequests--\n\n return Promise.reject(error)\n})\n\nexport default instance\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, { useState, useRef } from 'react'\n\n// Libraries\nimport { t } from '@client/i18n/localize'\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\n\n// Components\nimport Modal from '@client/react/components/Modal'\n\nconst Share = ({ url }) => {\n const [show, setShow] = useState(null)\n const [copySuccess, setCopySuccess] = useState(false)\n\n const handleOpen = (e) => {\n e && e.preventDefault()\n setShow(true)\n setCopySuccess(false)\n }\n\n const handleClose = (e) => {\n e && e.preventDefault()\n setShow(false)\n }\n\n const onCopy = () => {\n setCopySuccess(true)\n }\n\n return (\n <>\n \n \n
\n {children}\n {title}
\n\n \n
\n\n \n
\n {t('shopping_cart.share.text')}
\n \n\n \n
\n : \n }\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 \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","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\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 \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\nexport default List\n","export default {\n nl: {\n formats: {\n date: {\n date: 'DD-MM-YYYY',\n time: 'HH:mm',\n default: 'DD-MM-YYYY HH:mm'\n }\n }\n }\n}\n","import moment from '@client/i18n/moment'\nimport { enUS, nl, de, fr } from \"date-fns/locale\";\n\nimport allTranslations from './translations'\nimport capitalize from 'lodash/capitalize'\n\nimport { i18n } from '../../../../app/javascript/packs/localized-i18n'\n\nconst t = (...args) => i18n.t(...args)\n\nconst translations = () => {\n return allTranslations['nl']\n}\n\nconst formatDate = (date, type) => {\n const formats = translations().formats.date\n const format = formats[type] || formats.default\n return moment(date).format(format)\n}\n\nconst date = (datetime) => {\n const format = 'dd DD MMM Y'\n const day = moment(datetime).format('dd')\n return capitalize(moment(datetime).format(format))\n}\n\nconst calendarDate = (datetime, small = false) => {\n const params = {\n lastDay: `[${t('date.yesterday')}]`,\n sameDay: `[${t('date.today')}]`,\n nextDay: `[${t('date.tomorrow')}]`,\n lastWeek: small ? 'dd' : 'dddd',\n nextWeek: small ? 'dd' : 'dddd',\n sameElse: small ? 'dd' : 'dddd'\n }\n const format = small ? ', D MMM HH:mm' : ', D MMMM HH:mm'\n const day = moment(datetime).calendar(null, params)\n\n return capitalize(day) + moment(datetime).format(format)\n}\n\nconst getDateFnsLocale = () => {\n switch (i18n.locale) {\n case 'nl':\n return nl\n case 'fr':\n return fr\n case 'de':\n return de\n default:\n return enUS\n }\n}\n\nconst translatePeriodLabel = (label) => {\n let displayLabel = ''\n\n // Check if the label contains a charge period (1 day, 10 week)\n if (/^\\d+\\s\\w+/gm.test(label)) {\n const [amount, chargeType] = label.split(' ')\n\n displayLabel = t(`charge_types.${chargeType}`, { count: parseInt(amount) })\n }\n\n return displayLabel\n}\n\nexport { t, translations, formatDate, calendarDate, date, getDateFnsLocale, translatePeriodLabel }\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","// 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 \n {t('product_results.filters')} ({selectedCount})\n \n \n {t('product_results.reset_filters')}\n \n
\n {filterGroups.map((filterGroup) => (\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 \n
\n )\n}\n\nexport default Desktop\n"],"names":["_ref","onClose","show","company","useSelector","state","paragraphs","t","company_name","name_legal","name","split","React","Modal","Header","border","Title","Body","className","map","p","i","key","delay","copyTitle","copyBody","copyAddHomeButtonLabel","copyShareButtonLabel","copyClosePrompt","permanentlyHideOnDismiss","promptData","maxVisits","_useState2","_slicedToArray","useState","Boolean","isVisible","setVisibility","useEffect","setTimeout","document","activeElement","blur","body","classList","add","isiOS13","test","window","navigator","userAgent","visibilityClass","dismissPrompt","evt","remove","localStorage","setItem","JSON","stringify","_objectSpread","visits","onTransitionOut","currentTarget","style","display","concat","role","onClick","onTransitionEnd","id","ShareIcon","modern","HomeScreenIcon","store","componentRequireContext","require","ReactRailsUJS","reduxComponents","component","initialPrice","fetchData","dispatch","useDispatch","pricesFromState","prices","cart","isMounted","setIsMounted","_useState4","setPrices","Component","fetchProductPrices","ids","pickup_time","return_time","innerWidth","documentElement","clientWidth","productName","accessories","isSelected","onChange","selected","loading","success","visible","onClickOutside","type","children","SubTitle","product","AccessoryList","Footer","Button","label","disabled","length","opts","moment","i18n","locale","setDefault","Sidebar","depot","data","store_type","src","image","thumb","excerpt","street","street_no","zipcode","city","opening_hours","openingHour","days","time","props","entered","setEntered","left","top","popoverPosition","setPopoverPosition","ref","current","boundingRect","closest","getBoundingClientRect","position","width","useRef","Object","assign","classes","push","join","classNames","innerRef","innerProps","onMouseEnter","onMouseLeave","createPortal","customDropdown","isDisabled","CustomSelectValue","_ref2","selectProps","icon","CustomGroupHeading","node","querySelector","parentElement","nextElementSibling","contains","components","GroupHeading","_ref3","options","styles","value","defaultValue","getOptionLabel","getOptionValue","usePortal","placeholder","isOptionDisabled","_ref3$components","ReactSelect","classNamePrefix","DropdownIndicator","SingleValue","menuPortalTarget","menuPosition","url","path","useLocaleInPath","productsPath","arguments","undefined","producten","productPath","callback","handleClickOutside","e","target","addEventListener","isMobile","removeEventListener","depots","groupedDepots","grouped","groupBy","domain","country_name","v","k","groupDepots","renderDepot","storeType","address","group","renderDepotGroup","PricesListComponent","PricesListItemComponent","price","translatePeriodLabel","formattedPrice","PriceComponent","_prices","_toArray","currentPrice","futurePrices","slice","title","PriceDisplay","integerPart","decimalPart","Tooltip","imageThumbLarge","imageThumb","wishlist","source","optional_pickup_accessories","href","alt","AddToWishlist","Price","AddToCart","optionalPickupAccessories","wishlists","find","fetchWishlist","products","ProductList","productClassName","ProductSum","_toConsumableArray","reduce","acc","accessory","qty","item","get","set","Map","values","setLoading","setSuccess","_useState6","initializeEssentials","setInitializeEssentials","_useState8","setVisible","hide","button","Icon","link","Link","hasOptionalPickupAccessories","handleClick","_ref2$accessoryIds","accessoryIds","bookProductToCart","then","payload","notification","message","forEach","track","productId","AddOptionalAccessories","Essentials","setInitialize","initialize","filterGroups","counters","setShow","filterPath","setFilterPath","handleToggleShow","preventDefault","selectedCount","flatten","ProductFilter","filters","navigate","Turbolinks","visit","expanded","setExpanded","showIcon","setShowIcon","showSearch","setShowSearch","handleToggleExpand","handleShowIcon","handleShowSearch","timer","clearTimeout","useClickOutside","SearchInput","onIconClick","autoFocus","setData","action","sort","formattedSubtotal","vat","amount","percentage","parseInt","formattedVatAmount","formattedTotal","containerClassName","decimalClassName","_","_props$getDynamicProp","global","dynamicComponentProps","currentFilters","filterCounters","currentParams","currentProducts","setCurrentProducts","per","page","params","setParams","hasNextPage","setHasNextPage","hasResults","isEmpty","ProductFilterButton","view","NoResults","newParams","fetchProducts","response","newProducts","forwardRef","isDayAvailable","range","errors","Calendar","selectedDay","from","to","step","setStep","itemsVisible","setItemsVisible","handleStep","easeIn","easeInOut","containerWidth","itemWidth","Math","ceil","maxStep","newStep","min","max","easing","mirrored","tween","ease","start","x","scrollLeft","reservePath","readonly","orderButtonMessage","timeslots","openingTimes","hasInsurance","setHasInsurance","showInsuranceInfo","setShowInsuranceInfo","wantsDelivery","setWantsDelivery","showDeliveryInfo","setShowDeliveryInfo","validation","Validation","pickupTime","pickupDate","toDate","pickupDepot","pickup_depot_id","returnTime","returnDate","returnDepot","return_depot_id","pickupTimeslot","getTimeslot","returnTimeslot","dataRequired","isValid","indexOf","canReserve","wants_insurance","delivery_service","handleShowInsuranceInfo","handleShowDeliveryInfo","discount_in_cents","formattedDiscount","coupon_discount_in_cents","formattedCouponDiscount","updateCart","checked","htmlFor","Insurance","formattedInsurance","delivery_service_price_from","Delivery","total_in_cents","subtotal_in_cents","vat_in_cents","vat_amount","formattedVat","formattedGrandTotal","location","openPicker","axios","method","opening_times","errorData","_ref$intro","intro","_objectWithoutProperties","_excluded","currentDomain","setValues","pickupOpeningTimes","setPickupOpeningTimes","returnOpeningTimes","setReturnOpeningTimes","pickupTimeslots","setPickupTimeslots","_useState10","returnTimeslots","setReturnTimeslots","pickupDepots","filter","domain_id","otherDepots","returnDepots","handleReset","prevValues","fetchOpeningTimes","fetchTimeslots","fetchDepots","timeRules","el","depot_id","isEqual","fromAsTime","tillAsTime","timeslot","from_time_integer","newTimeslots","filterTimeslots","ModalWrapper","LocationDate","handleSave","bind","isTimeslotAvailable","firstAvailableAt","_defineProperty","inFlow","hasError","error","fakeTracker","_console","_len","args","Array","_key","console","log","apply","listSources","essentials","quicksearch","event","ga","CookieConsent","acceptedCategory","category","segment","line","carts_products","product_id","abs","newQuantity","revenue","total","goog_report_conversion","list","splitAndTrimCategories","categories","trim","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","quantity","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","handleChange","WrapperComponent","Mobile","Desktop","handleDepotSelect","handleTimeslotSelect","handleDateSelect","date","initialValue","modifier","queryValue","getQuery","hash","query","setQuery","useImperativeHandle","reset","resetQuery","onSubmit","autoComplete","addedFromState","product_ids","added","setAdded","AddProductToWishlist","LOCALE","defaultLocale","DEFAULT_LOCALE","originalGetConstructor","getConstructor","availableLocales","Provider","_ref$navigate","_ref$view","selectedFilters","setSelectedFilters","currentCounters","setCurrentCounters","View","FilterList","tags","FilterTags","handleToggleFilter","filterSlug","filterGroupSlug","newSelectedFilters","toggleFilter","filtersPath","search","restoreScrollPosition","fetchPrices","fetchEssentials","searchProducts","sortedFilters","fromPairs","sortBy","toPairs","groupSlug","addOnly","isAdded","isFilterPresent","newFilters","splice","_ref$readonly","pickup_depot","return_depot","handleEditPickup","formatDate","faq_url","faq_link","dangerouslySetInnerHTML","__html","coupon","inputNode","code","setCode","status","setStatus","hasCoupon","focus","removeCouponFromCart","applyCouponOnCart","endsWith","Loader","I18n","translations","slug","reverse","renderedFilters","count","Filter","_ref$selectedAccessor","selectedAccessories","setSelected","countBy","flatMap","times","accessoryId","prev","filterGroup","index","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","_ref$modern","xmlns","viewBox","d","fill","updateQuantity","accessory_ids","update","CartProduct","charge_label","setQuantity","debouncedChangeQuantity","oldQuantity","handleChangeQuantity","OptionalAccessoryProduct","_ref3$accessoryIds","updateCartsProduct","_ref4","_ref5","_ref5$showClearCart","showClearCart","cartsProducts","mainProducts","parent_id","accessoryProducts","clearCart","reload","cartsProduct","cartsProductId","modalVisible","picker","open","backgroundNode","html","handleModalVisible","closePicker","Intro","ReactTooltip","delayShow","place","formatCalendarDate","format","datetime","calendarDate","Action","noData","hasErrors","wrapperClasses","ResultOption","votes","a","option","poll_votes_count","toFixed","VoteOption","selectedOption","setSelectedOption","handleClickOption","ListItem","modifiers","m","image_thumb","renderList","direction","sortOptions","setValue","Select","_option$value$split2","newSort","newDirection","pathname","ret","encodeURIComponent","queryParams","TWEAKWISE_PREFIX","parseTweakwiseHash","startsWith","URLSearchParams","replace","isQueryPresent","newHash","toString","newUrl","origin","history","replaceState","Poll","description","Vote","Results","poll","setPoll","meta","voted","poll_options","_ref6","scrollY","scrollTo","diffInDays","date1","date2","clone","startOf","diff","timeAsInteger","hours","minutes","timeStringAsInteger","timeString","_timeString$split2","hourString","minuteString","openingTimesForDepot","openingTime","domainId","includes","isOpeningTimeRelevantToDomain","depotId","isOpeningTimeRelevantToDepot","isDayOpen","depotOpeningTimes","dateOpeningTimes","o","recurringOpeningTimes","weekday","day","every","entire_day","some","isTimeslotOpen","timeslotFrom","from_time","timeslotTill","till_time","till","until_time","withinOpeningTime","_classCallCheck","this","first_available_at","pickupAt","returnAt","isBefore","isDayDisabled","isSame","till_time_integer","isTimeslotDisabled","_this","diffDays","pickupAfter","isAfter","valuesFor","_ref$trackImpression","trackImpression","setIds","handleClickProduct","allIds","newIds","difference","Product","renderProduct","subtitle","fixedWidth","getLabel","isNew","expected","color","Label","hasLongPrices","renderItem","ExpectedProduct","BookableProduct","DayPicker","defaultMonth","Date","before","period","active","end","modifiersClassNames","getDateFnsLocale","onDayClick","unavailable","showOutsideDays","webpackContext","req","webpackContextResolve","__webpack_require__","Error","keys","resolve","module","exports","content","_ref$theme","theme","Tippy","interactive","maxWidth","popperOptions","strategy","fallbackPlacements","priceLabel","Dropdown","cartPath","Empty","List","cartProduct","dropdown","collapsed","setCollapsed","handleToggle","cartIcon","dropdownIcon","cartCount","modifierClass","iconClass","onNewList","fetchWishlists","wishlistId","addToWishlist","removeFromWishlist","token","cartParams","getState","_ref4$quantity","_ref2$quantity","book","customerId","customer_id","applyCoupon","searchRef","refresh","modalElement","topPosition","bottom","height","positionModal","onBackPress","fetchAll","fetch","productIds","create","onBack","setName","valid","setValid","createWishlist","minLength","required","instance","applyCaseMiddleware","ignoreHeaders","ignoreParams","preservedKeys","input","interceptors","request","use","config","_document$querySelect","headers","Promise","reject","copySuccess","setCopySuccess","CopyToClipboard","onCopy","text","Category","setEssentials","categoryData","essential_category_id","sortedData","buttonContent","buttonClasses","user","Login","SelectList","NewList","filterdTimeslots","opening_time_id","timeInteger","hour","minute","asTime","otherProps","tile","Tile","iconStyle","mode","getValue","setMode","titles","Details","Depots","Dates","Timeslots","modes","_ref$type","Store","addNotification","insert","container","animationIn","animationOut","dismiss","duration","FilterGroup","formats","default","allTranslations","capitalize","small","lastDay","sameDay","nextDay","lastWeek","nextWeek","sameElse","calendar","nl","fr","de","enUS","displayLabel","_label$split2","chargeType","PopoverContainer","Popover","handleOutsideClick","parentRef","useOutsideClick","popoverOpen","setPopoverOpen","referenceElement","setReferenceElement","popperElement","setPopperElement","_usePopper","usePopper","placement","offset","attributes","scrollable","clampX","transform","right","getPopoverPosition","popper","returnDepotOptions","menuPortal","provided","zIndex","control","borderColor","SelectPlaceholder","Option","OptionSidebar","DatePicker"],"sourceRoot":""}\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