@sonic-equipment/ui 0.0.94 → 0.0.96

package/dist/index.js

@@ -6,6 +6,7 @@ import { deepEqual } from 'fast-equals';
 import clsx from 'clsx';
 import { Breadcrumbs, Breadcrumb as Breadcrumb$1, FieldError as FieldError$1, useContextProps, InputContext, Input as Input$1, Label as Label$1, NumberField as NumberField$1, Button as Button$1, Select as Select$1, SelectValue, Popover, ListBox, Section, Header, ListBoxItem, ModalOverlay, Modal as Modal$1, Dialog as Dialog$1, Form, Checkbox as Checkbox$1, TextAreaContext, TextArea as TextArea$1, TextField as TextField$1 } from 'react-aria-components';
 import { usePress } from 'react-aria';
+import { toast, ToastContainer, Slide } from 'react-toastify';
 import Cookies from 'js-cookie';
 import { TransitionGroup, CSSTransition, Transition } from 'react-transition-group';
 import { useHierarchicalMenu, useCurrentRefinements, useClearRefinements, useRefinementList, useHits, useDynamicWidgets, usePagination, useInstantSearch, InstantSearch, Configure, useSortBy } from 'react-instantsearch';
@@ -14,7 +15,6 @@ import { simple } from 'instantsearch.js/es/lib/stateMappings/index.js';
 import algoliasearch from 'algoliasearch';
 import aa from 'search-insights';
 import ReactDOM from 'react-dom';
-import { ToastContainer, Slide, toast } from 'react-toastify';
 import { createAutocomplete } from '@algolia/autocomplete-core';
 import { getAlgoliaResults, parseAlgoliaHitHighlight } from '@algolia/autocomplete-preset-algolia';
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
@@ -1540,11 +1540,105 @@ function ManualInputState({ isDisabled, onCancel, onConfirm, quantity, }) {
                 }, size: "md", children: "OK" })] }));
 }
 
+const IntlContext = createContext({
+    formatMessage: text => text,
+    languageCode: 'en-GB',
+    updateLanguageCode: () => { },
+});
+
+function useFormattedMessage() {
+    const { formatMessage } = useContext(IntlContext);
+    return (id, { fallbackValue, optional, replacementValues } = {}) => {
+        const message = formatMessage(id, 
+        /* The following code converts replacementValues from an object to an array.
+         * This is to keep the external API compatible with react-intls version
+         * and internally compatible with the Spire implementation of translate. */
+        ...(replacementValues
+            ? Object.keys(replacementValues)
+                .map(parseFloat)
+                .filter(index => !Number.isNaN(index))
+                .reduce((acc, index) => {
+                const replacementValue = replacementValues[index];
+                if (replacementValue === undefined)
+                    return acc;
+                acc[index] = replacementValue;
+                return acc;
+            }, [])
+            : []));
+        if (optional && message === undefined)
+            console.warn(`Missing translation with id: ${id}`);
+        return message || fallbackValue || id;
+    };
+}
+
+const FormattedMessage = ({ fallbackValue, id, optional, replacementValues, }) => useFormattedMessage()(id, { fallbackValue, optional, replacementValues });
+
+/**
+ * Create UUID according to
+ * https://www.ietf.org/rfc/rfc4122.txt.
+ *
+ * @returns Generated UUID.
+ */
+function createUUID() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
+        const r = (Math.random() * 16) | 0;
+        const v = c === 'x' ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
+}
+
+function SolidAttentionIcon(props) {
+    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M9.0606215,21.2358635 L14.9393785,21.2358635 C15.346918,21.2358635 15.6984208,21.1934114 15.9938869,21.1085074 C16.289353,21.0236033 16.5525556,20.8962472 16.7834947,20.7264391 C17.0144337,20.556631 17.2351842,20.3528613 17.4457463,20.1151299 L21.1747326,15.9887927 C21.3920869,15.7510613 21.560197,15.5269146 21.6790627,15.3163525 C21.7979283,15.1057905 21.8811343,14.8833418 21.9286806,14.6490066 C21.9762269,14.4146714 22,14.1310919 22,13.798268 L22,9.447784 C22,9.1149601 21.9745288,8.83138054 21.9235863,8.59704534 C21.8726439,8.36271014 21.7860418,8.14195959 21.6637799,7.93479368 C21.5415181,7.72762778 21.37171,7.50178299 21.1543556,7.2572593 L17.4457463,3.12073357 C17.2351842,2.88979453 17.0161318,2.68942095 16.7885889,2.51961284 C16.561046,2.34980472 16.2978434,2.22075055 15.9989812,2.13245033 C15.7001189,2.04415011 15.346918,2 14.9393785,2 L9.0606215,2 C8.65308202,2 8.30157922,2.04415011 8.00611309,2.13245033 C7.71064697,2.22075055 7.44914247,2.34980472 7.22159959,2.51961284 C6.99405672,2.68942095 6.77160808,2.88979453 6.55425369,3.12073357 L2.82526745,7.2572593 C2.60112073,7.49499066 2.42961454,7.71743929 2.31074885,7.9246052 C2.19188317,8.1317711 2.11037528,8.35421973 2.06622517,8.5919511 C2.02207506,8.82968246 2,9.1149601 2,9.447784 L2,13.798268 C2,14.1310919 2.02207506,14.4146714 2.06622517,14.6490066 C2.11037528,14.8833418 2.19188317,15.1057905 2.31074885,15.3163525 C2.42961454,15.5269146 2.60112073,15.7510613 2.82526745,15.9887927 L6.55425369,20.1151299 C6.77160808,20.3528613 6.99405672,20.556631 7.22159959,20.7264391 C7.44914247,20.8962472 7.71064697,21.0236033 8.00611309,21.1085074 C8.30157922,21.1934114 8.65308202,21.2358635 9.0606215,21.2358635 Z M12.0152827,13.339786 C11.4583121,13.339786 11.1730345,13.0579046 11.1594498,12.4941416 L11.0269995,7.46102904 C11.0202072,7.18933605 11.1068093,6.96349125 11.2868059,6.78349465 C11.4668025,6.60349805 11.7028358,6.51349975 11.9949058,6.51349975 C12.2869757,6.51349975 12.5247071,6.60519613 12.7080998,6.78858889 C12.8914926,6.97198166 12.983189,7.19952454 12.983189,7.47121752 L12.8405502,12.4941416 C12.8269655,13.0579046 12.5518764,13.339786 12.0152827,13.339786 Z M12.0152827,16.6204789 C11.7028358,16.6204789 11.434539,16.518594 11.2103923,16.3148242 C10.9862455,16.1110545 10.8741722,15.8563423 10.8741722,15.5506877 C10.8741722,15.2518254 10.9862455,14.9988113 11.2103923,14.7916454 C11.434539,14.5844795 11.7028358,14.4808966 12.0152827,14.4808966 C12.3209373,14.4808966 12.585838,14.5827815 12.8099847,14.7865512 C13.0341314,14.9903209 13.1462048,15.2450331 13.1462048,15.5506877 C13.1462048,15.8631347 13.0324334,16.1195449 12.8048905,16.3199185 C12.5773476,16.5202921 12.314145,16.6204789 12.0152827,16.6204789 Z" }) }));
+}
+
+function SolidInformationIcon(props) {
+    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M11.9997748,2 C17.5138784,2 22,6.48597148 22,11.9997748 C22,17.5138784 17.5138784,22 11.9997748,22 C6.48597148,22 2,17.5138784 2,11.9997748 C2,6.48597148 6.48597148,2 11.9997748,2 Z M12,10.0686973 C11.2652767,10.0686973 10.6699001,10.6642241 10.6699001,11.3989474 L10.6699001,16.8046369 C10.6699001,17.53921 11.2652767,18.1347368 12,18.1347368 C12.7347233,18.1347368 13.3300999,17.53921 13.3300999,16.8046369 L13.3300999,11.3989474 C13.3300999,10.6642241 12.7347233,10.0686973 12,10.0686973 Z M12.00003,5.9387205 C11.2663578,5.9387205 10.6694796,6.53559872 10.6694796,7.26927091 C10.6694796,8.0029431 11.2663578,8.59982131 12.00003,8.59982131 C12.7337022,8.59982131 13.3305804,8.0029431 13.3305804,7.26927091 C13.3305804,6.53559872 12.7337022,5.9387205 12.00003,5.9387205 Z", fillRule: "evenodd" }) }));
+}
+
+function SolidNoticeIcon(props) {
+    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M4.65060241,21.1425703 L19.3493976,21.1425703 C19.8982597,21.1425703 20.3701473,21.0254351 20.7650602,20.7911647 C21.1599732,20.5568942 21.4645248,20.2406292 21.6787149,19.8423695 C21.892905,19.4441098 22,18.9973226 22,18.502008 C22,18.2811245 21.9682062,18.0568942 21.9046185,17.8293173 C21.8410308,17.6017403 21.748996,17.37751 21.6285141,17.1566265 L14.2690763,4.3253012 C14.0147256,3.89022758 13.6834003,3.56057564 13.2751004,3.33634538 C12.8668005,3.11211513 12.4417671,3 12,3 C11.5515395,3 11.1231593,3.11211513 10.7148594,3.33634538 C10.3065596,3.56057564 9.97858099,3.89022758 9.73092369,4.3253012 L2.37148594,17.1566265 C2.12382865,17.5850067 2,18.0334672 2,18.502008 C2,18.9973226 2.10709505,19.4441098 2.32128514,19.8423695 C2.53547523,20.2406292 2.84002677,20.5568942 3.23493976,20.7911647 C3.62985274,21.0254351 4.10174029,21.1425703 4.65060241,21.1425703 Z M12.0100402,14.7068273 C11.461178,14.7068273 11.1800535,14.4290495 11.1666667,13.873494 L11.0361446,8.91365462 C11.0294511,8.645917 11.1147925,8.42336011 11.2921687,8.24598394 C11.4695448,8.06860776 11.7021419,7.97991968 11.9899598,7.97991968 C12.2777778,7.97991968 12.5120482,8.07028112 12.6927711,8.25100402 C12.873494,8.43172691 12.9638554,8.65595716 12.9638554,8.92369478 L12.8232932,13.873494 C12.8099063,14.4290495 12.538822,14.7068273 12.0100402,14.7068273 Z M12.0100402,17.939759 C11.7021419,17.939759 11.437751,17.8393574 11.2168675,17.6385542 C10.9959839,17.437751 10.8855422,17.186747 10.8855422,16.8855422 C10.8855422,16.5910308 10.9959839,16.3417001 11.2168675,16.1375502 C11.437751,15.9334003 11.7021419,15.8313253 12.0100402,15.8313253 C12.311245,15.8313253 12.5722892,15.9317269 12.7931727,16.1325301 C13.0140562,16.3333333 13.124498,16.5843373 13.124498,16.8855422 C13.124498,17.1934404 13.0123829,17.4461178 12.7881526,17.6435743 C12.5639224,17.8410308 12.3045515,17.939759 12.0100402,17.939759 Z" }) }));
+}
+
+function SolidOkayIcon(props) {
+    return (jsx("svg", { fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M12.0051467,22 C13.3707325,22 14.6574026,21.7375193 15.865157,21.2125579 C17.0729113,20.6875965 18.1365586,19.9653457 19.0560988,19.0458055 C19.975639,18.1262652 20.6961743,17.0643335 21.2177046,15.8600103 C21.7392349,14.6556871 22,13.3673014 22,11.9948533 C22,10.6292675 21.7375193,9.34259736 21.2125579,8.13484303 C20.6875965,6.92708869 19.9653457,5.86172585 19.0458055,4.9387545 C18.1262652,4.01578315 17.0626179,3.2952479 15.8548636,2.77714874 C14.6471093,2.25904958 13.3604392,2 11.9948533,2 C10.6292675,2 9.34431292,2.25904958 8.13998971,2.77714874 C6.9356665,3.2952479 5.87201921,4.01578315 4.94904786,4.9387545 C4.02607651,5.86172585 3.3038257,6.92708869 2.78229542,8.13484303 C2.26076514,9.34259736 2,10.6292675 2,11.9948533 C2,13.3673014 2.2624807,14.6556871 2.7874421,15.8600103 C3.3124035,17.0643335 4.03465431,18.1262652 4.95419454,19.0458055 C5.87373477,19.9653457 6.9356665,20.6875965 8.13998971,21.2125579 C9.34431292,21.7375193 10.6326986,22 12.0051467,22 Z M10.9243438,16.7812661 C10.7390633,16.7812661 10.5743695,16.7400926 10.4302625,16.6577458 C10.2861554,16.5753989 10.1489106,16.4518785 10.018528,16.2871848 L7.60988163,13.3329902 C7.43832561,13.1202608 7.35254761,12.9006691 7.35254761,12.6742151 C7.35254761,12.4340367 7.43317893,12.2298851 7.59444159,12.0617602 C7.75570424,11.8936353 7.95642477,11.8095728 8.19660319,11.8095728 C8.34071024,11.8095728 8.47280837,11.8404529 8.59289758,11.9022131 C8.71298679,11.9639732 8.83136044,12.0737691 8.94801853,12.2316006 L10.8831704,14.7020072 L14.9696346,8.14513639 C15.1686396,7.82261108 15.4156802,7.66134843 15.7107566,7.66134843 C15.9372105,7.66134843 16.1413622,7.73511752 16.3232115,7.88265569 C16.5050609,8.03019386 16.5959856,8.22405215 16.5959856,8.46423057 C16.5959856,8.57402642 16.5702522,8.68553783 16.5187854,8.7987648 C16.4673186,8.91199177 16.407274,9.02007205 16.3386516,9.12300566 L11.7786927,16.2768914 C11.5659633,16.6131412 11.2811803,16.7812661 10.9243438,16.7812661 Z" }) }));
+}
+
+function StrokeCloseboxIcon(props) {
+    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M8,8 L16,16 M16,8 L8,16", fill: "currentColor", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.4" }) }));
+}
+
+var styles$_ = {"toast":"toast-module-VzLw4","close":"toast-module-mAwpu","icon":"toast-module-JqNiT","success":"toast-module-cuSIT","info":"toast-module-ABLCP","warning":"toast-module-jGWiH","danger":"toast-module-t33Ra"};
+
+const icons = {
+    danger: jsx(SolidAttentionIcon, {}),
+    info: jsx(SolidInformationIcon, {}),
+    success: jsx(SolidOkayIcon, {}),
+    warning: jsx(SolidNoticeIcon, {}),
+};
+const Toast = forwardRef(({ className, id, onClose, toastMessage: { body, isUserDismissable, messageType = 'info' }, }, ref) => {
+    return (jsxs("div", { ref: ref, className: clsx(styles$_.toast, styles$_[messageType], className), children: [jsx("span", { className: styles$_.icon, children: icons[messageType] }), body, isUserDismissable && (jsx(IconButton, { className: styles$_.close, color: "secondary", onClick: () => onClose?.(id), children: jsx(StrokeCloseboxIcon, {}) }))] }));
+});
+Toast.displayName = 'Toast';
+
+function useToast() {
+    const count = useRef(0);
+    return {
+        addToast(toastMessage, toastOptions) {
+            const id = createUUID();
+            toast(jsx(Toast, { ref: el => el && (el.style.zIndex = (count.current++).toString()), id: id, onClose: id => toast.dismiss(id), toastMessage: toastMessage }), {
+                toastId: id,
+                ...toastOptions,
+            });
+        },
+    };
+}
+
 const ConnectedAddToCartButton = ({ onAddToCart, productId }) => {
     const { isPending: isPendingAddToCart, mutate: addToCart } = useAddProductToCurrentCart();
     const { data: cartLines, isLoading: isLoadingCartLines } = useFetchCurrentCartLines();
     const { isPending: isPendingDeleteCartLine, mutate: deleteCartLine } = useDeleteCartLineById();
     const { mutate: updateCartLine } = useUpdateCartLineById();
+    const { addToast } = useToast();
     const { onCartLineAdded, onCartLineError, onCartLineRemoved, onCartLineUpdated, } = useCartEvents();
     const cartLine = cartLines?.find(line => line.productId === productId);
     const quantity = cartLine?.qtyOrdered || 0;
@@ -1552,9 +1646,21 @@ const ConnectedAddToCartButton = ({ onAddToCart, productId }) => {
         if (cartLine) {
             if (quantity === 0) {
                 deleteCartLine({ cartLineId: cartLine.id }, {
-                    onError: error => onCartLineError?.(error, cartLine),
+                    onError: error => {
+                        onCartLineError?.(error, cartLine);
+                        addToast({
+                            body: (jsx(FormattedMessage, { id: "Unable to remove the product from your cart." })),
+                            isUserDismissable: false,
+                            messageType: 'danger',
+                        });
+                    },
                     onSuccess: () => {
                         onCartLineRemoved?.(cartLine);
+                        addToast({
+                            body: (jsx(FormattedMessage, { id: "The product has been removed from your cart." })),
+                            isUserDismissable: false,
+                            messageType: 'success',
+                        });
                     },
                 });
             }
@@ -1563,19 +1669,43 @@ const ConnectedAddToCartButton = ({ onAddToCart, productId }) => {
                     cartLine: { ...cartLine, qtyOrdered: quantity },
                     cartLineId: cartLine.id,
                 }, {
-                    onError: error => onCartLineError?.(error, cartLine),
+                    onError: error => {
+                        onCartLineError?.(error, cartLine);
+                        addToast({
+                            body: (jsx(FormattedMessage, { id: "Unable to update the product in your cart." })),
+                            isUserDismissable: false,
+                            messageType: 'danger',
+                        });
+                    },
                     onSuccess: () => {
                         onCartLineUpdated?.({ ...cartLine, qtyOrdered: quantity });
+                        addToast({
+                            body: (jsx(FormattedMessage, { id: "The product has been updated in your cart." })),
+                            isUserDismissable: false,
+                            messageType: 'success',
+                        });
                     },
                 });
             }
         }
         else {
             addToCart({ productId, qtyOrdered: quantity, unitOfMeasure: '' }, {
-                onError: error => onCartLineError?.(error, cartLine),
+                onError: error => {
+                    onCartLineError?.(error, cartLine);
+                    addToast({
+                        body: (jsx(FormattedMessage, { id: "Unable to add the product to your cart." })),
+                        isUserDismissable: false,
+                        messageType: 'danger',
+                    });
+                },
                 onSuccess: cartLine => {
                     onAddToCart?.();
                     onCartLineAdded?.(cartLine);
+                    addToast({
+                        body: (jsx(FormattedMessage, { id: "The product has been added to your cart." })),
+                        isUserDismissable: false,
+                        messageType: 'success',
+                    });
                 },
             });
         }
@@ -1583,48 +1713,15 @@ const ConnectedAddToCartButton = ({ onAddToCart, productId }) => {
     return (jsx(AddToCartButton, { isDisabled: isPendingDeleteCartLine || isLoadingCartLines || isPendingAddToCart, onChange: handleChange, quantity: quantity }));
 };
 
-var styles$_ = {"tag":"tag-module-B7r15","body":"tag-module-4cfCf","shape":"tag-module-c7CRb"};
+var styles$Z = {"tag":"tag-module-B7r15","body":"tag-module-4cfCf","shape":"tag-module-c7CRb"};
 
 function Tag({ children }) {
     if (!children)
         return null;
-    return (jsxs("div", { className: styles$_.tag, children: [jsx("div", { className: styles$_.body, children: children }), jsx("svg", { className: styles$_.shape, height: "16", viewBox: "0 0 9 16", width: "9", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M1.92461763,0 L0,0 L0,16 L1.92461763,16 L6.4117887,16 L8.87489381,7.57121588 C9.23711515,6.3325062 8.79482383,4.99454094 7.78060408,4.2560794 L1.92461763,0 Z", fill: "currentColor" }) })] }));
-}
-
-const IntlContext = createContext({
-    formatMessage: text => text,
-    languageCode: 'en-GB',
-    updateLanguageCode: () => { },
-});
-
-function useFormattedMessage() {
-    const { formatMessage } = useContext(IntlContext);
-    return (id, { fallbackValue, optional, replacementValues } = {}) => {
-        const message = formatMessage(id, 
-        /* The following code converts replacementValues from an object to an array.
-         * This is to keep the external API compatible with react-intls version
-         * and internally compatible with the Spire implementation of translate. */
-        ...(replacementValues
-            ? Object.keys(replacementValues)
-                .map(parseFloat)
-                .filter(index => !Number.isNaN(index))
-                .reduce((acc, index) => {
-                const replacementValue = replacementValues[index];
-                if (replacementValue === undefined)
-                    return acc;
-                acc[index] = replacementValue;
-                return acc;
-            }, [])
-            : []));
-        if (optional && message === undefined)
-            console.warn(`Missing translation with id: ${id}`);
-        return message || fallbackValue || id;
-    };
+    return (jsxs("div", { className: styles$Z.tag, children: [jsx("div", { className: styles$Z.body, children: children }), jsx("svg", { className: styles$Z.shape, height: "16", viewBox: "0 0 9 16", width: "9", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M1.92461763,0 L0,0 L0,16 L1.92461763,16 L6.4117887,16 L8.87489381,7.57121588 C9.23711515,6.3325062 8.79482383,4.99454094 7.78060408,4.2560794 L1.92461763,0 Z", fill: "currentColor" }) })] }));
 }
 
-const FormattedMessage = ({ fallbackValue, id, optional, replacementValues, }) => useFormattedMessage()(id, { fallbackValue, optional, replacementValues });
-
-var styles$Z = {"product-price":"product-price-module-oIU1K","original-price":"product-price-module-til0s","is-hidden":"product-price-module-V1NCf","current-price-wrapper":"product-price-module-FfVhl","current-price":"product-price-module-pvy2w","wholes":"product-price-module-GCw07","dot":"product-price-module-N56iV","decimals":"product-price-module-eWOOF","vat":"product-price-module-96DoG"};
+var styles$Y = {"product-price":"product-price-module-oIU1K","original-price":"product-price-module-til0s","is-hidden":"product-price-module-V1NCf","current-price-wrapper":"product-price-module-FfVhl","current-price":"product-price-module-pvy2w","wholes":"product-price-module-GCw07","dot":"product-price-module-N56iV","decimals":"product-price-module-eWOOF","vat":"product-price-module-96DoG"};
 
 const formatPrice = (price) => new Intl.NumberFormat('en-US', {
     maximumFractionDigits: 2,
@@ -1637,22 +1734,22 @@ function ProductPrice({ className, isVatIncluded, originalPrice, price, }) {
     const priceWithCurrency = formatPrice(price);
     const [wholes, decimals] = priceWithCurrency.split('.');
     const showOriginalPrice = priceWithCurrency !== originalPriceWithCurrency;
-    return (jsxs("div", { className: clsx(className, styles$Z['product-price']), children: [jsx("span", { className: clsx(styles$Z['original-price'], {
-                    [styles$Z['is-hidden']]: !showOriginalPrice,
-                }), children: originalPriceWithCurrency }), jsxs("div", { className: styles$Z['current-price-wrapper'], children: [jsxs("div", { className: styles$Z['current-price'], children: [jsx("span", { className: styles$Z.wholes, children: wholes }), jsx("span", { className: styles$Z.dot, children: "." }), jsx("span", { className: styles$Z.decimals, children: decimals })] }), jsx("span", { className: styles$Z.vat, children: isVatIncluded ? (jsx(FormattedMessage, { id: "Incl. VAT" })) : (jsx(FormattedMessage, { id: "Excl. VAT" })) })] })] }));
+    return (jsxs("div", { className: clsx(className, styles$Y['product-price']), children: [jsx("span", { className: clsx(styles$Y['original-price'], {
+                    [styles$Y['is-hidden']]: !showOriginalPrice,
+                }), children: originalPriceWithCurrency }), jsxs("div", { className: styles$Y['current-price-wrapper'], children: [jsxs("div", { className: styles$Y['current-price'], children: [jsx("span", { className: styles$Y.wholes, children: wholes }), jsx("span", { className: styles$Y.dot, children: "." }), jsx("span", { className: styles$Y.decimals, children: decimals })] }), jsx("span", { className: styles$Y.vat, children: isVatIncluded ? (jsx(FormattedMessage, { id: "Incl. VAT" })) : (jsx(FormattedMessage, { id: "Excl. VAT" })) })] })] }));
 }
 
-var styles$Y = {"product-sku":"product-sku-module-ITb8x"};
+var styles$X = {"product-sku":"product-sku-module-ITb8x"};
 
 function ProductSku({ sku }) {
-    return (jsx("p", { className: styles$Y['product-sku'], "data-test-selector": "productNumber", children: sku }));
+    return (jsx("p", { className: styles$X['product-sku'], "data-test-selector": "productNumber", children: sku }));
 }
 
 function isResponsiveImage(image) {
     return Boolean(image?.lg);
 }
 
-var styles$X = {"image":"image-module-lg7Kj","contain":"image-module-KFEgG","cover":"image-module-tVKFe","has-error":"image-module-LM93B","picture":"image-module-pNYjR"};
+var styles$W = {"image":"image-module-lg7Kj","contain":"image-module-KFEgG","cover":"image-module-tVKFe","has-error":"image-module-LM93B","picture":"image-module-pNYjR"};
 
 function Image({ className, fallbackSrc = 'https://res.cloudinary.com/dkz9eknwh/image/upload/v1716545808/images/product-card/fallback_p6ngjz.svg', fit = 'cover', height, image, loading = 'eager', title, width, }) {
     const [hasError, setHasError] = useState(false);
@@ -1676,26 +1773,26 @@ function Image({ className, fallbackSrc = 'https://res.cloudinary.com/dkz9eknwh/
 }
 function ImageComponent({ className, fallbackSrc, fit = 'cover', hasError, image, ...rest }) {
     if (!image)
-        return (jsx("img", { className: clsx(styles$X.image, className, styles$X[fit], styles$X['has-error']), src: fallbackSrc, ...rest }));
+        return (jsx("img", { className: clsx(styles$W.image, className, styles$W[fit], styles$W['has-error']), src: fallbackSrc, ...rest }));
     const srcSet = !hasError
         ? `${image[1]} 1x, ${image[2]} 2x, ${image[3]} 3x`
         : undefined;
-    return (jsx("img", { alt: image.altText, className: clsx(styles$X.image, className, styles$X[fit], {
-            [styles$X['has-error']]: hasError,
+    return (jsx("img", { alt: image.altText, className: clsx(styles$W.image, className, styles$W[fit], {
+            [styles$W['has-error']]: hasError,
         }), src: !hasError ? image[3] : fallbackSrc, srcSet: srcSet, ...rest }));
 }
 function PictureComponent({ className, fallbackSrc, fit = 'cover', hasError, image, ...rest }) {
     if (!image)
-        return (jsx("picture", { className: clsx(styles$X.picture, className), children: jsx("img", { className: clsx(styles$X.image, styles$X[fit], styles$X['has-error']), src: fallbackSrc, ...rest }) }));
-    return (jsxs("picture", { className: clsx(styles$X.picture, className), children: [jsx("source", { media: "(max-width: 768px)", srcSet: `${image.sm[1]} 1x, ${image.sm[2]} 2x, ${image.sm[3]} 3x` }), jsx("source", { media: "(max-width: 1439px)", srcSet: `${image.md[1]} 1x, ${image.md[2]} 2x, ${image.md[3]} 3x` }), jsx("source", { media: "(min-width: 1440px)", srcSet: `${image.lg[1]} 1x, ${image.lg[2]} 2x, ${image.lg[3]} 3x` }), jsx("img", { className: clsx(styles$X.image, styles$X[fit], {
-                    [styles$X['has-error']]: hasError,
+        return (jsx("picture", { className: clsx(styles$W.picture, className), children: jsx("img", { className: clsx(styles$W.image, styles$W[fit], styles$W['has-error']), src: fallbackSrc, ...rest }) }));
+    return (jsxs("picture", { className: clsx(styles$W.picture, className), children: [jsx("source", { media: "(max-width: 768px)", srcSet: `${image.sm[1]} 1x, ${image.sm[2]} 2x, ${image.sm[3]} 3x` }), jsx("source", { media: "(max-width: 1439px)", srcSet: `${image.md[1]} 1x, ${image.md[2]} 2x, ${image.md[3]} 3x` }), jsx("source", { media: "(min-width: 1440px)", srcSet: `${image.lg[1]} 1x, ${image.lg[2]} 2x, ${image.lg[3]} 3x` }), jsx("img", { className: clsx(styles$W.image, styles$W[fit], {
+                    [styles$W['has-error']]: hasError,
                 }), src: !hasError ? image.lg[3] : fallbackSrc, ...rest })] }));
 }
 
-var styles$W = {"product-card-container":"product-card-module-LepTy","product-card":"product-card-module-pLaiB","favorite-button":"product-card-module-tvEdz","content":"product-card-module-e0kMu","top":"product-card-module-Q0VvF","tag":"product-card-module-HkWBE","title":"product-card-module-CStNi","bottom":"product-card-module-kD2tU","image":"product-card-module-p-zoi","price":"product-card-module-irW0D","add-to-cart-button":"product-card-module-SnCvX"};
+var styles$V = {"product-card-container":"product-card-module-LepTy","product-card":"product-card-module-pLaiB","favorite-button":"product-card-module-tvEdz","content":"product-card-module-e0kMu","top":"product-card-module-Q0VvF","tag":"product-card-module-HkWBE","title":"product-card-module-CStNi","bottom":"product-card-module-kD2tU","image":"product-card-module-p-zoi","price":"product-card-module-irW0D","add-to-cart-button":"product-card-module-SnCvX"};
 
 function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, href, id, image, onClick, price, sku, tags, title, }) {
-    return (jsx("div", { className: styles$W['product-card-container'], children: jsxs(RouteLink, { className: styles$W['product-card'], "data-product-id": sku, href: href, id: id, onClick: onClick, children: [jsx("div", { className: styles$W.image, children: jsx(Image, { ...image }) }), jsx("div", { className: styles$W['favorite-button'], children: FavoriteButton && FavoriteButton }), jsxs("div", { className: styles$W.content, children: [jsxs("div", { className: styles$W.top, children: [jsx("div", { className: styles$W.tag, children: tags?.map(tag => (jsx(Tag, { children: jsx(FormattedMessage, { optional: true, fallbackValue: tag, id: `tag.${tag.toLowerCase()}` }) }, tag))) }), jsx("h2", { className: styles$W.title, children: title }), jsx(ProductSku, { sku: sku })] }), jsxs("div", { className: styles$W.bottom, children: [jsx("div", { className: styles$W.price, children: jsx(ProductPrice, { isVatIncluded: price.isVatIncluded, originalPrice: price.originalPrice, price: price.price }) }), jsx("div", { className: styles$W['add-to-cart-button'], children: AddToCartButton })] })] })] }) }));
+    return (jsx("div", { className: styles$V['product-card-container'], children: jsxs(RouteLink, { className: styles$V['product-card'], "data-product-id": sku, href: href, id: id, onClick: onClick, children: [jsx("div", { className: styles$V.image, children: jsx(Image, { ...image }) }), jsx("div", { className: styles$V['favorite-button'], children: FavoriteButton && FavoriteButton }), jsxs("div", { className: styles$V.content, children: [jsxs("div", { className: styles$V.top, children: [jsx("div", { className: styles$V.tag, children: tags?.map(tag => (jsx(Tag, { children: jsx(FormattedMessage, { optional: true, fallbackValue: tag, id: `tag.${tag.toLowerCase()}` }) }, tag))) }), jsx("h2", { className: styles$V.title, children: title }), jsx(ProductSku, { sku: sku })] }), jsxs("div", { className: styles$V.bottom, children: [jsx("div", { className: styles$V.price, children: jsx(ProductPrice, { isVatIncluded: price.isVatIncluded, originalPrice: price.originalPrice, price: price.price }) }), jsx("div", { className: styles$V['add-to-cart-button'], children: AddToCartButton })] })] })] }) }));
 }
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -7474,13 +7571,13 @@ function GlyphsArrowBoldCapsLeftIcon(props) {
     return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "11", viewBox: "0 0 11 11", width: "11", children: jsx("path", { d: "M2.31124163,11 C2.06716529,11 1.91839241,10.7730596 2.04771379,10.5980857 L6.08820761,5.13116556 C6.42092595,4.68081431 6.37243043,4.10595375 5.96732409,3.70073526 L2.70240329,0.432177991 C2.53178078,0.261409485 2.67540212,0 2.93972934,0 L5.48361239,0 C5.57518542,0 5.6619622,0.0340936243 5.72102726,0.0931942463 L8.14882304,2.52367916 C9.1607451,3.53657521 9.28198389,4.9729381 8.45036569,6.09787751 L4.91836426,10.876542 C4.86160851,10.9533653 4.7620417,11 4.65492523,11 L2.31124163,11 Z", fillRule: "evenodd", transform: "matrix(-1 0 0 1 11 0)" }) }));
 }
 
-var styles$V = {"carousel-navigation-button":"carousel-navigation-button-module-a1-I4"};
+var styles$U = {"carousel-navigation-button":"carousel-navigation-button-module-a1-I4"};
 
 const CarouselNavigationButton = forwardRef(function NavigationButton({ className, direction, onClick }, ref) {
-    return (jsx("button", { ref: ref, className: clsx(styles$V['carousel-navigation-button'], className), onClick: () => onClick?.(direction), children: direction === 'previous' ? (jsx(GlyphsArrowBoldCapsLeftIcon, {})) : (jsx(GlyphsArrowBoldCapsRightIcon, {})) }));
+    return (jsx("button", { ref: ref, className: clsx(styles$U['carousel-navigation-button'], className), onClick: () => onClick?.(direction), children: direction === 'previous' ? (jsx(GlyphsArrowBoldCapsLeftIcon, {})) : (jsx(GlyphsArrowBoldCapsRightIcon, {})) }));
 });
 
-var styles$U = {"carousel":"carousel-module-ealh-","swiper":"carousel-module-IftbN","is-ready":"carousel-module-RCpfc","has-overflow":"carousel-module-tPg7k","slide":"carousel-module-bUMlb","navigation-button-next":"carousel-module-T7bTr","is-dragging":"carousel-module-34OWD","navigation-button-prev":"carousel-module-984Rr","navigation-buttons":"carousel-module-k7Z4S","navigation-button":"carousel-module-kcqEE","top":"carousel-module-nL-O8","center":"carousel-module-5SGYn"};
+var styles$T = {"carousel":"carousel-module-ealh-","swiper":"carousel-module-IftbN","is-ready":"carousel-module-RCpfc","has-overflow":"carousel-module-tPg7k","slide":"carousel-module-bUMlb","navigation-button-next":"carousel-module-T7bTr","is-dragging":"carousel-module-34OWD","navigation-button-prev":"carousel-module-984Rr","navigation-buttons":"carousel-module-k7Z4S","navigation-button":"carousel-module-kcqEE","top":"carousel-module-nL-O8","center":"carousel-module-5SGYn"};
 
 function generateSlidesPerViewBreakpoints(slidesPerView) {
     return Object.keys(slidesPerView).reduce((result, breakpoint) => ({
@@ -7519,12 +7616,12 @@ function Carousel({ breakpoints: _breakpoints, className, hasNavigation = true,
     }
     if (slides.length === 0)
         return null;
-    return (jsxs("div", { className: clsx(styles$U.carousel, className), style: spaceBetween !== undefined
+    return (jsxs("div", { className: clsx(styles$T.carousel, className), style: spaceBetween !== undefined
             ? { '--column-gap': `${spaceBetween}px` }
-            : undefined, children: [jsx(Swiper, { breakpoints: _breakpoints, className: clsx(styles$U.swiper, {
-                    [styles$U['is-dragging']]: isDragging,
-                    [styles$U['has-overflow']]: hasOverflow,
-                    [styles$U['is-ready']]: isReady,
+            : undefined, children: [jsx(Swiper, { breakpoints: _breakpoints, className: clsx(styles$T.swiper, {
+                    [styles$T['is-dragging']]: isDragging,
+                    [styles$T['has-overflow']]: hasOverflow,
+                    [styles$T['is-ready']]: isReady,
                 }), freeMode: {
                     enabled: false,
                     sticky: true,
@@ -7535,19 +7632,19 @@ function Carousel({ breakpoints: _breakpoints, className, hasNavigation = true,
                 }, onBeforeInit: swiper => (swiperRef.current = swiper), onSliderMove: () => setIsDragging(true), onSlidesUpdated: () => {
                     if (!isReady)
                         setIsReady(true);
-                }, onTouchEnd: () => setIsDragging(false), slidesPerGroupAuto: slidesPerView === 'auto', slidesPerView: slidesPerView, spaceBetween: spaceBetween, children: slides.map((slide, index) => (jsx(SwiperSlide, { className: clsx(styles$U.slide, slideClasses), children: slide }, index))) }), hasNavigation && (jsxs("div", { className: clsx(styles$U['navigation-buttons'], styles$U[navigationButtonsPosition]), children: [jsx(CarouselNavigationButton, { ref: prevEl, className: clsx(styles$U['navigation-button'], styles$U['navigation-button-prev']), direction: "previous", onClick: direction => handleNavigationButtonClick(direction) }), jsx(CarouselNavigationButton, { ref: nextEl, className: clsx(styles$U['navigation-button'], styles$U['navigation-button-next']), direction: "next", onClick: direction => handleNavigationButtonClick(direction) })] }))] }));
+                }, onTouchEnd: () => setIsDragging(false), slidesPerGroupAuto: slidesPerView === 'auto', slidesPerView: slidesPerView, spaceBetween: spaceBetween, children: slides.map((slide, index) => (jsx(SwiperSlide, { className: clsx(styles$T.slide, slideClasses), children: slide }, index))) }), hasNavigation && (jsxs("div", { className: clsx(styles$T['navigation-buttons'], styles$T[navigationButtonsPosition]), children: [jsx(CarouselNavigationButton, { ref: prevEl, className: clsx(styles$T['navigation-button'], styles$T['navigation-button-prev']), direction: "previous", onClick: direction => handleNavigationButtonClick(direction) }), jsx(CarouselNavigationButton, { ref: nextEl, className: clsx(styles$T['navigation-button'], styles$T['navigation-button-next']), direction: "next", onClick: direction => handleNavigationButtonClick(direction) })] }))] }));
 }
 
-var styles$T = {"slide":"category-carousel-module-muLq-"};
+var styles$S = {"slide":"category-carousel-module-muLq-"};
 
 function CategoryCarousel({ categoryCards }) {
-    return jsx(Carousel, { slideClasses: styles$T.slide, slides: categoryCards });
+    return jsx(Carousel, { slideClasses: styles$S.slide, slides: categoryCards });
 }
 
-var styles$S = {"accordion":"accordion-module-9WvAH","indented":"accordion-module-6CcEH","white":"accordion-module-CaVdG","accordion-item":"accordion-module-lf9d-","lg":"accordion-module-0qnae","with-seperators":"accordion-module-yOLrW","button":"accordion-module--Rwpb","icon":"accordion-module-Y50uq","focus":"accordion-module-M4BZs","panel":"accordion-module-KZjMo","content":"accordion-module-ejMH3","border-type-bottom":"accordion-module-oTdZK","border-type-top":"accordion-module-0mrLq","border-type-middle":"accordion-module-aAr-R","is-open":"accordion-module-W0F1z","border-type-middle-accentuated":"accordion-module-OB98a"};
+var styles$R = {"accordion":"accordion-module-9WvAH","indented":"accordion-module-6CcEH","white":"accordion-module-CaVdG","accordion-item":"accordion-module-lf9d-","lg":"accordion-module-0qnae","with-seperators":"accordion-module-yOLrW","button":"accordion-module--Rwpb","icon":"accordion-module-Y50uq","focus":"accordion-module-M4BZs","panel":"accordion-module-KZjMo","content":"accordion-module-ejMH3","border-type-bottom":"accordion-module-oTdZK","border-type-top":"accordion-module-0mrLq","border-type-middle":"accordion-module-aAr-R","is-open":"accordion-module-W0F1z","border-type-middle-accentuated":"accordion-module-OB98a"};
 
 function Accordion({ borderType = 'bottom', children, color = 'black', hasLineSeparator = true, indented, size = 'md', }) {
-    return (jsx("div", { className: clsx({ [styles$S.indented]: indented }, styles$S.accordion, styles$S[color], styles$S[size], hasLineSeparator && styles$S['with-seperators']), children: Boolean(children) &&
+    return (jsx("div", { className: clsx({ [styles$R.indented]: indented }, styles$R.accordion, styles$R[color], styles$R[size], hasLineSeparator && styles$R['with-seperators']), children: Boolean(children) &&
             Children.map(children, child => {
                 if (!child)
                     return null;
@@ -7584,7 +7681,7 @@ function useResizeObserver(resizeCallback) {
     };
 }
 
-var styles$R = {"show-all":"show-all-module-BDp21","panel":"show-all-module-bEdda","content":"show-all-module-RF--F","has-transparency":"show-all-module-30y7l","button":"show-all-module-58e7Q","icon":"show-all-module-fqncI","is-open":"show-all-module-hQeGI","content-fits":"show-all-module-OhPfm"};
+var styles$Q = {"show-all":"show-all-module-BDp21","panel":"show-all-module-bEdda","content":"show-all-module-RF--F","has-transparency":"show-all-module-30y7l","button":"show-all-module-58e7Q","icon":"show-all-module-fqncI","is-open":"show-all-module-hQeGI","content-fits":"show-all-module-OhPfm"};
 
 function ShowAll({ children, hasTransparency = true, initialHeight = 0, initialIsOpen = false, isOpen: isControlledOpen, onToggle, }) {
     const isControlled = isControlledOpen !== undefined && onToggle !== undefined;
@@ -7595,23 +7692,23 @@ function ShowAll({ children, hasTransparency = true, initialHeight = 0, initialI
     const { ref } = useResizeObserver((_target, size) => {
         setContentFits((size.height || 0) <= initialHeight);
     });
-    return (jsxs("div", { ref: showAllRef, className: clsx(styles$R['show-all'], {
-            [styles$R['content-fits']]: contentFits,
-            [styles$R['is-open']]: isReallyOpen,
-        }), style: contentFits ? undefined : { '--initital-height': `${initialHeight}px` }, children: [jsx("div", { className: styles$R.panel, children: jsx("div", { className: clsx(styles$R.content, {
-                        [styles$R['has-transparency']]: !contentFits && hasTransparency,
-                    }), children: jsx("div", { ref: ref, children: children }) }) }), !contentFits && (jsxs(RouteLink, { className: styles$R.button, color: "secondary", onClick: () => {
+    return (jsxs("div", { ref: showAllRef, className: clsx(styles$Q['show-all'], {
+            [styles$Q['content-fits']]: contentFits,
+            [styles$Q['is-open']]: isReallyOpen,
+        }), style: contentFits ? undefined : { '--initital-height': `${initialHeight}px` }, children: [jsx("div", { className: styles$Q.panel, children: jsx("div", { className: clsx(styles$Q.content, {
+                        [styles$Q['has-transparency']]: !contentFits && hasTransparency,
+                    }), children: jsx("div", { ref: ref, children: children }) }) }), !contentFits && (jsxs(RouteLink, { className: styles$Q.button, color: "secondary", onClick: () => {
                     if (isControlled)
                         return onToggle(!isControlled);
                     toggle();
-                }, children: [jsx(GlyphsChevronsSlimDownIcon, { className: styles$R.icon }), isReallyOpen ? (jsx(FormattedMessage, { id: "Show less" })) : (jsx(FormattedMessage, { id: "Show all" }))] }))] }));
+                }, children: [jsx(GlyphsChevronsSlimDownIcon, { className: styles$Q.icon }), isReallyOpen ? (jsx(FormattedMessage, { id: "Show less" })) : (jsx(FormattedMessage, { id: "Show all" }))] }))] }));
 }
 
 function StrokeCheckmarkIcon(props) {
     return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M10.8641425,17 C10.6636971,17 10.4855234,16.9548533 10.3296214,16.8645598 C10.1737194,16.7742664 10.0252413,16.6388262 9.88418708,16.4582393 L6.27839644,12.2189616 C6.09279881,11.9857035 6,11.744921 6,11.496614 C6,11.2332581 6.08723088,11.0094056 6.26169265,10.8250564 C6.43615442,10.6407073 6.65330364,10.5485327 6.91314031,10.5485327 C7.06904232,10.5485327 7.21195249,10.5823928 7.34187082,10.6501129 C7.47178916,10.717833 7.59985152,10.8382242 7.72605791,11.0112867 L10.8195991,14.7200903 L16.2405345,6.53047404 C16.4558278,6.17682468 16.7230883,6 17.0423163,6 C17.2873051,6 17.5081663,6.08088789 17.7048998,6.24266366 C17.9016333,6.40443943 18,6.61700527 18,6.88036117 C18,7.00075245 17.9721604,7.12302483 17.9164811,7.24717833 C17.8608018,7.37133183 17.7958426,7.48984199 17.7216036,7.6027088 L11.7884187,16.4469526 C11.5582777,16.8156509 11.2501856,17 10.8641425,17 Z", fillRule: "evenodd" }) }));
 }
 
-var styles$Q = {"select":"select-module-ui-Wc","sm":"select-module-44a1l","md":"select-module-QUm-8","button":"select-module-aMQIQ","chevron":"select-module-00uRU","focus":"select-module-XMc0P","solid":"select-module-IRd4F","popover":"select-module-z8cWq","listbox":"select-module-S21ba","header":"select-module-4Bm2j","item":"select-module-LgEJO","check":"select-module-lQFw3"};
+var styles$P = {"select":"select-module-ui-Wc","sm":"select-module-44a1l","md":"select-module-QUm-8","button":"select-module-aMQIQ","chevron":"select-module-00uRU","focus":"select-module-XMc0P","solid":"select-module-IRd4F","popover":"select-module-z8cWq","listbox":"select-module-S21ba","header":"select-module-4Bm2j","item":"select-module-LgEJO","check":"select-module-lQFw3"};
 
 function Select({ isDisabled = false, label, onChange, options, placeholder, selectedOption, showLabel = true, showPlaceholder = true, size = 'md', variant = 'outline', }) {
     const selectRef = useRef(null);
@@ -7628,24 +7725,20 @@ function Select({ isDisabled = false, label, onChange, options, placeholder, sel
         window.addEventListener('resize', updateWidth);
         return () => window.removeEventListener('resize', updateWidth);
     }, []);
-    return (jsxs(Select$1, { ref: selectRef, "aria-label": label, className: clsx(styles$Q.select, styles$Q[size], styles$Q[variant]), isDisabled: isDisabled, onSelectionChange: selected => onChange(selected), placeholder: placeholder || label, selectedKey: String(selectedOption), children: [showLabel && jsx(Label, { children: label }), jsxs(Button$1, { className: styles$Q.button, children: [jsx(SelectValue, {}), jsx(GlyphsChevronsSlimDownIcon, { "aria-hidden": "true", className: styles$Q.chevron })] }), jsx(Popover, { ref: ref => 
+    return (jsxs(Select$1, { ref: selectRef, "aria-label": label, className: clsx(styles$P.select, styles$P[size], styles$P[variant]), isDisabled: isDisabled, onSelectionChange: selected => onChange(selected), placeholder: placeholder || label, selectedKey: String(selectedOption), children: [showLabel && jsx(Label, { children: label }), jsxs(Button$1, { className: styles$P.button, children: [jsx(SelectValue, {}), jsx(GlyphsChevronsSlimDownIcon, { "aria-hidden": "true", className: styles$P.chevron })] }), jsx(Popover, { ref: ref => 
                 // Workaround for react/react-aria #1513
-                ref?.addEventListener('touchend', e => e.preventDefault()), className: clsx(styles$Q.popover, styles$Q[variant]), placement: "bottom left", triggerRef: selectRef, children: jsx(ListBox, { className: styles$Q.listbox, children: jsxs(Section, { children: [showPlaceholder && (jsx(Header, { className: styles$Q.header, children: placeholder || label })), Object.entries(options).map(([key, value]) => (jsxs(ListBoxItem, { "aria-label": value, className: styles$Q.item, id: key, textValue: value, children: [selectedOption === key && (jsx("span", { slot: "description", children: jsx(StrokeCheckmarkIcon, { className: styles$Q.check }) })), jsx("span", { slot: "label", children: value })] }, key)))] }) }) })] }));
+                ref?.addEventListener('touchend', e => e.preventDefault()), className: clsx(styles$P.popover, styles$P[variant]), placement: "bottom left", triggerRef: selectRef, children: jsx(ListBox, { className: styles$P.listbox, children: jsxs(Section, { children: [showPlaceholder && (jsx(Header, { className: styles$P.header, children: placeholder || label })), Object.entries(options).map(([key, value]) => (jsxs(ListBoxItem, { "aria-label": value, className: styles$P.item, id: key, textValue: value, children: [selectedOption === key && (jsx("span", { slot: "description", children: jsx(StrokeCheckmarkIcon, { className: styles$P.check }) })), jsx("span", { slot: "label", children: value })] }, key)))] }) }) })] }));
 }
 
-function StrokeCloseboxIcon(props) {
-    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M8,8 L16,16 M16,8 L8,16", fill: "currentColor", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.4" }) }));
-}
-
-var styles$P = {"modal-overlay":"modal-module-rVFJc","modal-fade":"modal-module-63Uyl","is-full-screen":"modal-module-uwets","modal":"modal-module-6vlFt","content":"modal-module-FJxzx","modal-slide":"modal-module-jkAe7","modal-delayed-fade":"modal-module-WOZ01","close":"modal-module-7zIZE","modal-zoom":"modal-module-aPJ7X"};
+var styles$O = {"modal-overlay":"modal-module-rVFJc","modal-fade":"modal-module-63Uyl","is-full-screen":"modal-module-uwets","modal":"modal-module-6vlFt","content":"modal-module-FJxzx","modal-slide":"modal-module-jkAe7","modal-delayed-fade":"modal-module-WOZ01","close":"modal-module-7zIZE","modal-zoom":"modal-module-aPJ7X"};
 
 function Modal({ children, className, isDismissable, isFullScreen, isKeyboardDismissDisabled, isOpen, onOpenChange, }) {
-    return (jsx(ModalOverlay, { className: clsx(styles$P['modal-overlay'], className), isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isOpen: isOpen, onOpenChange: onOpenChange, children: jsx(Modal$1, { className: clsx(styles$P.modal, {
-                [styles$P['is-full-screen']]: isFullScreen,
-            }), children: jsx("div", { className: styles$P.content, children: children }) }) }));
+    return (jsx(ModalOverlay, { className: clsx(styles$O['modal-overlay'], className), isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isOpen: isOpen, onOpenChange: onOpenChange, children: jsx(Modal$1, { className: clsx(styles$O.modal, {
+                [styles$O['is-full-screen']]: isFullScreen,
+            }), children: jsx("div", { className: styles$O.content, children: children }) }) }));
 }
 
-var styles$O = {"heading":"heading-module-pMC65","uppercase":"heading-module-6spgX","italic":"heading-module-XXMDM","bold":"heading-module-xvrxo","xxl":"heading-module-Kn3ZN","xl":"heading-module--hZs-","l":"heading-module-WrJRY","m":"heading-module-hTexc","s":"heading-module-7W29m","xs":"heading-module-SgaLB","xxs":"heading-module-33en7"};
+var styles$N = {"heading":"heading-module-pMC65","uppercase":"heading-module-6spgX","italic":"heading-module-XXMDM","bold":"heading-module-xvrxo","xxl":"heading-module-Kn3ZN","xl":"heading-module--hZs-","l":"heading-module-WrJRY","m":"heading-module-hTexc","s":"heading-module-7W29m","xs":"heading-module-SgaLB","xxs":"heading-module-33en7"};
 
 const sizeToTag = {
     l: 'h3',
@@ -7658,24 +7751,24 @@ const sizeToTag = {
 };
 function Heading({ bold = true, children, className, italic, size = 'xxl', tag, uppercase, }) {
     return createElement$1(tag || sizeToTag[size], {
-        className: clsx(className, styles$O.heading, styles$O[size], {
-            [styles$O.uppercase]: uppercase,
-            [styles$O.italic]: italic,
-            [styles$O.bold]: bold,
+        className: clsx(className, styles$N.heading, styles$N[size], {
+            [styles$N.uppercase]: uppercase,
+            [styles$N.italic]: italic,
+            [styles$N.bold]: bold,
         }),
     }, children);
 }
 
-var styles$N = {"dialog":"dialog-module-qKzgy","header":"dialog-module-ZnsAe","close":"dialog-module-Y7Tqg","footer":"dialog-module-y7Axm"};
+var styles$M = {"dialog":"dialog-module-qKzgy","header":"dialog-module-ZnsAe","close":"dialog-module-Y7Tqg","footer":"dialog-module-y7Axm"};
 
 function Footer({ close }) {
     return (jsxs(Fragment, { children: [jsx(Button, { withArrow: true, color: "primary", size: "md", type: "submit", children: "Submit" }), jsx(Button, { color: "secondary", onClick: close, size: "md", variant: "outline", children: "Close" })] }));
 }
 function Dialog({ allowClose = true, children, className, dialogClassName, footer = Footer, hasCloseButton = true, hideTitle, isDismissable, isFullScreen, isKeyboardDismissDisabled, isOpen, onOpenChange, onSubmit, title, validationErrors, }) {
-    return (jsx(Modal, { className: clsx(styles$N['modal-overlay'], className), isDismissable: isDismissable, isFullScreen: isFullScreen, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isOpen: isOpen, onOpenChange: onOpenChange, children: jsx(Dialog$1, { "aria-label": title, className: clsx(styles$N.dialog, dialogClassName), children: ({ close }) => (jsxs(Form, { className: styles$N.form, onSubmit: onSubmit || (e => e.preventDefault), validationErrors: validationErrors, children: [jsxs("header", { className: styles$N.header, children: [!hideTitle && (jsx(Heading, { className: styles$N.heading, size: "xs", children: title })), hasCloseButton && (jsx("div", { className: styles$N.close, children: jsx(IconButton, { color: "secondary", isDisabled: !allowClose, onClick: close, children: jsx(StrokeCloseboxIcon, {}) }) }))] }), jsx("div", { className: styles$N.content, children: children instanceof Function ? children({ close }) : children }), jsx("footer", { className: styles$N.footer, children: footer instanceof Function ? footer({ close }) : footer })] })) }) }));
+    return (jsx(Modal, { className: clsx(styles$M['modal-overlay'], className), isDismissable: isDismissable, isFullScreen: isFullScreen, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isOpen: isOpen, onOpenChange: onOpenChange, children: jsx(Dialog$1, { "aria-label": title, className: clsx(styles$M.dialog, dialogClassName), children: ({ close }) => (jsxs(Form, { className: styles$M.form, onSubmit: onSubmit || (e => e.preventDefault), validationErrors: validationErrors, children: [jsxs("header", { className: styles$M.header, children: [!hideTitle && (jsx(Heading, { className: styles$M.heading, size: "xs", children: title })), hasCloseButton && (jsx("div", { className: styles$M.close, children: jsx(IconButton, { color: "secondary", isDisabled: !allowClose, onClick: close, children: jsx(StrokeCloseboxIcon, {}) }) }))] }), jsx("div", { className: styles$M.content, children: children instanceof Function ? children({ close }) : children }), jsx("footer", { className: styles$M.footer, children: footer instanceof Function ? footer({ close }) : footer })] })) }) }));
 }
 
-var styles$M = {"country-selector-dialog":"country-selector-dialog-module-mMJS0","content":"country-selector-dialog-module-z-ZqY","logo":"country-selector-dialog-module-7VjsF","intro":"country-selector-dialog-module-IdVDt","selects":"country-selector-dialog-module-Nvikf"};
+var styles$L = {"country-selector-dialog":"country-selector-dialog-module-mMJS0","content":"country-selector-dialog-module-z-ZqY","logo":"country-selector-dialog-module-7VjsF","intro":"country-selector-dialog-module-IdVDt","selects":"country-selector-dialog-module-Nvikf"};
 
 function CountrySelectorDialog({ countries, isOpen, onSubmit, selectedCountry, selectedLanguage, showCountry = true, }) {
     const t = useFormattedMessage();
@@ -7697,15 +7790,15 @@ function CountrySelectorDialog({ countries, isOpen, onSubmit, selectedCountry, s
         setCurrentLanguage(fallbackLanguage);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [currentCountry]);
-    return (jsx(Dialog, { hideTitle: true, allowClose: true, className: styles$M.modal, dialogClassName: styles$M['country-selector-dialog'], footer: jsx(Button, { withArrow: true, type: "submit", children: jsx(FormattedMessage, { id: "Save" }) }), hasCloseButton: false, isOpen: isOpen, onOpenChange: () => { }, onSubmit: e => {
+    return (jsx(Dialog, { hideTitle: true, allowClose: true, className: styles$L.modal, dialogClassName: styles$L['country-selector-dialog'], footer: jsx(Button, { withArrow: true, type: "submit", children: jsx(FormattedMessage, { id: "Save" }) }), hasCloseButton: false, isOpen: isOpen, onOpenChange: () => { }, onSubmit: e => {
             onSubmit({ country: currentCountry, language: currentLanguage });
             e.preventDefault();
             e.stopPropagation();
-        }, title: "Country Selector", children: jsxs("div", { className: styles$M.content, children: [jsx("svg", { className: styles$M.logo, height: "32", viewBox: "0 0 134 32", width: "134", xmlns: "http://www.w3.org/2000/svg", children: jsxs("g", { fill: "none", fillRule: "evenodd", children: [jsx("path", { d: "M15.83 11.533c2.42 0 4.382 1.977 4.382 4.415 0 8.794-7.1 15.95-15.83 15.95C1.963 31.897 0 29.92 0 27.481c0-2.354 1.83-4.278 4.134-4.408l.249-.007c3.797 0 6.905-3.036 7.058-6.826l.006-.293c0-2.438 1.963-4.415 4.383-4.415zM15.83 0c2.42 0 4.383 1.977 4.383 4.415 0 2.355-1.83 4.279-4.134 4.409l-.249.007c-3.8 0-6.906 3.035-7.059 6.824l-.006.293c0 2.438-1.962 4.415-4.382 4.415S0 18.386 0 15.948C0 7.154 7.101 0 15.83 0zm8.208 16.022c0 8.794 7.101 15.95 15.83 15.95s15.83-7.156 15.83-15.95S48.597.074 39.868.074s-15.83 7.154-15.83 15.948zm8.765 0c0-3.924 3.169-7.118 7.065-7.118 3.895 0 7.065 3.194 7.065 7.118 0 3.926-3.17 7.119-7.065 7.119-3.896 0-7.065-3.193-7.065-7.12zm76.888-11.276c-6.173 6.217-6.173 16.335-.002 22.553 6.173 6.217 16.215 6.217 22.388 0a4.44 4.44 0 0 0 .001-6.244 4.359 4.359 0 0 0-6.003-.184l-.194.184a7.04 7.04 0 0 1-9.994 0c-2.753-2.775-2.753-7.29.002-10.065a7.036 7.036 0 0 1 9.751-.233l.24.231a4.36 4.36 0 0 0 6.198 0 4.44 4.44 0 0 0-.001-6.245c-6.173-6.217-16.215-6.216-22.386.003zm-17.162-.174v22.863c0 2.439 1.961 4.416 4.381 4.416 2.422 0 4.384-1.977 4.384-4.416V4.572c0-2.439-1.962-4.416-4.384-4.416-2.42 0-4.38 1.977-4.38 4.416zM64.1.1c-2.42 0-4.383 1.977-4.383 4.415v23.07c0 2.438 1.962 4.415 4.382 4.415s4.383-1.977 4.383-4.415V8.93h3.933c3.895 0 7.065 3.192 7.065 7.118v11.537c0 2.438 1.962 4.415 4.382 4.415s4.383-1.977 4.383-4.415V16.048C88.244 7.254 81.143.1 72.414.1h-8.316z", fill: "#000" }), jsx("path", { d: "M47.036 16.022c0 3.99-3.209 7.222-7.168 7.222-3.96 0-7.169-3.233-7.169-7.222 0-3.989 3.21-7.222 7.169-7.222 3.96 0 7.168 3.233 7.168 7.222", fill: "#E30613" })] }) }), jsx("p", { className: styles$M.intro, children: jsx(FormattedMessage, { id: "Welcome to Sonic Equipment. Please choose your country and language below." }) }), jsxs("div", { className: styles$M.selects, children: [showCountry && (jsx(Select, { label: t('Country'), onChange: value => setCurrentCountry(countries.find(country => country.id === value) ||
+        }, title: "Country Selector", children: jsxs("div", { className: styles$L.content, children: [jsx("svg", { className: styles$L.logo, height: "32", viewBox: "0 0 134 32", width: "134", xmlns: "http://www.w3.org/2000/svg", children: jsxs("g", { fill: "none", fillRule: "evenodd", children: [jsx("path", { d: "M15.83 11.533c2.42 0 4.382 1.977 4.382 4.415 0 8.794-7.1 15.95-15.83 15.95C1.963 31.897 0 29.92 0 27.481c0-2.354 1.83-4.278 4.134-4.408l.249-.007c3.797 0 6.905-3.036 7.058-6.826l.006-.293c0-2.438 1.963-4.415 4.383-4.415zM15.83 0c2.42 0 4.383 1.977 4.383 4.415 0 2.355-1.83 4.279-4.134 4.409l-.249.007c-3.8 0-6.906 3.035-7.059 6.824l-.006.293c0 2.438-1.962 4.415-4.382 4.415S0 18.386 0 15.948C0 7.154 7.101 0 15.83 0zm8.208 16.022c0 8.794 7.101 15.95 15.83 15.95s15.83-7.156 15.83-15.95S48.597.074 39.868.074s-15.83 7.154-15.83 15.948zm8.765 0c0-3.924 3.169-7.118 7.065-7.118 3.895 0 7.065 3.194 7.065 7.118 0 3.926-3.17 7.119-7.065 7.119-3.896 0-7.065-3.193-7.065-7.12zm76.888-11.276c-6.173 6.217-6.173 16.335-.002 22.553 6.173 6.217 16.215 6.217 22.388 0a4.44 4.44 0 0 0 .001-6.244 4.359 4.359 0 0 0-6.003-.184l-.194.184a7.04 7.04 0 0 1-9.994 0c-2.753-2.775-2.753-7.29.002-10.065a7.036 7.036 0 0 1 9.751-.233l.24.231a4.36 4.36 0 0 0 6.198 0 4.44 4.44 0 0 0-.001-6.245c-6.173-6.217-16.215-6.216-22.386.003zm-17.162-.174v22.863c0 2.439 1.961 4.416 4.381 4.416 2.422 0 4.384-1.977 4.384-4.416V4.572c0-2.439-1.962-4.416-4.384-4.416-2.42 0-4.38 1.977-4.38 4.416zM64.1.1c-2.42 0-4.383 1.977-4.383 4.415v23.07c0 2.438 1.962 4.415 4.382 4.415s4.383-1.977 4.383-4.415V8.93h3.933c3.895 0 7.065 3.192 7.065 7.118v11.537c0 2.438 1.962 4.415 4.382 4.415s4.383-1.977 4.383-4.415V16.048C88.244 7.254 81.143.1 72.414.1h-8.316z", fill: "#000" }), jsx("path", { d: "M47.036 16.022c0 3.99-3.209 7.222-7.168 7.222-3.96 0-7.169-3.233-7.169-7.222 0-3.989 3.21-7.222 7.169-7.222 3.96 0 7.168 3.233 7.168 7.222", fill: "#E30613" })] }) }), jsx("p", { className: styles$L.intro, children: jsx(FormattedMessage, { id: "Welcome to Sonic Equipment. Please choose your country and language below." }) }), jsxs("div", { className: styles$L.selects, children: [showCountry && (jsx(Select, { label: t('Country'), onChange: value => setCurrentCountry(countries.find(country => country.id === value) ||
                                 currentCountry), options: countryOptions, selectedOption: currentCountry.id, showPlaceholder: false, variant: "solid" })), jsx(Select, { label: t('Language'), onChange: value => setCurrentLanguage(currentCountry.languages.find(language => language.id === value) || currentLanguage), options: languageOptions, selectedOption: currentLanguage.id, showPlaceholder: false, variant: "solid" })] })] }) }));
 }
 
-var styles$L = {"country-selector-trigger":"country-selector-trigger-module-aioDu","flag":"country-selector-trigger-module-zOSJK","text":"country-selector-trigger-module-TE8tl","divider":"country-selector-trigger-module-GNRDD"};
+var styles$K = {"country-selector-trigger":"country-selector-trigger-module-aioDu","flag":"country-selector-trigger-module-zOSJK","text":"country-selector-trigger-module-TE8tl","divider":"country-selector-trigger-module-GNRDD"};
 
 function CountrySelectorTrigger({ onClick, selectedCountry, selectedLanguage, showCountry = true, }) {
     const t = useFormattedMessage();
@@ -7713,7 +7806,7 @@ function CountrySelectorTrigger({ onClick, selectedCountry, selectedLanguage, sh
         return;
     const abbreviation = selectedCountry.abbreviation.toLowerCase();
     const flagSrc = `https://res.cloudinary.com/dkz9eknwh/image/upload/v1729678637/images/flags/${abbreviation}.svg`;
-    return (jsxs("button", { "aria-label": "Open country selector dialog", className: styles$L['country-selector-trigger'], onClick: onClick, type: "button", children: [jsx(Image, { className: styles$L.flag, height: 24, image: { 1: flagSrc, 2: flagSrc, 3: flagSrc, altText: abbreviation }, title: abbreviation, width: 24 }), jsxs("div", { className: styles$L.text, children: [showCountry && (jsxs(Fragment, { children: [jsx("span", { children: t(`clSelector.${selectedCountry.name}`) }), jsx("span", { className: styles$L.divider, children: "-" })] })), jsx("span", { children: selectedLanguage.description })] })] }));
+    return (jsxs("button", { "aria-label": "Open country selector dialog", className: styles$K['country-selector-trigger'], onClick: onClick, type: "button", children: [jsx(Image, { className: styles$K.flag, height: 24, image: { 1: flagSrc, 2: flagSrc, 3: flagSrc, altText: abbreviation }, title: abbreviation, width: 24 }), jsxs("div", { className: styles$K.text, children: [showCountry && (jsxs(Fragment, { children: [jsx("span", { children: t(`clSelector.${selectedCountry.name}`) }), jsx("span", { className: styles$K.divider, children: "-" })] })), jsx("span", { children: selectedLanguage.description })] })] }));
 }
 
 async function fetchCountriesLanguages() {
@@ -7911,7 +8004,7 @@ function CountrySelector({ defaultCountryCode, defaultLanguageCode, onChange, sh
                 }, selectedCountry: selectedCountry || defaultCountry, selectedLanguage: selectedLanguage || defaultLanguage, showCountry: showCountry })] }));
 }
 
-var styles$K = {"multi-select":"multi-select-module-DC7Ix","filter-item":"multi-select-module-OW-NK"};
+var styles$J = {"multi-select":"multi-select-module-DC7Ix","filter-item":"multi-select-module-OW-NK"};
 
 function MultiSelect({ amountShown = 3, onChange, options, render, }) {
     const shownOptions = options.slice(0, amountShown);
@@ -7922,24 +8015,24 @@ function MultiSelect({ amountShown = 3, onChange, options, render, }) {
         options.filter(option => option.isSelected).length === 0) {
         return null;
     }
-    return (jsxs("div", { className: styles$K['multi-select'], children: [jsx("div", { className: styles$K['filter-items'], children: shownOptions
+    return (jsxs("div", { className: styles$J['multi-select'], children: [jsx("div", { className: styles$J['filter-items'], children: shownOptions
                     .concat(isOpen ? [] : hiddenSelectedOptions)
-                    .map(option => (jsxs("div", { className: styles$K['filter-item'], children: [render({ onChange: () => onChange(option), option }), jsxs("span", { children: ["(", option.amount, ")"] })] }, option.value))) }), hiddenOptions.length > 0 && (jsx(ShowAll, { hasTransparency: false, isOpen: isOpen, onToggle: toggle, children: jsx("div", { className: clsx(styles$K['filter-items'], styles$K['hidden']), children: hiddenOptions.map(option => (jsxs("div", { className: styles$K['filter-item'], children: [render({ onChange: () => onChange(option), option }), jsxs("span", { children: ["(", option.amount, ")"] })] }, option.value))) }) }))] }));
+                    .map(option => (jsxs("div", { className: styles$J['filter-item'], children: [render({ onChange: () => onChange(option), option }), jsxs("span", { children: ["(", option.amount, ")"] })] }, option.value))) }), hiddenOptions.length > 0 && (jsx(ShowAll, { hasTransparency: false, isOpen: isOpen, onToggle: toggle, children: jsx("div", { className: clsx(styles$J['filter-items'], styles$J['hidden']), children: hiddenOptions.map(option => (jsxs("div", { className: styles$J['filter-item'], children: [render({ onChange: () => onChange(option), option }), jsxs("span", { children: ["(", option.amount, ")"] })] }, option.value))) }) }))] }));
 }
 
-var styles$J = {"checkbox":"checkbox-module-YNVdd","box":"checkbox-module-UKoyf","checkmark":"checkbox-module-pHIwh","focus":"checkbox-module-v23jy","active":"checkbox-module-7UG-b","color-checkbox":"checkbox-module-nEhvW"};
+var styles$I = {"checkbox":"checkbox-module-YNVdd","box":"checkbox-module-UKoyf","checkmark":"checkbox-module-pHIwh","focus":"checkbox-module-v23jy","active":"checkbox-module-7UG-b","color-checkbox":"checkbox-module-nEhvW"};
 
 function Checkbox({ _pseudo = 'none', children, className, isDisabled, isSelected, onChange, value, }) {
-    return (jsxs(Checkbox$1, { className: clsx(className, styles$J.checkbox, styles$J[_pseudo]), isDisabled: isDisabled, isSelected: isSelected, onChange: onChange, value: value, children: [jsx("div", { className: styles$J.box, children: jsx("svg", { "aria-hidden": "true", className: styles$J.checkmark, viewBox: "0 0 18 18", children: jsx("polyline", { points: "1 9 7 14 15 4" }) }) }), children] }));
+    return (jsxs(Checkbox$1, { className: clsx(className, styles$I.checkbox, styles$I[_pseudo]), isDisabled: isDisabled, isSelected: isSelected, onChange: onChange, value: value, children: [jsx("div", { className: styles$I.box, children: jsx("svg", { "aria-hidden": "true", className: styles$I.checkmark, viewBox: "0 0 18 18", children: jsx("polyline", { points: "1 9 7 14 15 4" }) }) }), children] }));
 }
 
 function ColorCheckbox({ _pseudo = 'none', children, className, color, isDisabled, isSelected, onChange, value, }) {
-    return (jsxs(Checkbox$1, { className: clsx(className, styles$J.checkbox, styles$J['color-checkbox'], styles$J[_pseudo]), isDisabled: isDisabled, isSelected: isSelected, onChange: onChange, style: {
+    return (jsxs(Checkbox$1, { className: clsx(className, styles$I.checkbox, styles$I['color-checkbox'], styles$I[_pseudo]), isDisabled: isDisabled, isSelected: isSelected, onChange: onChange, style: {
             '--selected-color': color,
-        }, value: value, children: [jsx("div", { className: styles$J.box }), children] }));
+        }, value: value, children: [jsx("div", { className: styles$I.box }), children] }));
 }
 
-var styles$I = {"input-container":"textarea-module-C6Xr1","lg":"textarea-module-vksG-","md":"textarea-module-6JrQJ"};
+var styles$H = {"input-container":"textarea-module-C6Xr1","lg":"textarea-module-vksG-","md":"textarea-module-6JrQJ"};
 
 /**
  * This component is used to create a textarea that can grow as the user types.
@@ -7974,7 +8067,7 @@ const TextArea = forwardRef(({ autoGrow, size, ...textAreaProps }, _ref) => {
         }
         updateHeight();
     }, [ref, autoGrow, updateHeight, size]);
-    return (jsx("div", { className: styles$I['input-container'], children: jsx(TextArea$1, { ...textAreaProps, ref: node => {
+    return (jsx("div", { className: styles$H['input-container'], children: jsx(TextArea$1, { ...textAreaProps, ref: node => {
                 ref.current =
                     node;
                 textAreaRef.current = node;
@@ -7985,7 +8078,7 @@ const TextArea = forwardRef(({ autoGrow, size, ...textAreaProps }, _ref) => {
 });
 TextArea.displayName = 'TextArea';
 
-var styles$H = {"field":"text-field-module-JeaK0"};
+var styles$G = {"field":"text-field-module-JeaK0"};
 
 /**
  * This component is used to create a text field.
@@ -7993,7 +8086,7 @@ var styles$H = {"field":"text-field-module-JeaK0"};
  * This field can also grow when a user types in text.
  */
 function TextField({ autoFocus, autoGrow, defaultValue, isDisabled, isInvalid, isMultiline, isReadOnly, isRequired, label, maxLength, name, onChange, onInput, onKeyUp, placeholder, rows, showLabel = false, size = 'lg', value, }) {
-    return (jsxs(TextField$1, { "aria-label": label, autoFocus: autoFocus, className: clsx(styles$H.field, styles$H[size]), defaultValue: defaultValue, isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, isRequired: isRequired, maxLength: maxLength, name: name, onChange: value => {
+    return (jsxs(TextField$1, { "aria-label": label, autoFocus: autoFocus, className: clsx(styles$G.field, styles$G[size]), defaultValue: defaultValue, isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, isRequired: isRequired, maxLength: maxLength, name: name, onChange: value => {
             onChange?.(value);
         }, onInput: onInput, onKeyUp: e => onKeyUp?.(e), value: value, children: [showLabel && jsx(Label, { isRequired: isRequired, children: label }), isMultiline ? (jsx(TextArea, { autoGrow: autoGrow, placeholder: placeholder, rows: rows, size: size })) : (jsx(Input, { autoGrow: autoGrow, placeholder: placeholder, size: size })), jsx(FieldError, {})] }));
 }
@@ -8003,22 +8096,22 @@ function IntlProvider({ children, formatMessage, languageCode: _languageCode, })
     return (jsx(IntlContext.Provider, { value: { formatMessage, languageCode, updateLanguageCode }, children: children }));
 }
 
-var styles$G = {"progress-circle":"progress-circle-module-4nweP","spin":"progress-circle-module-kCf7K"};
+var styles$F = {"progress-circle":"progress-circle-module-4nweP","spin":"progress-circle-module-kCf7K"};
 
 function ProgressCircle({ className }) {
-    return (jsxs("svg", { className: clsx(styles$G['progress-circle'], className), viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: [jsx("title", { children: "Spinner" }), jsxs("defs", { children: [jsx("pattern", { height: "100%", id: "pattern-1", patternUnits: "objectBoundingBox", width: "100%", children: jsx("use", { xlinkHref: "#image-2" }) }), jsx("image", { height: "24", id: "image-2", width: "24", xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAB7UlEQVRIDZ2VSaoCQQyG01rOoBtBr+YZXXsFL+BGEHcqDuCE89SPL480hdpiGYil3an/S1KDUavViq/Xq1wul8RPp5Ocz2dhPB6PiR8OB42RAHO5XE7D4zgW/PF4CM/u97tks1n1TCYjURSpB2hraALglw8BQGXOuQQSKk68y+fzL9lRBQAqAUIlVkUoxBUKBZ3sC1irbrdbUoX/PgTyAqDXmFVBBVRCFfYuGMBk67UvRCUA2FFAfgKUSiWhFTgQA9ESjLVgC7NWwEPNFYtFFUEICJnigAxCFbvd7jcAFVi/gbDoCALmOzCMAzebzUILEFculxVgOwcIDqRSqaiTBDadToMhziYDwBgNRmW0rdFoSLPZ1PeDwUDHbz+iTqejyv5VYHuekbVggavVqkLq9fq32hqnLTJxdgmijPQeYSqs1Woa3G63g8QJ1haZKMJkjDgLjLi/Nbvd7m8ARCxry9x2jyn2ej2ZTCb28+tRK/Azpy3vrN/vy2azeffq4zM9aLTFP1jPM4bDoWbPH06o6WXn9/lZgDMxGo1kuVwG/5uhlfkkTsB4PJb5fC7b7VYPH89C7P9GS5nBLYr4er2W/X6vhy4lNPXxR8BisdDWkD13Ee0KtVQAgqvVSncO2XNlc3WEWirAxLmmgf0K+ANZ6DTlvO5jwwAAAABJRU5ErkJggg==" })] }), jsx("g", { fill: "none", fillRule: "evenodd", id: "Page-1", stroke: "none", strokeWidth: "1", children: jsx("path", { d: "M12,0 C18.627417,0 24,5.372583 24,12 C24,14.7277828 23.0855773,17.3196292 21.4324752,19.4188392 C19.1717866,22.2895997 15.7255176,24 12,24 C11.2636203,24 10.6666667,23.4030463 10.6666667,22.6666667 C10.6666667,21.930287 11.2636203,21.3333333 12,21.3333333 C14.8994206,21.3333333 17.5771113,20.0043823 19.3374325,17.7690188 C20.6234737,16.1359252 21.3333333,14.1238938 21.3333333,12 C21.3333333,6.84534234 17.1546577,2.66666667 12,2.66666667 C6.84534234,2.66666667 2.66666667,6.84534234 2.66666667,12 C2.66666667,14.4546154 3.61656005,16.756214 5.28844833,18.485859 C5.80023235,19.015323 5.78589988,19.8594213 5.25643588,20.3712053 C4.72697187,20.8829893 3.88287357,20.8686569 3.37108955,20.3391928 C1.22326178,18.1171666 0,15.1531945 0,12 C0,5.372583 5.372583,0 12,0 Z", fill: "url(#pattern-1)", fillRule: "nonzero", id: "Spinner" }) })] }));
+    return (jsxs("svg", { className: clsx(styles$F['progress-circle'], className), viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: [jsx("title", { children: "Spinner" }), jsxs("defs", { children: [jsx("pattern", { height: "100%", id: "pattern-1", patternUnits: "objectBoundingBox", width: "100%", children: jsx("use", { xlinkHref: "#image-2" }) }), jsx("image", { height: "24", id: "image-2", width: "24", xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAB7UlEQVRIDZ2VSaoCQQyG01rOoBtBr+YZXXsFL+BGEHcqDuCE89SPL480hdpiGYil3an/S1KDUavViq/Xq1wul8RPp5Ocz2dhPB6PiR8OB42RAHO5XE7D4zgW/PF4CM/u97tks1n1TCYjURSpB2hraALglw8BQGXOuQQSKk68y+fzL9lRBQAqAUIlVkUoxBUKBZ3sC1irbrdbUoX/PgTyAqDXmFVBBVRCFfYuGMBk67UvRCUA2FFAfgKUSiWhFTgQA9ESjLVgC7NWwEPNFYtFFUEICJnigAxCFbvd7jcAFVi/gbDoCALmOzCMAzebzUILEFculxVgOwcIDqRSqaiTBDadToMhziYDwBgNRmW0rdFoSLPZ1PeDwUDHbz+iTqejyv5VYHuekbVggavVqkLq9fq32hqnLTJxdgmijPQeYSqs1Woa3G63g8QJ1haZKMJkjDgLjLi/Nbvd7m8ARCxry9x2jyn2ej2ZTCb28+tRK/Azpy3vrN/vy2azeffq4zM9aLTFP1jPM4bDoWbPH06o6WXn9/lZgDMxGo1kuVwG/5uhlfkkTsB4PJb5fC7b7VYPH89C7P9GS5nBLYr4er2W/X6vhy4lNPXxR8BisdDWkD13Ee0KtVQAgqvVSncO2XNlc3WEWirAxLmmgf0K+ANZ6DTlvO5jwwAAAABJRU5ErkJggg==" })] }), jsx("g", { fill: "none", fillRule: "evenodd", id: "Page-1", stroke: "none", strokeWidth: "1", children: jsx("path", { d: "M12,0 C18.627417,0 24,5.372583 24,12 C24,14.7277828 23.0855773,17.3196292 21.4324752,19.4188392 C19.1717866,22.2895997 15.7255176,24 12,24 C11.2636203,24 10.6666667,23.4030463 10.6666667,22.6666667 C10.6666667,21.930287 11.2636203,21.3333333 12,21.3333333 C14.8994206,21.3333333 17.5771113,20.0043823 19.3374325,17.7690188 C20.6234737,16.1359252 21.3333333,14.1238938 21.3333333,12 C21.3333333,6.84534234 17.1546577,2.66666667 12,2.66666667 C6.84534234,2.66666667 2.66666667,6.84534234 2.66666667,12 C2.66666667,14.4546154 3.61656005,16.756214 5.28844833,18.485859 C5.80023235,19.015323 5.78589988,19.8594213 5.25643588,20.3712053 C4.72697187,20.8829893 3.88287357,20.8686569 3.37108955,20.3391928 C1.22326178,18.1171666 0,15.1531945 0,12 C0,5.372583 5.372583,0 12,0 Z", fill: "url(#pattern-1)", fillRule: "nonzero", id: "Spinner" }) })] }));
 }
 
-var styles$F = {"product-grid":"product-overview-grid-module-bzys-","loading-panel":"product-overview-grid-module-XikkF","fade-in":"product-overview-grid-module-A6CS7","progress-circle":"product-overview-grid-module-DWnnI","fade-in-spinner":"product-overview-grid-module-r-wvY","grid-item":"product-overview-grid-module-MlUVA"};
+var styles$E = {"product-grid":"product-overview-grid-module-bzys-","loading-panel":"product-overview-grid-module-XikkF","fade-in":"product-overview-grid-module-A6CS7","progress-circle":"product-overview-grid-module-DWnnI","fade-in-spinner":"product-overview-grid-module-r-wvY","grid-item":"product-overview-grid-module-MlUVA"};
 
 function ProductOverviewGrid({ children, isLoading, }) {
-    return (jsxs("div", { className: styles$F['product-grid'], children: [Children.map(children, (child, index) => (jsx("div", { className: styles$F['grid-item'], children: child }, index))), isLoading && (jsx("div", { className: styles$F['loading-panel'], children: jsx(ProgressCircle, { className: styles$F['progress-circle'] }) }))] }));
+    return (jsxs("div", { className: styles$E['product-grid'], children: [Children.map(children, (child, index) => (jsx("div", { className: styles$E['grid-item'], children: child }, index))), isLoading && (jsx("div", { className: styles$E['loading-panel'], children: jsx(ProgressCircle, { className: styles$E['progress-circle'] }) }))] }));
 }
 
-var styles$E = {"loading-overlay":"loading-overlay-module-L67Gy"};
+var styles$D = {"loading-overlay":"loading-overlay-module-L67Gy"};
 
 function LoadingOverlay() {
-    return (jsx("div", { className: styles$E['loading-overlay'], children: jsx(ProgressCircle, {}) }));
+    return (jsx("div", { className: styles$D['loading-overlay'], children: jsx(ProgressCircle, {}) }));
 }
 
 function useLanguageCode() {
@@ -8082,19 +8175,7 @@ function GlyphsArrowSemiBoldRightIcon(props) {
     return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "11", viewBox: "0 0 11 11", width: "11", children: jsx("path", { d: "M4.27243829,10 C4.05910402,10.0007527 3.92860879,9.73966348 4.04161427,9.53832073 L6.25359309,5.59919963 C6.37846177,5.37673437 6.36029412,5.09278754 6.20830955,4.89272723 L4.38978231,2.4963789 C4.24091607,2.30024134 4.36625928,2 4.59701551,2 L6.06357848,2 C6.14343478,2 6.2192237,2.03915207 6.27074389,2.10704584 L7.47868905,3.69877757 C8.09849054,4.51523787 8.1726525,5.67297753 7.66341606,6.57973654 L5.82495864,9.85357414 C5.77553993,9.94153429 5.68904024,9.99509493 5.59582936,9.99539668 L4.27243829,10 Z", fillRule: "evenodd" }) }));
 }
 
-function SolidAttentionIcon(props) {
-    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M9.0606215,21.2358635 L14.9393785,21.2358635 C15.346918,21.2358635 15.6984208,21.1934114 15.9938869,21.1085074 C16.289353,21.0236033 16.5525556,20.8962472 16.7834947,20.7264391 C17.0144337,20.556631 17.2351842,20.3528613 17.4457463,20.1151299 L21.1747326,15.9887927 C21.3920869,15.7510613 21.560197,15.5269146 21.6790627,15.3163525 C21.7979283,15.1057905 21.8811343,14.8833418 21.9286806,14.6490066 C21.9762269,14.4146714 22,14.1310919 22,13.798268 L22,9.447784 C22,9.1149601 21.9745288,8.83138054 21.9235863,8.59704534 C21.8726439,8.36271014 21.7860418,8.14195959 21.6637799,7.93479368 C21.5415181,7.72762778 21.37171,7.50178299 21.1543556,7.2572593 L17.4457463,3.12073357 C17.2351842,2.88979453 17.0161318,2.68942095 16.7885889,2.51961284 C16.561046,2.34980472 16.2978434,2.22075055 15.9989812,2.13245033 C15.7001189,2.04415011 15.346918,2 14.9393785,2 L9.0606215,2 C8.65308202,2 8.30157922,2.04415011 8.00611309,2.13245033 C7.71064697,2.22075055 7.44914247,2.34980472 7.22159959,2.51961284 C6.99405672,2.68942095 6.77160808,2.88979453 6.55425369,3.12073357 L2.82526745,7.2572593 C2.60112073,7.49499066 2.42961454,7.71743929 2.31074885,7.9246052 C2.19188317,8.1317711 2.11037528,8.35421973 2.06622517,8.5919511 C2.02207506,8.82968246 2,9.1149601 2,9.447784 L2,13.798268 C2,14.1310919 2.02207506,14.4146714 2.06622517,14.6490066 C2.11037528,14.8833418 2.19188317,15.1057905 2.31074885,15.3163525 C2.42961454,15.5269146 2.60112073,15.7510613 2.82526745,15.9887927 L6.55425369,20.1151299 C6.77160808,20.3528613 6.99405672,20.556631 7.22159959,20.7264391 C7.44914247,20.8962472 7.71064697,21.0236033 8.00611309,21.1085074 C8.30157922,21.1934114 8.65308202,21.2358635 9.0606215,21.2358635 Z M12.0152827,13.339786 C11.4583121,13.339786 11.1730345,13.0579046 11.1594498,12.4941416 L11.0269995,7.46102904 C11.0202072,7.18933605 11.1068093,6.96349125 11.2868059,6.78349465 C11.4668025,6.60349805 11.7028358,6.51349975 11.9949058,6.51349975 C12.2869757,6.51349975 12.5247071,6.60519613 12.7080998,6.78858889 C12.8914926,6.97198166 12.983189,7.19952454 12.983189,7.47121752 L12.8405502,12.4941416 C12.8269655,13.0579046 12.5518764,13.339786 12.0152827,13.339786 Z M12.0152827,16.6204789 C11.7028358,16.6204789 11.434539,16.518594 11.2103923,16.3148242 C10.9862455,16.1110545 10.8741722,15.8563423 10.8741722,15.5506877 C10.8741722,15.2518254 10.9862455,14.9988113 11.2103923,14.7916454 C11.434539,14.5844795 11.7028358,14.4808966 12.0152827,14.4808966 C12.3209373,14.4808966 12.585838,14.5827815 12.8099847,14.7865512 C13.0341314,14.9903209 13.1462048,15.2450331 13.1462048,15.5506877 C13.1462048,15.8631347 13.0324334,16.1195449 12.8048905,16.3199185 C12.5773476,16.5202921 12.314145,16.6204789 12.0152827,16.6204789 Z" }) }));
-}
-
-function SolidInformationIcon(props) {
-    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M11.9997748,2 C17.5138784,2 22,6.48597148 22,11.9997748 C22,17.5138784 17.5138784,22 11.9997748,22 C6.48597148,22 2,17.5138784 2,11.9997748 C2,6.48597148 6.48597148,2 11.9997748,2 Z M12,10.0686973 C11.2652767,10.0686973 10.6699001,10.6642241 10.6699001,11.3989474 L10.6699001,16.8046369 C10.6699001,17.53921 11.2652767,18.1347368 12,18.1347368 C12.7347233,18.1347368 13.3300999,17.53921 13.3300999,16.8046369 L13.3300999,11.3989474 C13.3300999,10.6642241 12.7347233,10.0686973 12,10.0686973 Z M12.00003,5.9387205 C11.2663578,5.9387205 10.6694796,6.53559872 10.6694796,7.26927091 C10.6694796,8.0029431 11.2663578,8.59982131 12.00003,8.59982131 C12.7337022,8.59982131 13.3305804,8.0029431 13.3305804,7.26927091 C13.3305804,6.53559872 12.7337022,5.9387205 12.00003,5.9387205 Z", fillRule: "evenodd" }) }));
-}
-
-function SolidNoticeIcon(props) {
-    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M4.65060241,21.1425703 L19.3493976,21.1425703 C19.8982597,21.1425703 20.3701473,21.0254351 20.7650602,20.7911647 C21.1599732,20.5568942 21.4645248,20.2406292 21.6787149,19.8423695 C21.892905,19.4441098 22,18.9973226 22,18.502008 C22,18.2811245 21.9682062,18.0568942 21.9046185,17.8293173 C21.8410308,17.6017403 21.748996,17.37751 21.6285141,17.1566265 L14.2690763,4.3253012 C14.0147256,3.89022758 13.6834003,3.56057564 13.2751004,3.33634538 C12.8668005,3.11211513 12.4417671,3 12,3 C11.5515395,3 11.1231593,3.11211513 10.7148594,3.33634538 C10.3065596,3.56057564 9.97858099,3.89022758 9.73092369,4.3253012 L2.37148594,17.1566265 C2.12382865,17.5850067 2,18.0334672 2,18.502008 C2,18.9973226 2.10709505,19.4441098 2.32128514,19.8423695 C2.53547523,20.2406292 2.84002677,20.5568942 3.23493976,20.7911647 C3.62985274,21.0254351 4.10174029,21.1425703 4.65060241,21.1425703 Z M12.0100402,14.7068273 C11.461178,14.7068273 11.1800535,14.4290495 11.1666667,13.873494 L11.0361446,8.91365462 C11.0294511,8.645917 11.1147925,8.42336011 11.2921687,8.24598394 C11.4695448,8.06860776 11.7021419,7.97991968 11.9899598,7.97991968 C12.2777778,7.97991968 12.5120482,8.07028112 12.6927711,8.25100402 C12.873494,8.43172691 12.9638554,8.65595716 12.9638554,8.92369478 L12.8232932,13.873494 C12.8099063,14.4290495 12.538822,14.7068273 12.0100402,14.7068273 Z M12.0100402,17.939759 C11.7021419,17.939759 11.437751,17.8393574 11.2168675,17.6385542 C10.9959839,17.437751 10.8855422,17.186747 10.8855422,16.8855422 C10.8855422,16.5910308 10.9959839,16.3417001 11.2168675,16.1375502 C11.437751,15.9334003 11.7021419,15.8313253 12.0100402,15.8313253 C12.311245,15.8313253 12.5722892,15.9317269 12.7931727,16.1325301 C13.0140562,16.3333333 13.124498,16.5843373 13.124498,16.8855422 C13.124498,17.1934404 13.0123829,17.4461178 12.7881526,17.6435743 C12.5639224,17.8410308 12.3045515,17.939759 12.0100402,17.939759 Z" }) }));
-}
-
-var styles$D = {"announcement":"announcement-module-Xi0L5","wrapper":"announcement-module-4XVjD","icon":"announcement-module-lxmA2","content":"announcement-module-1Jn7y","title":"announcement-module-8k2rK","text":"announcement-module-yXGsN","close":"announcement-module-gZ9ae","informative":"announcement-module-0LTWL","notice":"announcement-module-Ga3lN","critical":"announcement-module-S3nSW","promo":"announcement-module-E6DqW"};
+var styles$C = {"announcement":"announcement-module-Xi0L5","wrapper":"announcement-module-4XVjD","icon":"announcement-module-lxmA2","content":"announcement-module-1Jn7y","title":"announcement-module-8k2rK","text":"announcement-module-yXGsN","close":"announcement-module-gZ9ae","informative":"announcement-module-0LTWL","notice":"announcement-module-Ga3lN","critical":"announcement-module-S3nSW","promo":"announcement-module-E6DqW"};
 
 const iconMap = {
     critical: jsx(SolidAttentionIcon, {}),
@@ -8103,7 +8184,7 @@ const iconMap = {
     promo: jsx(SolidInformationIcon, {}),
 };
 function Announcement({ announcement: { href, id, text, title, type }, onDismiss, }) {
-    return (jsxs(RouteLink, { className: clsx(styles$D.announcement, styles$D[type]), href: href, children: [jsxs("div", { className: styles$D.wrapper, children: [jsx("div", { className: styles$D.icon, children: iconMap[type] }), jsxs("div", { className: styles$D.content, children: [jsx("h2", { className: styles$D.title, children: title }), jsxs("p", { className: styles$D.text, children: [text, jsx(GlyphsArrowSemiBoldRightIcon, {})] })] })] }), jsx("div", { className: styles$D.close, children: jsx(IconButton, { color: "current-color", onClick: () => onDismiss?.(id), children: jsx(StrokeCloseboxIcon, {}) }) })] }));
+    return (jsxs(RouteLink, { className: clsx(styles$C.announcement, styles$C[type]), href: href, children: [jsxs("div", { className: styles$C.wrapper, children: [jsx("div", { className: styles$C.icon, children: iconMap[type] }), jsxs("div", { className: styles$C.content, children: [jsx("h2", { className: styles$C.title, children: title }), jsxs("p", { className: styles$C.text, children: [text, jsx(GlyphsArrowSemiBoldRightIcon, {})] })] })] }), jsx("div", { className: styles$C.close, children: jsx(IconButton, { color: "current-color", onClick: () => onDismiss?.(id), children: jsx(StrokeCloseboxIcon, {}) }) })] }));
 }
 
 function ConnectedAnnouncement({ announcement: { endDate, startDate, ...announcement }, onDismiss, }) {
@@ -8120,7 +8201,7 @@ function ConnectedAnnouncement({ announcement: { endDate, startDate, ...announce
     return jsx(Announcement, { announcement: announcement, onDismiss: onDismiss });
 }
 
-var styles$C = {"announcement-enter":"announcement-provider-module-ksjgO","announcement-enter-active":"announcement-provider-module-k0zd-","announcement-exit":"announcement-provider-module-w2N0B","announcement-exit-active":"announcement-provider-module-4lfx2"};
+var styles$B = {"announcement-enter":"announcement-provider-module-ksjgO","announcement-enter-active":"announcement-provider-module-k0zd-","announcement-exit":"announcement-provider-module-w2N0B","announcement-exit-active":"announcement-provider-module-4lfx2"};
 
 function AnnouncementProvider() {
     const languageCode = useLanguageCode();
@@ -8130,10 +8211,10 @@ function AnnouncementProvider() {
     const [dismissedIds, setDismissedIds] = useLocalStorage('dismissedAnnouncementIds', []);
     const filteredAnnouncements = announcements?.filter(({ id }) => !dismissedIds.includes(id));
     return (jsx(TransitionGroup, { children: filteredAnnouncements?.map(({ href, id, text, title, type }) => (jsx(CSSTransition, { classNames: {
-                enter: styles$C['announcement-enter'],
-                enterActive: styles$C['announcement-enter-active'],
-                exit: styles$C['announcement-exit'],
-                exitActive: styles$C['announcement-exit-active'],
+                enter: styles$B['announcement-enter'],
+                enterActive: styles$B['announcement-enter-active'],
+                exit: styles$B['announcement-exit'],
+                exitActive: styles$B['announcement-exit-active'],
             }, timeout: 300, children: jsx(ConnectedAnnouncement, { announcement: {
                     href,
                     id,
@@ -8143,41 +8224,37 @@ function AnnouncementProvider() {
                 }, onDismiss: id => setDismissedIds(dismissedIds => [...dismissedIds, id]) }) }, id))) }));
 }
 
-var styles$B = {"page-container":"page-container-module-PYmbC","inner-page-container":"page-container-module-uD8GF"};
+var styles$A = {"page-container":"page-container-module-PYmbC","inner-page-container":"page-container-module-uD8GF"};
 
 function PageContainer({ children, className, }) {
-    return (jsx("div", { className: styles$B['page-container'], children: jsx("div", { className: clsx(styles$B['inner-page-container'], className), children: children }) }));
+    return (jsx("div", { className: styles$A['page-container'], children: jsx("div", { className: clsx(styles$A['inner-page-container'], className), children: children }) }));
 }
 
-var styles$A = {"page":"page-module-XtZ9Y","breadcrumb":"page-module-ohh9z","title":"page-module-TEmve"};
+var styles$z = {"page":"page-module-XtZ9Y","breadcrumb":"page-module-ohh9z","title":"page-module-TEmve"};
 
 function PageTitle({ children }) {
     const { lg, xxl } = useBreakpoint();
-    return (jsx(Heading, { italic: true, uppercase: true, className: styles$A.title, size: xxl ? 'xl' : lg ? 'm' : 's', tag: "h1", children: children }));
+    return (jsx(Heading, { italic: true, uppercase: true, className: styles$z.title, size: xxl ? 'xl' : lg ? 'm' : 's', tag: "h1", children: children }));
 }
 function Page({ breadCrumb, children, className, title }) {
-    return (jsxs(PageContainer, { className: clsx(styles$A.page, className), children: [jsx("div", { className: styles$A.breadcrumb, children: jsx(Breadcrumb, { links: breadCrumb }) }), title && jsx(PageTitle, { children: title }), children] }));
-}
-
-function SolidOkayIcon(props) {
-    return (jsx("svg", { fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M12.0051467,22 C13.3707325,22 14.6574026,21.7375193 15.865157,21.2125579 C17.0729113,20.6875965 18.1365586,19.9653457 19.0560988,19.0458055 C19.975639,18.1262652 20.6961743,17.0643335 21.2177046,15.8600103 C21.7392349,14.6556871 22,13.3673014 22,11.9948533 C22,10.6292675 21.7375193,9.34259736 21.2125579,8.13484303 C20.6875965,6.92708869 19.9653457,5.86172585 19.0458055,4.9387545 C18.1262652,4.01578315 17.0626179,3.2952479 15.8548636,2.77714874 C14.6471093,2.25904958 13.3604392,2 11.9948533,2 C10.6292675,2 9.34431292,2.25904958 8.13998971,2.77714874 C6.9356665,3.2952479 5.87201921,4.01578315 4.94904786,4.9387545 C4.02607651,5.86172585 3.3038257,6.92708869 2.78229542,8.13484303 C2.26076514,9.34259736 2,10.6292675 2,11.9948533 C2,13.3673014 2.2624807,14.6556871 2.7874421,15.8600103 C3.3124035,17.0643335 4.03465431,18.1262652 4.95419454,19.0458055 C5.87373477,19.9653457 6.9356665,20.6875965 8.13998971,21.2125579 C9.34431292,21.7375193 10.6326986,22 12.0051467,22 Z M10.9243438,16.7812661 C10.7390633,16.7812661 10.5743695,16.7400926 10.4302625,16.6577458 C10.2861554,16.5753989 10.1489106,16.4518785 10.018528,16.2871848 L7.60988163,13.3329902 C7.43832561,13.1202608 7.35254761,12.9006691 7.35254761,12.6742151 C7.35254761,12.4340367 7.43317893,12.2298851 7.59444159,12.0617602 C7.75570424,11.8936353 7.95642477,11.8095728 8.19660319,11.8095728 C8.34071024,11.8095728 8.47280837,11.8404529 8.59289758,11.9022131 C8.71298679,11.9639732 8.83136044,12.0737691 8.94801853,12.2316006 L10.8831704,14.7020072 L14.9696346,8.14513639 C15.1686396,7.82261108 15.4156802,7.66134843 15.7107566,7.66134843 C15.9372105,7.66134843 16.1413622,7.73511752 16.3232115,7.88265569 C16.5050609,8.03019386 16.5959856,8.22405215 16.5959856,8.46423057 C16.5959856,8.57402642 16.5702522,8.68553783 16.5187854,8.7987648 C16.4673186,8.91199177 16.407274,9.02007205 16.3386516,9.12300566 L11.7786927,16.2768914 C11.5659633,16.6131412 11.2811803,16.7812661 10.9243438,16.7812661 Z" }) }));
+    return (jsxs(PageContainer, { className: clsx(styles$z.page, className), children: [jsx("div", { className: styles$z.breadcrumb, children: jsx(Breadcrumb, { links: breadCrumb }) }), title && jsx(PageTitle, { children: title }), children] }));
 }
 
-var styles$z = {"list":"list-module-7-DFP","list-item":"list-module-YMLVY","icon":"list-module-wTIOA"};
+var styles$y = {"list":"list-module-7-DFP","list-item":"list-module-YMLVY","icon":"list-module-wTIOA"};
 
 function List({ children }) {
-    return jsx("ul", { className: styles$z.list, children: children });
+    return jsx("ul", { className: styles$y.list, children: children });
 }
 function ListItem({ icon, text }) {
-    return (jsxs("li", { className: styles$z['list-item'], children: [icon && jsx("span", { className: styles$z.icon, children: icon }), text] }));
+    return (jsxs("li", { className: styles$y['list-item'], children: [icon && jsx("span", { className: styles$y.icon, children: icon }), text] }));
 }
 
-var styles$y = {"sign-in-dialog":"sign-in-dialog-module-P-AHV"};
+var styles$x = {"sign-in-dialog":"sign-in-dialog-module-P-AHV"};
 
 function SignInDialog({ isOpen, onOpenChange }) {
     const { signInUrl } = useFavorite();
     const t = useFormattedMessage();
-    return (jsx(Dialog, { isDismissable: true, dialogClassName: styles$y['sign-in-dialog'], footer: jsxs(Fragment, { children: [jsx(RouteButton, { color: "primary", href: `${signInUrl}?returnUrl=${encodeURIComponent(window.location.pathname + window.location.search)}`, onClick: () => onOpenChange(false), variant: "solid", children: jsx(FormattedMessage, { id: "sign in" }) }), jsx(RouteButton, { color: "secondary", href: `${signInUrl}?returnUrl=${encodeURIComponent(window.location.pathname + window.location.search)}`, onClick: () => onOpenChange(false), variant: "outline", children: jsx(FormattedMessage, { id: "create account" }) })] }), isOpen: isOpen, onOpenChange: onOpenChange, title: t('Shop more efficiently and quicker with a favorites list'), children: jsxs(List, { children: [jsx(ListItem, { icon: jsx(SolidOkayIcon, { fill: "var(--color-status-available)" }), text: t('Easily add your favorite products') }), jsx(ListItem, { icon: jsx(SolidOkayIcon, { fill: "var(--color-status-available)" }), text: t('Your favorites are available on multiple devices') }), jsx(ListItem, { icon: jsx(SolidOkayIcon, { fill: "var(--color-status-available)" }), text: t('Share your favorite list with others') })] }) }));
+    return (jsx(Dialog, { isDismissable: true, dialogClassName: styles$x['sign-in-dialog'], footer: jsxs(Fragment, { children: [jsx(RouteButton, { color: "primary", href: `${signInUrl}?returnUrl=${encodeURIComponent(window.location.pathname + window.location.search)}`, onClick: () => onOpenChange(false), variant: "solid", children: jsx(FormattedMessage, { id: "sign in" }) }), jsx(RouteButton, { color: "secondary", href: `${signInUrl}?returnUrl=${encodeURIComponent(window.location.pathname + window.location.search)}`, onClick: () => onOpenChange(false), variant: "outline", children: jsx(FormattedMessage, { id: "create account" }) })] }), isOpen: isOpen, onOpenChange: onOpenChange, title: t('Shop more efficiently and quicker with a favorites list'), children: jsxs(List, { children: [jsx(ListItem, { icon: jsx(SolidOkayIcon, { fill: "var(--color-status-available)" }), text: t('Easily add your favorite products') }), jsx(ListItem, { icon: jsx(SolidOkayIcon, { fill: "var(--color-status-available)" }), text: t('Your favorites are available on multiple devices') }), jsx(ListItem, { icon: jsx(SolidOkayIcon, { fill: "var(--color-status-available)" }), text: t('Share your favorite list with others') })] }) }));
 }
 
 function ConnectedFavoriteButton({ onFavorited: _onFavorited, onFavoriting: _onFavoriting, productId, }) {
@@ -8235,7 +8312,7 @@ function ConnectedProductCard({ id, onAddToCart, onFavorited, onFavoriting, ...p
     return (jsx(ProductCard, { id: id, ...props, addToCartButton: jsx(ConnectedAddToCartButton, { onAddToCart: onAddToCart, productId: id }), favoriteButton: jsx(ConnectedFavoriteButton, { onFavorited: onFavorited, onFavoriting: onFavoriting, productId: id }) }));
 }
 
-var styles$x = {"carousel-container":"card-carousel-module-JXQmk","button":"card-carousel-module-XQ2pX","slide":"card-carousel-module-DxKOG","width-auto":"card-carousel-module-RQ8gl","width-narrow":"card-carousel-module-8uKSt","width-normal":"card-carousel-module-l-ylK"};
+var styles$w = {"carousel-container":"card-carousel-module-JXQmk","button":"card-carousel-module-XQ2pX","slide":"card-carousel-module-DxKOG","width-auto":"card-carousel-module-RQ8gl","width-narrow":"card-carousel-module-8uKSt","width-normal":"card-carousel-module-l-ylK"};
 
 function CardCarousel({ allowExpandToGrid = false, cards, cardsPerView = {
     md: 2,
@@ -8244,9 +8321,9 @@ function CardCarousel({ allowExpandToGrid = false, cards, cardsPerView = {
 }, cardWidth = 'auto', hasOverflow = false, }) {
     const [isExpanded, setIsExpanded] = useState(false);
     if (!isExpanded) {
-        return (jsxs("div", { className: styles$x['carousel-container'], children: [jsx(Carousel, { hasOverflow: hasOverflow, navigationButtonsPosition: "center", slideClasses: clsx(styles$x.slide, styles$x[`width-${cardWidth}`]), slides: cards, slidesPerView: cardsPerView, spaceBetween: 16 }), allowExpandToGrid && (jsx(Button, { withArrow: true, className: styles$x.button, color: "secondary", onClick: () => setIsExpanded(true), variant: "outline", children: jsx(FormattedMessage, { id: "Show all" }) }))] }));
+        return (jsxs("div", { className: styles$w['carousel-container'], children: [jsx(Carousel, { hasOverflow: hasOverflow, navigationButtonsPosition: "center", slideClasses: clsx(styles$w.slide, styles$w[`width-${cardWidth}`]), slides: cards, slidesPerView: cardsPerView, spaceBetween: 16 }), allowExpandToGrid && (jsx(Button, { withArrow: true, className: styles$w.button, color: "secondary", onClick: () => setIsExpanded(true), variant: "outline", children: jsx(FormattedMessage, { id: "Show all" }) }))] }));
     }
-    return (jsxs("div", { className: styles$x['carousel-container'], children: [jsxs(ProductOverviewGrid, { children: [...cards] }), jsx(Button, { withArrow: true, className: styles$x.button, color: "secondary", onClick: () => setIsExpanded(false), variant: "outline", children: jsx(FormattedMessage, { id: "Show less" }) })] }));
+    return (jsxs("div", { className: styles$w['carousel-container'], children: [jsxs(ProductOverviewGrid, { children: [...cards] }), jsx(Button, { withArrow: true, className: styles$w.button, color: "secondary", onClick: () => setIsExpanded(false), variant: "outline", children: jsx(FormattedMessage, { id: "Show less" }) })] }));
 }
 
 class Animation {
@@ -8390,7 +8467,7 @@ class Animation {
     }
 }
 
-var styles$w = {"pagination-panel":"pagination-module-pQ-Pu","content-container":"pagination-module-EnswA","contained":"pagination-module-4U0M3","page-button":"pagination-module-E-D6l","active-page-button":"pagination-module-rNIvD","circle":"pagination-module-4--ee"};
+var styles$v = {"pagination-panel":"pagination-module-pQ-Pu","content-container":"pagination-module-EnswA","contained":"pagination-module-4U0M3","page-button":"pagination-module-E-D6l","active-page-button":"pagination-module-rNIvD","circle":"pagination-module-4--ee"};
 
 function between(min, value, max) {
     return Math.min(max, Math.max(min, value));
@@ -8403,8 +8480,8 @@ function Pagination$1({ contained, currentPage = 1, numberOfPages, onChange, })
     if (numberOfPages <= 1)
         return;
     return (jsx("div", { className: clsx({
-            [styles$w['contained']]: contained,
-        }, styles$w['pagination-panel']), children: jsxs("div", { className: styles$w['content-container'], children: [jsx("div", { ref: animation.current.refButton, className: clsx(styles$w['active-page-button'], styles$w['page-button']), children: jsx("div", { ref: animation.current.refCircle, className: styles$w['circle'] }) }), Array.from({ length: numberOfPages }, (_, index) => (jsx("div", { ref: animation.current.refPaginationButton(index), className: clsx(styles$w['page-button']), onClick: () => {
+            [styles$v['contained']]: contained,
+        }, styles$v['pagination-panel']), children: jsxs("div", { className: styles$v['content-container'], children: [jsx("div", { ref: animation.current.refButton, className: clsx(styles$v['active-page-button'], styles$v['page-button']), children: jsx("div", { ref: animation.current.refCircle, className: styles$v['circle'] }) }), Array.from({ length: numberOfPages }, (_, index) => (jsx("div", { ref: animation.current.refPaginationButton(index), className: clsx(styles$v['page-button']), onClick: () => {
                         onChange?.(index + 1);
                     }, onKeyPress: e => {
                         if (e.key === 'Enter' || e.key === ' ') {
@@ -8413,7 +8490,7 @@ function Pagination$1({ contained, currentPage = 1, numberOfPages, onChange, })
                     }, role: "button", tabIndex: 0 }, index)))] }) }));
 }
 
-var styles$v = {"usp-carousel":"usp-carousel-module-UCbpX","pagination":"usp-carousel-module-msaeJ","product-usp":"usp-carousel-module-rtIrb","left":"usp-carousel-module--Vdc3","image":"usp-carousel-module-F-WAS","right":"usp-carousel-module-2fygw","content":"usp-carousel-module-AOJJg","icon":"usp-carousel-module-Diy2d","title":"usp-carousel-module--xcF2","text":"usp-carousel-module-tq8R8","navigation":"usp-carousel-module-L5Kmv"};
+var styles$u = {"usp-carousel":"usp-carousel-module-UCbpX","pagination":"usp-carousel-module-msaeJ","product-usp":"usp-carousel-module-rtIrb","left":"usp-carousel-module--Vdc3","image":"usp-carousel-module-F-WAS","right":"usp-carousel-module-2fygw","content":"usp-carousel-module-AOJJg","icon":"usp-carousel-module-Diy2d","title":"usp-carousel-module--xcF2","text":"usp-carousel-module-tq8R8","navigation":"usp-carousel-module-L5Kmv"};
 
 const DURATION_IN_MS = 800;
 const CONTENT_TRANSLATE_PX = 40;
@@ -8446,13 +8523,13 @@ const USPCarousel = ({ slides }) => {
             }
         });
     }
-    return (jsxs(Swiper, { ref: swiperElementRef, className: styles$v['usp-carousel'], longSwipes: false, onActiveIndexChange: swiper => setCurrentIndex(swiper.activeIndex), onSetTransition: (_swiper, transitions) => {
+    return (jsxs(Swiper, { ref: swiperElementRef, className: styles$u['usp-carousel'], longSwipes: false, onActiveIndexChange: swiper => setCurrentIndex(swiper.activeIndex), onSetTransition: (_swiper, transitions) => {
             currentTransitionSpeed = transitions;
-        }, onSetTranslate: setTranslate, onSwiper: swiper => (swiperRef.current = swiper), speed: DURATION_IN_MS, virtualTranslate: true, watchSlidesProgress: true, children: [slides.map((slide, index) => (jsx(SwiperSlide, { children: slide }, index))), jsx("div", { className: styles$v.pagination, id: "pagination" }), jsx("div", { className: styles$v.pagination, children: jsx(Pagination$1, { currentPage: currentIndex + 1, numberOfPages: slides.length, onChange: pageNumber => swiperRef.current?.slideTo(pageNumber - 1) }) })] }));
+        }, onSetTranslate: setTranslate, onSwiper: swiper => (swiperRef.current = swiper), speed: DURATION_IN_MS, virtualTranslate: true, watchSlidesProgress: true, children: [slides.map((slide, index) => (jsx(SwiperSlide, { children: slide }, index))), jsx("div", { className: styles$u.pagination, id: "pagination" }), jsx("div", { className: styles$u.pagination, children: jsx(Pagination$1, { currentPage: currentIndex + 1, numberOfPages: slides.length, onChange: pageNumber => swiperRef.current?.slideTo(pageNumber - 1) }) })] }));
 };
 
 function ProductUsp({ usp }) {
-    return (jsxs("div", { className: styles$v['product-usp'], children: [jsx("div", { className: styles$v.left, children: jsx(Image, { className: styles$v.image, fit: "cover", image: usp.image, title: usp.image.altText }) }), jsx("div", { className: styles$v.right, children: jsxs("div", { "data-content": true, className: styles$v.content, children: [jsx(Image, { className: styles$v.icon, image: usp.icon, title: usp.icon.altText }), jsx(Heading, { italic: true, uppercase: true, className: styles$v.title, size: "xs", children: usp.heading }), jsx("p", { className: styles$v.text, children: usp.text })] }) })] }));
+    return (jsxs("div", { className: styles$u['product-usp'], children: [jsx("div", { className: styles$u.left, children: jsx(Image, { className: styles$u.image, fit: "cover", image: usp.image, title: usp.image.altText }) }), jsx("div", { className: styles$u.right, children: jsxs("div", { "data-content": true, className: styles$u.content, children: [jsx(Image, { className: styles$u.icon, image: usp.icon, title: usp.icon.altText }), jsx(Heading, { italic: true, uppercase: true, className: styles$u.title, size: "xs", children: usp.heading }), jsx("p", { className: styles$u.text, children: usp.text })] }) })] }));
 }
 
 function ProductUSPCarousel({ usps }) {
@@ -8472,16 +8549,16 @@ function ErrorPage({ error }) {
         ], title: "Something went wrong", children: environment !== 'production' && (jsxs(Fragment, { children: [jsx(Heading, { size: "l", children: isRequestError(error) ? (jsxs(Fragment, { children: [error.status, " - ", error.statusText || 'Unknown error'] })) : (jsx(Fragment, { children: error.message })) }), isRequestError(error) && (jsxs(Fragment, { children: [jsx(Heading, { size: "xs", children: "Error details" }), jsx(Heading, { size: "xxs", children: "Body" }), jsx("pre", { children: JSON.stringify(error.body, null, 2) }), jsx(Heading, { size: "xxs", children: "Options" }), jsx("pre", { children: JSON.stringify(error.options, null, 2) })] }))] })) }));
 }
 
-var styles$u = {"product-details-page-layout":"product-details-page-layout-module-IQFIn","top":"product-details-page-layout-module--7oUp","image-gallery":"product-details-page-layout-module-Efavu","product-information":"product-details-page-layout-module-Y2490","recently-viewed":"product-details-page-layout-module-EDW8t","included":"product-details-page-layout-module-GSMls","usp":"product-details-page-layout-module-duq6v"};
+var styles$t = {"product-details-page-layout":"product-details-page-layout-module-IQFIn","top":"product-details-page-layout-module--7oUp","image-gallery":"product-details-page-layout-module-Efavu","product-information":"product-details-page-layout-module-Y2490","recently-viewed":"product-details-page-layout-module-EDW8t","included":"product-details-page-layout-module-GSMls","usp":"product-details-page-layout-module-duq6v"};
 
 function ProductDetailsPageLayout({ imageGallery, included, productInformation, recentlyViewed, usp, }) {
-    return (jsxs("div", { className: styles$u['product-details-page-layout'], children: [jsxs("section", { className: styles$u.top, children: [jsx("div", { className: styles$u['image-gallery'], children: imageGallery }), jsx("div", { className: styles$u['product-information'], children: productInformation })] }), jsx("section", { className: styles$u.usp, children: usp }), jsx("section", { className: styles$u.included, children: included }), jsx("section", { className: styles$u['recently-viewed'], children: recentlyViewed })] }));
+    return (jsxs("div", { className: styles$t['product-details-page-layout'], children: [jsxs("section", { className: styles$t.top, children: [jsx("div", { className: styles$t['image-gallery'], children: imageGallery }), jsx("div", { className: styles$t['product-information'], children: productInformation })] }), jsx("section", { className: styles$t.usp, children: usp }), jsx("section", { className: styles$t.included, children: included }), jsx("section", { className: styles$t['recently-viewed'], children: recentlyViewed })] }));
 }
 
-var styles$t = {"blank-page-spacer":"blank-page-spacer-module-lXxle","loading-overlay":"blank-page-spacer-module-hbxDP"};
+var styles$s = {"blank-page-spacer":"blank-page-spacer-module-lXxle","loading-overlay":"blank-page-spacer-module-hbxDP"};
 
 function BlankPageSpacer({ children }) {
-    return jsx("div", { className: styles$t['blank-page-spacer'], children: children });
+    return jsx("div", { className: styles$s['blank-page-spacer'], children: children });
 }
 
 function LoadingPage() {
@@ -8566,7 +8643,7 @@ function useFetchProductDetailsPageData({ languageCode, pageUrl, }) {
     });
 }
 
-var styles$s = {"images-grid":"images-grid-module-i5868","grid-item":"images-grid-module-nY9-n","image":"images-grid-module-TahRy","clickable":"images-grid-module-Ruktz"};
+var styles$r = {"images-grid":"images-grid-module-i5868","grid-item":"images-grid-module-nY9-n","image":"images-grid-module-TahRy","clickable":"images-grid-module-Ruktz"};
 
 const mainImagePosition = {
     1: 0,
@@ -8588,12 +8665,12 @@ function ImagesGrid({ images, onSelectImage }) {
             onSelectImage?.(image, images.indexOf(image));
         }
     }
-    return (jsx("div", { className: styles$s['images-grid'], "data-count": images.length, children: imageList.map((image, index) => image && (jsx("div", { "aria-label": `Open image ${index}`, className: clsx(styles$s['grid-item'], {
-                [styles$s.clickable]: Boolean(onSelectImage),
-            }), onClick: () => onSelectImage?.(image, index), onKeyDown: event => handleKeydown(event, image), role: "button", tabIndex: 0, children: jsx(Image, { className: styles$s.image, fit: "contain", image: image, title: image.altText }) }, index))) }));
+    return (jsx("div", { className: styles$r['images-grid'], "data-count": images.length, children: imageList.map((image, index) => image && (jsx("div", { "aria-label": `Open image ${index}`, className: clsx(styles$r['grid-item'], {
+                [styles$r.clickable]: Boolean(onSelectImage),
+            }), onClick: () => onSelectImage?.(image, index), onKeyDown: event => handleKeydown(event, image), role: "button", tabIndex: 0, children: jsx(Image, { className: styles$r.image, fit: "contain", image: image, title: image.altText }) }, index))) }));
 }
 
-var styles$r = {"image-lightbox":"image-lightbox-module-9k3oJ","slide":"image-lightbox-module-K5Gd0","active-image":"image-lightbox-module-UNPOi","thumb":"image-lightbox-module-PUOMT","image":"image-lightbox-module-4RKLg","main-swiper":"image-lightbox-module-hAy3O","pagination":"image-lightbox-module-nN1Kr","sm":"image-lightbox-module-1idAN","thumbs-swiper":"image-lightbox-module-Xbxcn","lg":"image-lightbox-module--V8Xo","navigation-button":"image-lightbox-module-RP7KS","navigation-button-prev":"image-lightbox-module-wOPYF","navigation-button-next":"image-lightbox-module-knizp"};
+var styles$q = {"image-lightbox":"image-lightbox-module-9k3oJ","slide":"image-lightbox-module-K5Gd0","active-image":"image-lightbox-module-UNPOi","thumb":"image-lightbox-module-PUOMT","image":"image-lightbox-module-4RKLg","main-swiper":"image-lightbox-module-hAy3O","pagination":"image-lightbox-module-nN1Kr","sm":"image-lightbox-module-1idAN","thumbs-swiper":"image-lightbox-module-Xbxcn","lg":"image-lightbox-module--V8Xo","navigation-button":"image-lightbox-module-RP7KS","navigation-button-prev":"image-lightbox-module-wOPYF","navigation-button-next":"image-lightbox-module-knizp"};
 
 function ImageLightbox({ images, initialSelectedIndex = 0, variant = 'sm', }) {
     const [thumbsSwiper, setThumbsSwiper] = useState();
@@ -8601,13 +8678,13 @@ function ImageLightbox({ images, initialSelectedIndex = 0, variant = 'sm', }) {
     const nextEl = useRef(null);
     const prevEl = useRef(null);
     const mainSwiperRef = useRef(null);
-    return (jsxs("div", { className: clsx(styles$r['image-lightbox'], styles$r[variant]), children: [jsx(Swiper, { watchSlidesProgress: true, className: styles$r['thumbs-swiper'], direction: variant === 'sm' ? 'horizontal' : 'vertical', modules: [Thumb], onSwiper: swiper => setThumbsSwiper(swiper), slidesPerView: "auto", spaceBetween: 8, children: images.map((image, index) => (jsx(SwiperSlide, { className: styles$r.slide, children: jsx("div", { className: styles$r.thumb, children: jsx(Image, { className: styles$r.image, fit: "contain", height: 80, image: image, title: "Image", width: 80 }) }) }, index))) }), jsxs("div", { className: styles$r['main-swiper'], children: [jsx(Swiper, { initialSlide: initialSelectedIndex, modules: [Thumb, Navigation], navigation: {
+    return (jsxs("div", { className: clsx(styles$q['image-lightbox'], styles$q[variant]), children: [jsx(Swiper, { watchSlidesProgress: true, className: styles$q['thumbs-swiper'], direction: variant === 'sm' ? 'horizontal' : 'vertical', modules: [Thumb], onSwiper: swiper => setThumbsSwiper(swiper), slidesPerView: "auto", spaceBetween: 8, children: images.map((image, index) => (jsx(SwiperSlide, { className: styles$q.slide, children: jsx("div", { className: styles$q.thumb, children: jsx(Image, { className: styles$q.image, fit: "contain", height: 80, image: image, title: "Image", width: 80 }) }) }, index))) }), jsxs("div", { className: styles$q['main-swiper'], children: [jsx(Swiper, { initialSlide: initialSelectedIndex, modules: [Thumb, Navigation], navigation: {
                             nextEl: nextEl.current,
                             prevEl: prevEl.current,
-                        }, onActiveIndexChange: swiper => setCurrentIndex(swiper.activeIndex), onBeforeInit: swiper => (mainSwiperRef.current = swiper), slidesPerView: 1, thumbs: { swiper: thumbsSwiper }, children: images.map((image, index) => (jsx(SwiperSlide, { className: styles$r.slide, children: jsx("div", { className: styles$r['active-image'], children: jsx(Image, { className: styles$r.image, fit: "contain", image: image, title: "Image" }) }) }, index))) }), jsx("div", { className: styles$r.pagination, children: jsx(Pagination$1, { contained: true, currentPage: currentIndex + 1, numberOfPages: images.length, onChange: pageNumber => mainSwiperRef.current?.slideTo(pageNumber - 1) }) }), variant === 'lg' && (jsxs(Fragment, { children: [jsx(CarouselNavigationButton, { ref: prevEl, className: clsx(styles$r['navigation-button'], styles$r['navigation-button-prev']), direction: "previous" }), jsx(CarouselNavigationButton, { ref: nextEl, className: clsx(styles$r['navigation-button'], styles$r['navigation-button-next']), direction: "next" })] }))] })] }));
+                        }, onActiveIndexChange: swiper => setCurrentIndex(swiper.activeIndex), onBeforeInit: swiper => (mainSwiperRef.current = swiper), slidesPerView: 1, thumbs: { swiper: thumbsSwiper }, children: images.map((image, index) => (jsx(SwiperSlide, { className: styles$q.slide, children: jsx("div", { className: styles$q['active-image'], children: jsx(Image, { className: styles$q.image, fit: "contain", image: image, title: "Image" }) }) }, index))) }), jsx("div", { className: styles$q.pagination, children: jsx(Pagination$1, { contained: true, currentPage: currentIndex + 1, numberOfPages: images.length, onChange: pageNumber => mainSwiperRef.current?.slideTo(pageNumber - 1) }) }), variant === 'lg' && (jsxs(Fragment, { children: [jsx(CarouselNavigationButton, { ref: prevEl, className: clsx(styles$q['navigation-button'], styles$q['navigation-button-prev']), direction: "previous" }), jsx(CarouselNavigationButton, { ref: nextEl, className: clsx(styles$q['navigation-button'], styles$q['navigation-button-next']), direction: "next" })] }))] })] }));
 }
 
-var styles$q = {"image-lightbox-modal":"product-detail-images-module-N3Ms-"};
+var styles$p = {"image-lightbox-modal":"product-detail-images-module-N3Ms-"};
 
 const MAX_IMAGES = 5;
 function ProductDetailImages({ images }) {
@@ -8624,7 +8701,7 @@ function ProductDetailImages({ images }) {
     if (!isXl) {
         return jsx(ImageLightbox, { images: images });
     }
-    return (jsxs(Fragment, { children: [jsx(ImagesGrid, { images: images, onSelectImage: (image, _index) => handleOpenImage(image) }), jsx(Dialog, { hasCloseButton: true, hideTitle: true, isDismissable: true, isFullScreen: true, isKeyboardDismissDisabled: false, isOpen: isOpen, onOpenChange: toggle, title: "Product images", children: jsx("div", { className: styles$q['image-lightbox-modal'], children: jsx(ImageLightbox, { images: images, initialSelectedIndex: selectedImageIndex, variant: "lg" }) }) })] }));
+    return (jsxs(Fragment, { children: [jsx(ImagesGrid, { images: images, onSelectImage: (image, _index) => handleOpenImage(image) }), jsx(Dialog, { hasCloseButton: true, hideTitle: true, isDismissable: true, isFullScreen: true, isKeyboardDismissDisabled: false, isOpen: isOpen, onOpenChange: toggle, title: "Product images", children: jsx("div", { className: styles$p['image-lightbox-modal'], children: jsx(ImageLightbox, { images: images, initialSelectedIndex: selectedImageIndex, variant: "lg" }) }) })] }));
 }
 
 function GlyphsChevronsBoldDownIcon(props) {
@@ -8636,9 +8713,9 @@ function AccordionItem({ _pseudo = 'none', borderType = 'bottom', children, clas
     const panelId = `panel-${id}`;
     return (jsxs("div", { className: clsx(className, ...[]
             .concat(borderType)
-            .map(type => styles$S[`border-type-${type}`]), styles$S['accordion-item'], {
-            [styles$S['is-open']]: isOpen,
-        }), children: [jsx("h3", { children: jsxs("button", { "aria-controls": panelId, "aria-expanded": isOpen, className: clsx(styles$S.button, styles$S[_pseudo]), disabled: isDisabled, id: id, onClick: toggle, type: "button", children: [title, jsx("span", { className: styles$S.icon, children: size === 'lg' ? (jsx(GlyphsChevronsBoldDownIcon, {})) : (jsx(GlyphsChevronsSlimDownIcon, {})) })] }) }), jsx("div", { "aria-labelledby": id, className: styles$S.panel, id: panelId, role: "region", children: jsx("div", { className: styles$S.content, children: children }) })] }));
+            .map(type => styles$R[`border-type-${type}`]), styles$R['accordion-item'], {
+            [styles$R['is-open']]: isOpen,
+        }), children: [jsx("h3", { children: jsxs("button", { "aria-controls": panelId, "aria-expanded": isOpen, className: clsx(styles$R.button, styles$R[_pseudo]), disabled: isDisabled, id: id, onClick: toggle, type: "button", children: [title, jsx("span", { className: styles$R.icon, children: size === 'lg' ? (jsx(GlyphsChevronsBoldDownIcon, {})) : (jsx(GlyphsChevronsSlimDownIcon, {})) })] }) }), jsx("div", { "aria-labelledby": id, className: styles$R.panel, id: panelId, role: "region", children: jsx("div", { className: styles$R.content, children: children }) })] }));
 }
 
 function StrokeDownloadIcon(props) {
@@ -8649,7 +8726,7 @@ function SolidCloseIcon(props) {
     return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M11.9997748,2 C17.5138784,2 22,6.48597148 22,11.9997748 C22,17.5138784 17.5138784,22 11.9997748,22 C6.48597148,22 2,17.5138784 2,11.9997748 C2,6.48597148 6.48597148,2 11.9997748,2 Z M16.4949747,7.50502525 C16.2216077,7.23165825 15.7783923,7.23165825 15.5050253,7.50502525 L12,11.011 L8.49497475,7.50502525 C8.22160774,7.23165825 7.77839226,7.23165825 7.50502525,7.50502525 L7.43121616,7.59179111 C7.23439192,7.86533687 7.25899495,8.24894444 7.50502525,8.49497475 L11.011,12 L7.50502525,15.5050253 C7.23165825,15.7783923 7.23165825,16.2216077 7.50502525,16.4949747 L7.59179111,16.5687838 C7.86533687,16.7656081 8.24894444,16.7410051 8.49497475,16.4949747 L12,12.988 L15.5050253,16.4949747 C15.7783923,16.7683418 16.2216077,16.7683418 16.4949747,16.4949747 L16.5687838,16.4082089 C16.7656081,16.1346631 16.7410051,15.7510556 16.4949747,15.5050253 L12.988,12 L16.4949747,8.49497475 C16.7683418,8.22160774 16.7683418,7.77839226 16.4949747,7.50502525 Z", fillRule: "evenodd" }) }));
 }
 
-var styles$p = {"feature-list":"feature-list-module-cxc8U","row":"feature-list-module-tTJ2r","column":"feature-list-module-Tw0KD","column-label":"feature-list-module-J6Xfj","alignment-right":"feature-list-module-deI1-","column-value":"feature-list-module-CqSj1","icon-true":"feature-list-module-ojZvf","icon-false":"feature-list-module-4IjrA"};
+var styles$o = {"feature-list":"feature-list-module-cxc8U","row":"feature-list-module-tTJ2r","column":"feature-list-module-Tw0KD","column-label":"feature-list-module-J6Xfj","alignment-right":"feature-list-module-deI1-","column-value":"feature-list-module-CqSj1","icon-true":"feature-list-module-ojZvf","icon-false":"feature-list-module-4IjrA"};
 
 function FeatureKey({ label }) {
     return label;
@@ -8658,15 +8735,15 @@ function FeatureValue({ value }) {
     if (typeof value === 'boolean' ||
         (typeof value === 'string' &&
             (value.toLowerCase() === 'true' || value.toLowerCase() === 'false'))) {
-        return (jsx(Fragment, { children: String(value).toLowerCase() === 'true' ? (jsx(SolidOkayIcon, { className: styles$p['icon-true'] })) : (jsx(SolidCloseIcon, { className: styles$p['icon-false'] })) }));
+        return (jsx(Fragment, { children: String(value).toLowerCase() === 'true' ? (jsx(SolidOkayIcon, { className: styles$o['icon-true'] })) : (jsx(SolidCloseIcon, { className: styles$o['icon-false'] })) }));
     }
-    return jsx("div", { className: styles$p.value, children: value });
+    return jsx("div", { className: styles$o.value, children: value });
 }
 function FeatureList({ className, features, style }) {
-    return (jsx("div", { className: clsx(styles$p['feature-list'], className), children: features.map(({ id, key, value }) => (jsxs("div", { className: styles$p.row, children: [jsx("div", { className: clsx(styles$p.column, styles$p['column-label'], styles$p[`alignment-${style?.keyAlignment || 'left'}`]), children: key && jsx(FeatureKey, { ...key }) }), jsx("div", { className: clsx(styles$p.column, styles$p['column-value'], styles$p[`alignment-${style?.valueAlignment || 'right'}`]), children: Array.isArray(value) ? (value.map((value, index) => (jsx(FeatureValue, { value: value }, `${id}-${index}`)))) : (jsx(FeatureValue, { value: value })) })] }, id))) }));
+    return (jsx("div", { className: clsx(styles$o['feature-list'], className), children: features.map(({ id, key, value }) => (jsxs("div", { className: styles$o.row, children: [jsx("div", { className: clsx(styles$o.column, styles$o['column-label'], styles$o[`alignment-${style?.keyAlignment || 'left'}`]), children: key && jsx(FeatureKey, { ...key }) }), jsx("div", { className: clsx(styles$o.column, styles$o['column-value'], styles$o[`alignment-${style?.valueAlignment || 'right'}`]), children: Array.isArray(value) ? (value.map((value, index) => (jsx(FeatureValue, { value: value }, `${id}-${index}`)))) : (jsx(FeatureValue, { value: value })) })] }, id))) }));
 }
 
-var styles$o = {"download-list-item":"download-document-list-module-Z023h"};
+var styles$n = {"download-list-item":"download-document-list-module-Z023h"};
 
 function DownloadDocumentList({ className, documents, }) {
     return (jsx(FeatureList, { className: className, features: documents.map(document => ({
@@ -8675,23 +8752,23 @@ function DownloadDocumentList({ className, documents, }) {
         })), style: { valueAlignment: 'left' } }));
 }
 function DownloadListItem({ document: { href, name }, }) {
-    return (jsxs("div", { className: styles$o['download-list-item'], children: [jsx(StrokeDownloadIcon, {}), jsx("a", { href: href, rel: "noreferrer", target: "_blank", children: name })] }));
+    return (jsxs("div", { className: styles$n['download-list-item'], children: [jsx(StrokeDownloadIcon, {}), jsx("a", { href: href, rel: "noreferrer", target: "_blank", children: name })] }));
 }
 
-var styles$n = {"product-details-panel":"product-details-panel-module-kfhpL","heading":"product-details-panel-module--1ODE","price-action-container":"product-details-panel-module-CCcmA","action-container":"product-details-panel-module-1vyDM","description":"product-details-panel-module-GfTab","feature-list":"product-details-panel-module-ze0my"};
+var styles$m = {"product-details-panel":"product-details-panel-module-kfhpL","heading":"product-details-panel-module--1ODE","price-action-container":"product-details-panel-module-CCcmA","action-container":"product-details-panel-module-1vyDM","description":"product-details-panel-module-GfTab","feature-list":"product-details-panel-module-ze0my"};
 
 function ProductDetailsPanel({ product }) {
-    return (jsxs("div", { className: styles$n['product-details-panel'], children: [jsxs("div", { className: styles$n.heading, children: [jsx(Heading, { italic: true, size: "xs", children: product.productTitle }), jsx(ProductSku, { sku: product.productNumber })] }), jsxs("div", { className: styles$n['price-action-container'], children: [jsx(ProductPrice, { isVatIncluded: false, originalPrice: product.unitListPrice, price: product.unitListPrice }), jsxs("div", { className: styles$n['action-container'], children: [product.canAddToCart && (jsx(ConnectedAddToCartButton, { productId: product.storefrontId })), product.canAddToWishlist && (jsx(ConnectedFavoriteButton, { productId: product.storefrontId }))] })] }), jsxs("div", { children: [jsx(Heading, { italic: true, className: styles$n['product-features-heading'], size: "xxs", children: jsx(FormattedMessage, { id: "Product Features" }) }), product.content.htmlContent && (jsx(ShowAll, { initialHeight: 216, children: jsx("div", { className: styles$n.description, dangerouslySetInnerHTML: {
+    return (jsxs("div", { className: styles$m['product-details-panel'], children: [jsxs("div", { className: styles$m.heading, children: [jsx(Heading, { italic: true, size: "xs", children: product.productTitle }), jsx(ProductSku, { sku: product.productNumber })] }), jsxs("div", { className: styles$m['price-action-container'], children: [jsx(ProductPrice, { isVatIncluded: false, originalPrice: product.unitListPrice, price: product.unitListPrice }), jsxs("div", { className: styles$m['action-container'], children: [product.canAddToCart && (jsx(ConnectedAddToCartButton, { productId: product.storefrontId })), product.canAddToWishlist && (jsx(ConnectedFavoriteButton, { productId: product.storefrontId }))] })] }), jsxs("div", { children: [jsx(Heading, { italic: true, className: styles$m['product-features-heading'], size: "xxs", children: jsx(FormattedMessage, { id: "Product Features" }) }), product.content.htmlContent && (jsx(ShowAll, { initialHeight: 216, children: jsx("div", { className: styles$m.description, dangerouslySetInnerHTML: {
                                 __html: product.content.htmlContent,
-                            } }) }))] }), jsx("div", { children: jsxs(Accordion, { indented: true, borderType: ['top', 'middle-accentuated'], children: [Boolean(product.attributeTypes.length) && (jsx(AccordionItem, { id: "specification", title: jsx(FormattedMessage, { id: "Specifications" }), children: jsx(FeatureList, { className: styles$n['feature-list'], features: product.attributeTypes.map(attribute => ({
+                            } }) }))] }), jsx("div", { children: jsxs(Accordion, { indented: true, borderType: ['top', 'middle-accentuated'], children: [Boolean(product.attributeTypes.length) && (jsx(AccordionItem, { id: "specification", title: jsx(FormattedMessage, { id: "Specifications" }), children: jsx(FeatureList, { className: styles$m['feature-list'], features: product.attributeTypes.map(attribute => ({
                                     id: `${attribute.id}`,
                                     key: { label: attribute.label },
                                     value: attribute.attributeValues.map(attributeValue => attributeValue.value),
-                                })) }) })), Boolean(product.specifications.length) && (jsx(AccordionItem, { id: "features", title: jsx(FormattedMessage, { id: "Features" }), children: jsx(FeatureList, { className: styles$n['feature-list'], features: product.specifications.map(specification => ({
+                                })) }) })), Boolean(product.specifications.length) && (jsx(AccordionItem, { id: "features", title: jsx(FormattedMessage, { id: "Features" }), children: jsx(FeatureList, { className: styles$m['feature-list'], features: product.specifications.map(specification => ({
                                     id: `${specification.id}`,
                                     key: { label: specification.nameDisplay },
                                     value: specification.value,
-                                })) }) })), Boolean(product.documents.length) && (jsx(AccordionItem, { id: "downloads", title: jsx(FormattedMessage, { id: "Downloads" }), children: jsx(DownloadDocumentList, { className: styles$n['feature-list'], documents: product.documents
+                                })) }) })), Boolean(product.documents.length) && (jsx(AccordionItem, { id: "downloads", title: jsx(FormattedMessage, { id: "Downloads" }), children: jsx(DownloadDocumentList, { className: styles$m['feature-list'], documents: product.documents
                                     .map(document => ({
                                     href: document.filePath,
                                     id: document.id,
@@ -8787,7 +8864,7 @@ function DefaultFilterSection({ children, gap = 'md', title, variant, }) {
     return (jsxs("section", { className: clsx(filterSectionStyles['filter-section'], filterSectionStyles[variant], filterSectionStyles[gap]), children: [jsx("h3", { className: filterSectionStyles.title, children: title }), jsx("div", { className: filterSectionStyles.content, children: children })] }));
 }
 
-var styles$m = {"filter-panel":"algolia-filter-panel-module-GfhOO","scroll-container":"algolia-filter-panel-module-4ubB1","category":"algolia-filter-panel-module-LKet3","is-active":"algolia-filter-panel-module-yf8kI","value":"algolia-filter-panel-module-gQzED","count":"algolia-filter-panel-module-uAHPx","button":"algolia-filter-panel-module-ABOYv"};
+var styles$l = {"filter-panel":"algolia-filter-panel-module-GfhOO","scroll-container":"algolia-filter-panel-module-4ubB1","category":"algolia-filter-panel-module-LKet3","is-active":"algolia-filter-panel-module-yf8kI","value":"algolia-filter-panel-module-gQzED","count":"algolia-filter-panel-module-uAHPx","button":"algolia-filter-panel-module-ABOYv"};
 
 function AlgoliaActiveCategories() {
     const { items: categories } = useHierarchicalMenu({
@@ -8809,19 +8886,19 @@ function Categories({ categories, path: _path, }) {
         const categorySlug = category.label.toLowerCase().replace(/ /g, '-');
         const path = `${_path}/${categorySlug}`;
         const isActive = !category.data || !category.data.some(c => c.isRefined);
-        return (jsxs(Fragment, { children: [jsx("div", { className: filterSectionStyles['filter-section-item'], children: jsxs(RouteLink, { hasUnderline: true, className: clsx(styles$m.category, {
-                            [styles$m['is-active']]: isActive,
+        return (jsxs(Fragment, { children: [jsx("div", { className: filterSectionStyles['filter-section-item'], children: jsxs(RouteLink, { hasUnderline: true, className: clsx(styles$l.category, {
+                            [styles$l['is-active']]: isActive,
                         }), href: path, isDisabled: isActive, children: [jsx(StrokeCategoriesIcon, { height: 24, width: 24 }), jsx("span", { children: category.label })] }) }), category.data && (jsx(Categories, { categories: category.data, path: path }))] }, category.value));
     });
 }
 
-var styles$l = {"active-filter-item":"active-filters-module-Rrmhy","active-filter-value":"active-filters-module-CIuPU","clear-filter-button":"active-filters-module-Ud9kZ"};
+var styles$k = {"active-filter-item":"active-filters-module-Rrmhy","active-filter-value":"active-filters-module-CIuPU","clear-filter-button":"active-filters-module-Ud9kZ"};
 
 const ActiveFilters = ({ onClearAllFilters, onClearFilter, selectedFilterCategories, }) => {
     const t = useFormattedMessage();
     if (selectedFilterCategories.length === 0)
         return null;
-    return (jsx(FilterSection, { button: jsx(RouteLink, { onClick: onClearAllFilters, children: jsx(FormattedMessage, { id: "Clear filters" }) }), title: t('Chosen filters'), variant: "with-action", children: selectedFilterCategories.map(category => category.filters.map(filter => (jsxs("div", { className: clsx(filterSectionStyles['filter-section-item'], styles$l['active-filter-item']), children: [jsxs("span", { children: [jsxs("span", { children: [jsx(FormattedMessage, { id: `facet.${category.label.toLowerCase()}` }), jsx("span", { children: ": " })] }), jsx("span", { className: styles$l['active-filter-value'], children: filter.label })] }), jsx(IconButton, { className: styles$l['clear-filter-button'], color: "secondary", onClick: () => onClearFilter(category.label, filter), children: jsx(StrokeCloseboxIcon, {}) })] }, `${category.label}-${filter.value}`)))) }));
+    return (jsx(FilterSection, { button: jsx(RouteLink, { onClick: onClearAllFilters, children: jsx(FormattedMessage, { id: "Clear filters" }) }), title: t('Chosen filters'), variant: "with-action", children: selectedFilterCategories.map(category => category.filters.map(filter => (jsxs("div", { className: clsx(filterSectionStyles['filter-section-item'], styles$k['active-filter-item']), children: [jsxs("span", { children: [jsxs("span", { children: [jsx(FormattedMessage, { id: `facet.${category.label.toLowerCase()}` }), jsx("span", { children: ": " })] }), jsx("span", { className: styles$k['active-filter-value'], children: filter.label })] }), jsx(IconButton, { className: styles$k['clear-filter-button'], color: "secondary", onClick: () => onClearFilter(category.label, filter), children: jsx(StrokeCloseboxIcon, {}) })] }, `${category.label}-${filter.value}`)))) }));
 };
 
 function AlgoliaActiveFilters() {
@@ -8862,9 +8939,9 @@ function AlgoliaCategoriesFilters() {
     const t = useFormattedMessage();
     if (categories.length <= 0)
         return null;
-    return (jsx(FilterSection, { title: t('facet.categories'), variant: "default", children: categories.map(category => (jsx(Fragment$1, { children: jsx("div", { className: filterSectionStyles['filter-section-item'], children: jsxs(Link, { hasUnderline: true, className: clsx(styles$m.category, {
-                        [styles$m['is-active']]: category.isRefined,
-                    }), onClick: () => refine(category.value), children: [jsx(StrokeCategoriesIcon, { height: 24, width: 24 }), jsx("span", { children: category.label }), jsxs("span", { className: styles$m.count, children: ["(", category.count, ")"] })] }) }) }, category.value))) }));
+    return (jsx(FilterSection, { title: t('facet.categories'), variant: "default", children: categories.map(category => (jsx(Fragment$1, { children: jsx("div", { className: filterSectionStyles['filter-section-item'], children: jsxs(Link, { hasUnderline: true, className: clsx(styles$l.category, {
+                        [styles$l['is-active']]: category.isRefined,
+                    }), onClick: () => refine(category.value), children: [jsx(StrokeCategoriesIcon, { height: 24, width: 24 }), jsx("span", { children: category.label }), jsxs("span", { className: styles$l.count, children: ["(", category.count, ")"] })] }) }) }, category.value))) }));
 }
 
 function AlgoliaDummyRefinementListConsumer() {
@@ -8916,7 +8993,7 @@ const MULTISELECT_ATTRIBUTE_IGNORE_LIST = [
 ];
 function PanelCloseButton() {
     const { close } = useSidebarActions();
-    return (jsx("div", { className: styles$m.button, children: jsxs(Button, { withArrow: true, onClick: close, size: "md", children: [jsx(FormattedMessage, { id: "Show" }), " ", jsx(AlgoliaResultsCount, {})] }) }));
+    return (jsx("div", { className: styles$l.button, children: jsxs(Button, { withArrow: true, onClick: close, size: "md", children: [jsx(FormattedMessage, { id: "Show" }), " ", jsx(AlgoliaResultsCount, {})] }) }));
 }
 function AlgoliaFilterPanel({ showActiveCategories = false, showCategoriesFilters = false, }) {
     /*
@@ -8931,7 +9008,7 @@ function AlgoliaFilterPanel({ showActiveCategories = false, showCategoriesFilter
         facets: ['*'],
         maxValuesPerFacet: 100,
     });
-    return (jsx("div", { className: styles$m['filter-panel'], children: jsxs("div", { className: styles$m['scroll-container'], children: [showActiveCategories && jsx(AlgoliaActiveCategories, {}), showCategoriesFilters && jsx(AlgoliaCategoriesFilters, {}), jsx(AlgoliaActiveFilters, {}), attributesToRender.length === 0 ? (jsx(AlgoliaDummyRefinementListConsumer, {})) : (jsx("section", { children: attributesToRender
+    return (jsx("div", { className: styles$l['filter-panel'], children: jsxs("div", { className: styles$l['scroll-container'], children: [showActiveCategories && jsx(AlgoliaActiveCategories, {}), showCategoriesFilters && jsx(AlgoliaCategoriesFilters, {}), jsx(AlgoliaActiveFilters, {}), attributesToRender.length === 0 ? (jsx(AlgoliaDummyRefinementListConsumer, {})) : (jsx("section", { children: attributesToRender
                         .filter(attribute => !MULTISELECT_ATTRIBUTE_IGNORE_LIST.includes(attribute))
                         .map((attribute, index) => {
                         return (jsx(AlgoliaMultiSelectFilterSection, { attribute: attribute }, `attribute-${index}`));
@@ -8942,10 +9019,10 @@ function GlyphsChevronsSlimRightIcon(props) {
     return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "12", viewBox: "0 0 12 12", width: "12", children: jsx("path", { d: "M9,6 L4.06645029,1 C3.87890406,1.08169007 3.69487412,1.19817561 3.51436046,1.34945663 C3.3338468,1.50073764 3.16239331,1.68216803 3,1.89374779 L7.08347812,5.98800959 L3,9.9960307 C3.16649238,10.2121071 3.33794587,10.4031847 3.51436046,10.5692635 C3.69077505,10.7353424 3.87480499,10.8789212 4.06645029,11 L9,6 Z", fillRule: "evenodd" }) }));
 }
 
-var styles$k = {"pagination":"pagination-module-k4OgY","page-number-container":"pagination-module-oq89A"};
+var styles$j = {"pagination":"pagination-module-k4OgY","page-number-container":"pagination-module-oq89A"};
 
 function Pagination({ currentPage, onChange, totalPages, }) {
-    return (jsxs("div", { className: styles$k.pagination, children: [jsx(IconButton, { isDisabled: currentPage === 1, onClick: () => onChange(currentPage - 1), children: jsx(GlyphsChevronsSlimLeftIcon, {}) }), jsxs("div", { className: styles$k['page-number-container'], children: [jsx(NumberField, { autoGrow: true, label: "current-page", maxValue: totalPages, minValue: 1, onChange: onChange, value: currentPage }), jsx(FormattedMessage, { id: "of" }), jsx("div", { children: totalPages })] }), jsx(IconButton, { isDisabled: currentPage >= totalPages, onClick: () => onChange(currentPage + 1), children: jsx(GlyphsChevronsSlimRightIcon, {}) })] }));
+    return (jsxs("div", { className: styles$j.pagination, children: [jsx(IconButton, { isDisabled: currentPage === 1, onClick: () => onChange(currentPage - 1), children: jsx(GlyphsChevronsSlimLeftIcon, {}) }), jsxs("div", { className: styles$j['page-number-container'], children: [jsx(NumberField, { autoGrow: true, label: "current-page", maxValue: totalPages, minValue: 1, onChange: onChange, value: currentPage }), jsx(FormattedMessage, { id: "of" }), jsx("div", { children: totalPages })] }), jsx(IconButton, { isDisabled: currentPage >= totalPages, onClick: () => onChange(currentPage + 1), children: jsx(GlyphsChevronsSlimRightIcon, {}) })] }));
 }
 
 function AlgoliaPagination({ onChange }) {
@@ -9326,20 +9403,20 @@ function AlgoliaSortBy() {
     return (jsx(Select, { label: t('Sort by'), onChange: value => refine(String(value)), options: options, selectedOption: currentRefinement, showLabel: false, size: "sm" }));
 }
 
-var styles$j = {"promo-banner":"promo-banner-module-yuVEO","sm":"promo-banner-module-ut8Kd","lg":"promo-banner-module-CSkIw"};
+var styles$i = {"promo-banner":"promo-banner-module-yuVEO","sm":"promo-banner-module-ut8Kd","lg":"promo-banner-module-CSkIw"};
 
 function PromoBanner({ href, image, variant }) {
-    return (jsx(RouteLink, { className: clsx(styles$j['promo-banner'], styles$j[variant]), href: href, tabIndex: 0, children: jsx(Image, { fit: "cover", image: image, title: image.altText }) }));
+    return (jsx(RouteLink, { className: clsx(styles$i['promo-banner'], styles$i[variant]), href: href, tabIndex: 0, children: jsx(Image, { fit: "cover", image: image, title: image.altText }) }));
 }
 
-var styles$i = {"promos":"promo-banners-module-uVyxh"};
+var styles$h = {"promos":"promo-banners-module-uVyxh"};
 
 function PromoBanners({ promoBannersData = [] }) {
     const { lg } = useBreakpoint();
     const promoBanners = promoBannersData.map((promoBanner, index) => (jsx(PromoBanner, { href: promoBanner.href, image: promoBanner.image, variant: index % 2 === 0 ? 'lg' : 'sm' }, `promo-banner-${index}`)));
     if (promoBannersData.length === 0)
         return null;
-    return (jsx("div", { className: styles$i.promos, children: lg ? (jsx(Fragment, { children: promoBanners })) : (jsx(Carousel, { hasNavigation: false, hasOverflow: false, slides: promoBanners, spaceBetween: 16 })) }));
+    return (jsx("div", { className: styles$h.promos, children: lg ? (jsx(Fragment, { children: promoBanners })) : (jsx(Carousel, { hasNavigation: false, hasOverflow: false, slides: promoBanners, spaceBetween: 16 })) }));
 }
 
 function useFetchProductListingPageData({ languageCode, pageUrl, }) {
@@ -9397,17 +9474,17 @@ const scrollToTop = (scrollOptions) => {
     });
 };
 
-var styles$h = {"sidebar":"sidebar-module-fSa9Q","is-docked":"sidebar-module-AIq0M","transition":"sidebar-module-LEZgg","is-open":"sidebar-module-lV7wp","is-closed":"sidebar-module-dGDrr","close":"sidebar-module-2puGC","is-not-docked":"sidebar-module-Scw7D"};
+var styles$g = {"sidebar":"sidebar-module-fSa9Q","is-docked":"sidebar-module-AIq0M","transition":"sidebar-module-LEZgg","is-open":"sidebar-module-lV7wp","is-closed":"sidebar-module-dGDrr","close":"sidebar-module-2puGC","is-not-docked":"sidebar-module-Scw7D"};
 
 function InnerSidebar({ children }) {
     const { isDocked, isOpen, toggle, transition } = useSidebar();
-    return (jsxs("aside", { className: clsx(styles$h.sidebar, {
-            [styles$h['transition']]: transition,
-            [styles$h['is-open']]: isOpen,
-            [styles$h['is-closed']]: !isOpen,
-            [styles$h['is-docked']]: isDocked,
-            [styles$h['is-not-docked']]: !isDocked,
-        }), children: [jsx("div", { className: styles$h.close, children: jsx(IconButton, { color: "secondary", onClick: toggle, children: jsx(StrokeCloseboxIcon, {}) }) }), children] }));
+    return (jsxs("aside", { className: clsx(styles$g.sidebar, {
+            [styles$g['transition']]: transition,
+            [styles$g['is-open']]: isOpen,
+            [styles$g['is-closed']]: !isOpen,
+            [styles$g['is-docked']]: isDocked,
+            [styles$g['is-not-docked']]: !isDocked,
+        }), children: [jsx("div", { className: styles$g.close, children: jsx(IconButton, { color: "secondary", onClick: toggle, children: jsx(StrokeCloseboxIcon, {}) }) }), children] }));
 }
 function Sidebar({ children }) {
     return jsx(InnerSidebar, { children: children });
@@ -9422,19 +9499,19 @@ const ToggleSidebarButton = () => {
     return (jsx(Button, { color: "secondary", icon: jsx(StrokeFilterIcon, {}), onClick: toggle, size: "sm", variant: "outline", children: isOpen ? (jsx(FormattedMessage, { id: "Hide filters" })) : (jsx(FormattedMessage, { id: "Show filters" })) }));
 };
 
-var styles$g = {"no-results":"no-results-module-T1cti","title":"no-results-module-mZ8TQ","body":"no-results-module-FQGhC","buttons":"no-results-module-QGZsD"};
+var styles$f = {"no-results":"no-results-module-T1cti","title":"no-results-module-mZ8TQ","body":"no-results-module-FQGhC","buttons":"no-results-module-QGZsD"};
 
 function NoResults$1({ content, title }) {
     const { lg } = useBreakpoint();
-    return (jsxs("div", { className: styles$g['no-results'], children: [jsx(Heading, { bold: false, className: styles$g.title, size: lg ? 's' : 'xs', tag: "h2", children: title }), jsx("p", { className: styles$g.body, children: content }), jsx("div", { className: styles$g.buttons, children: jsx(RouteButton, { withArrow: true, href: `${config.SHOP_API_URL}`, size: "md", children: jsx(FormattedMessage, { id: "Continue shopping" }) }) })] }));
+    return (jsxs("div", { className: styles$f['no-results'], children: [jsx(Heading, { bold: false, className: styles$f.title, size: lg ? 's' : 'xs', tag: "h2", children: title }), jsx("p", { className: styles$f.body, children: content }), jsx("div", { className: styles$f.buttons, children: jsx(RouteButton, { withArrow: true, href: `${config.SHOP_API_URL}`, size: "md", children: jsx(FormattedMessage, { id: "Continue shopping" }) }) })] }));
 }
 
-var styles$f = {"category-card":"category-card-module-4NUjH","title":"category-card-module-LEhh3","arrow":"category-card-module-hL4-A","image":"category-card-module-RxWMW","is-selected":"category-card-module-vJ7vB","image-container":"category-card-module-oNTrK"};
+var styles$e = {"category-card":"category-card-module-4NUjH","title":"category-card-module-LEhh3","arrow":"category-card-module-hL4-A","image":"category-card-module-RxWMW","is-selected":"category-card-module-vJ7vB","image-container":"category-card-module-oNTrK"};
 
 function CategoryCard({ className, href, image, isSelected = false, onClick, title, withArrow = false, }) {
     return (jsxs(RouteLink, { className: clsx({
-            [styles$f['is-selected']]: isSelected,
-        }, styles$f['category-card'], className), href: href, onClick: onClick, children: [jsx("div", { className: styles$f['image-container'], children: jsx(Image, { className: styles$f.image, ...image, fit: "contain" }) }), jsxs("p", { className: styles$f.title, children: [jsx("span", { children: title }), withArrow && jsx(GlyphsArrowBoldCapsRightIcon, { className: styles$f.arrow })] })] }));
+            [styles$e['is-selected']]: isSelected,
+        }, styles$e['category-card'], className), href: href, onClick: onClick, children: [jsx("div", { className: styles$e['image-container'], children: jsx(Image, { className: styles$e.image, ...image, fit: "contain" }) }), jsxs("p", { className: styles$e.title, children: [jsx("span", { children: title }), withArrow && jsx(GlyphsArrowBoldCapsRightIcon, { className: styles$e.arrow })] })] }));
 }
 
 function transformAlgoliaCategoryData(categories) {
@@ -9481,20 +9558,6 @@ function ProductListingPageProvider({ children, data, error, isError, isLoading,
     return (jsx(ProductListingPageContext.Provider, { value: { data, error, isError, isLoading }, children: children }));
 }
 
-/**
- * Create UUID according to
- * https://www.ietf.org/rfc/rfc4122.txt.
- *
- * @returns Generated UUID.
- */
-function createUUID() {
-    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
-        const r = (Math.random() * 16) | 0;
-        const v = c === 'x' ? r : (r & 0x3) | 0x8;
-        return v.toString(16);
-    });
-}
-
 let userToken = generateUserToken();
 aa('init', {
     apiKey: config.ALGOLIA_API_KEY,
@@ -9681,10 +9744,10 @@ function useAlgoliaInsights() {
   sendEvents: Parameters<ReturnType<typeof makeSendEvents>>;
 */
 
-var styles$e = {"promo-card-container":"promo-card-module-idY1g","promo-card":"promo-card-module-e2oii","image":"promo-card-module-jr9sn"};
+var styles$d = {"promo-card-container":"promo-card-module-idY1g","promo-card":"promo-card-module-e2oii","image":"promo-card-module-jr9sn"};
 
 function PromoCard({ href, image, onClick }) {
-    return (jsx("div", { className: styles$e['promo-card-container'], children: jsx(RouteLink, { className: styles$e['promo-card'], href: href, onClick: onClick, children: jsx(Image, { className: styles$e.image, fit: "cover", image: image, title: image.altText }) }) }));
+    return (jsx("div", { className: styles$d['promo-card-container'], children: jsx(RouteLink, { className: styles$d['promo-card'], href: href, onClick: onClick, children: jsx(Image, { className: styles$d.image, fit: "cover", image: image, title: image.altText }) }) }));
 }
 
 function ProductHitCard$2({ hit }) {
@@ -9712,7 +9775,7 @@ function ProductListingProductOverview() {
     return (jsx(ProductOverviewGrid, { isLoading: isLoading, children: hits.map(hit => isProductHit(hit) ? (jsx(ProductHitCard$2, { hit: hit }, hit.id)) : (jsx(PromoCard, { href: hit.href, image: hit.image }, hit.id))) }));
 }
 
-var styles$d = {"product-listing":"product-listing-page-module-dmIHF","header":"product-listing-page-module-Oz76Z","promos":"product-listing-page-module-iY1yj","action-bar":"product-listing-page-module-XxGrr","sidebar-toggle":"product-listing-page-module-F7bxy","sort":"product-listing-page-module-aQzHr","count":"product-listing-page-module-zx79v","categories":"product-listing-page-module-R4aOl","product-grid-container":"product-listing-page-module-ICkKg","product-grid":"product-listing-page-module-LHE7z","pagination":"product-listing-page-module-xsRaj"};
+var styles$c = {"product-listing":"product-listing-page-module-dmIHF","header":"product-listing-page-module-Oz76Z","promos":"product-listing-page-module-iY1yj","action-bar":"product-listing-page-module-XxGrr","sidebar-toggle":"product-listing-page-module-F7bxy","sort":"product-listing-page-module-aQzHr","count":"product-listing-page-module-zx79v","categories":"product-listing-page-module-R4aOl","product-grid-container":"product-listing-page-module-ICkKg","product-grid":"product-listing-page-module-LHE7z","pagination":"product-listing-page-module-xsRaj"};
 
 const defaultSearchClient = createSonicSearchClient({
     apiKey: config.ALGOLIA_API_KEY,
@@ -9730,7 +9793,7 @@ function ProductListingPage({ pageUrl, searchClient = defaultSearchClient, }) {
     if (!data || isFetching)
         return jsx(LoadingPage, {});
     const category = data.breadCrumb.slice(1).map(breadCrumb => breadCrumb.label);
-    return (jsx(ProductListingPageProvider, { data: data, error: error, isError: isError, isLoading: isFetching, children: jsx(AlgoliaProvider, { categoryPages: data.categoryPages, hierarchicalCategories: data.hierarchicalCategories, languageCode: languageCode, offlineSearchClient: offlineSearchClient, searchClient: searchClient, children: jsx(Page, { breadCrumb: data.breadCrumb, className: styles$d['product-listing'], title: category.slice().pop(), children: jsx(ProductListingPageContent, { currentCategoryPath: data.hierarchicalCategories, promoBanners: data.promoBanners?.top }) }) }, data.categoryPages) }));
+    return (jsx(ProductListingPageProvider, { data: data, error: error, isError: isError, isLoading: isFetching, children: jsx(AlgoliaProvider, { categoryPages: data.categoryPages, hierarchicalCategories: data.hierarchicalCategories, languageCode: languageCode, offlineSearchClient: offlineSearchClient, searchClient: searchClient, children: jsx(Page, { breadCrumb: data.breadCrumb, className: styles$c['product-listing'], title: category.slice().pop(), children: jsx(ProductListingPageContent, { currentCategoryPath: data.hierarchicalCategories, promoBanners: data.promoBanners?.top }) }) }, data.categoryPages) }));
 }
 function ProductListingPageContent({ currentCategoryPath, promoBanners, }) {
     const { hits, isLoading } = useAlgoliaHits();
@@ -9738,7 +9801,7 @@ function ProductListingPageContent({ currentCategoryPath, promoBanners, }) {
     const t = useFormattedMessage();
     return (jsxs(Fragment, { children: [isLoading !== false && !hasHits && jsx(LoadingPage, {}), isLoading === false && !hasHits && (jsx(NoResults$1, { content: jsxs("p", { children: [jsx(FormattedMessage, { id: "You could try exploring our products by category" }), ' ', jsx("br", {}), jsx(FormattedMessage, { id: "Try 'Search' and try to find the product you're looking for" })] }), title: t('Sorry, there are no products found') })), jsxs("div", { style: {
                     display: !hasHits ? 'none' : undefined,
-                }, children: [promoBanners?.length && (jsx("section", { className: styles$d.promos, children: jsx(PromoBanners, { promoBannersData: promoBanners }) })), jsx("section", { className: styles$d.categories, children: jsx(ProductListingPageCategoryCarousel, { currentCategoryPath: currentCategoryPath }) }), jsxs("section", { className: styles$d['action-bar'], children: [jsx("div", { className: styles$d['sidebar-toggle'], children: jsx(ToggleSidebarButton, {}) }), jsx("span", { className: styles$d.count, children: jsx(AlgoliaResultsCount, {}) }), jsx("div", { className: styles$d.sort, children: jsx(AlgoliaSortBy, {}) })] }), jsx("section", { children: jsxs("div", { className: styles$d['product-grid-container'], children: [jsx(Sidebar, { children: jsx(AlgoliaFilterPanel, { showActiveCategories: true }) }), jsxs("div", { className: styles$d['product-grid'], children: [jsx(ProductListingProductOverview, {}), jsx("div", { className: styles$d.pagination, children: jsx(AlgoliaPagination, { onChange: () => {
+                }, children: [promoBanners?.length && (jsx("section", { className: styles$c.promos, children: jsx(PromoBanners, { promoBannersData: promoBanners }) })), jsx("section", { className: styles$c.categories, children: jsx(ProductListingPageCategoryCarousel, { currentCategoryPath: currentCategoryPath }) }), jsxs("section", { className: styles$c['action-bar'], children: [jsx("div", { className: styles$c['sidebar-toggle'], children: jsx(ToggleSidebarButton, {}) }), jsx("span", { className: styles$c.count, children: jsx(AlgoliaResultsCount, {}) }), jsx("div", { className: styles$c.sort, children: jsx(AlgoliaSortBy, {}) })] }), jsx("section", { children: jsxs("div", { className: styles$c['product-grid-container'], children: [jsx(Sidebar, { children: jsx(AlgoliaFilterPanel, { showActiveCategories: true }) }), jsxs("div", { className: styles$c['product-grid'], children: [jsx(ProductListingProductOverview, {}), jsx("div", { className: styles$c.pagination, children: jsx(AlgoliaPagination, { onChange: () => {
                                                     setTimeout(() => {
                                                         scrollToTop();
                                                     }, 100);
@@ -9786,7 +9849,7 @@ function SearchResultsPageCategoryCarousel() {
             }, title: category.name }, index))) }));
 }
 
-var styles$c = {"search-results":"search-results-page-module-M7SIu","header":"search-results-page-module-DpNT-","action-bar":"search-results-page-module-RJoMk","sidebar-toggle":"search-results-page-module-SzLQb","sort":"search-results-page-module-cgonp","count":"search-results-page-module-hunZp","categories":"search-results-page-module-n2lSj","product-grid-container":"search-results-page-module-TK-iE","product-grid":"search-results-page-module-HWUnk","pagination":"search-results-page-module-SZYiA"};
+var styles$b = {"search-results":"search-results-page-module-M7SIu","header":"search-results-page-module-DpNT-","action-bar":"search-results-page-module-RJoMk","sidebar-toggle":"search-results-page-module-SzLQb","sort":"search-results-page-module-cgonp","count":"search-results-page-module-hunZp","categories":"search-results-page-module-n2lSj","product-grid-container":"search-results-page-module-TK-iE","product-grid":"search-results-page-module-HWUnk","pagination":"search-results-page-module-SZYiA"};
 
 function SearchResultsPage({ location, searchClient, }) {
     const languageCode = useLanguageCode();
@@ -9795,7 +9858,7 @@ function SearchResultsPage({ location, searchClient, }) {
     const keyword = Array.isArray(keywords) ? keywords.join(' ') : keywords;
     if (!keyword)
         return jsx("h1", { children: "No search results...." });
-    return (jsx(AlgoliaProvider, { languageCode: languageCode, query: keyword, searchClient: searchClient, children: jsx(Page, { breadCrumb: [], className: styles$c['search-results'], title: t("'{0}' in all products", {
+    return (jsx(AlgoliaProvider, { languageCode: languageCode, query: keyword, searchClient: searchClient, children: jsx(Page, { breadCrumb: [], className: styles$b['search-results'], title: t("'{0}' in all products", {
                 replacementValues: { 0: keyword },
             }), children: jsx(SearchResultsPageContent, { keyword: keyword }) }) }));
 }
@@ -9807,14 +9870,14 @@ function SearchResultsPageContent({ keyword }) {
                     replacementValues: { 0: keyword },
                 }) })), jsxs("div", { style: {
                     display: !hasHits ? 'none' : undefined,
-                }, children: [jsx("section", { className: styles$c.categories, children: jsx(SearchResultsPageCategoryCarousel, {}) }), jsxs("section", { className: styles$c['action-bar'], children: [jsx("div", { className: styles$c['sidebar-toggle'], children: jsx(ToggleSidebarButton, {}) }), jsx("span", { className: styles$c.count, children: jsx(AlgoliaResultsCount, {}) }), jsx("div", { className: styles$c.sort, children: jsx(AlgoliaSortBy, {}) })] }), jsx("section", { children: jsxs("div", { className: styles$c['product-grid-container'], children: [jsx(Sidebar, { children: jsx(AlgoliaFilterPanel, { showCategoriesFilters: true }) }), jsxs("div", { className: styles$c['product-grid'], children: [jsx(SearchResultProductOverview, {}), jsx("div", { className: styles$c.pagination, children: jsx(AlgoliaPagination, { onChange: () => {
+                }, children: [jsx("section", { className: styles$b.categories, children: jsx(SearchResultsPageCategoryCarousel, {}) }), jsxs("section", { className: styles$b['action-bar'], children: [jsx("div", { className: styles$b['sidebar-toggle'], children: jsx(ToggleSidebarButton, {}) }), jsx("span", { className: styles$b.count, children: jsx(AlgoliaResultsCount, {}) }), jsx("div", { className: styles$b.sort, children: jsx(AlgoliaSortBy, {}) })] }), jsx("section", { children: jsxs("div", { className: styles$b['product-grid-container'], children: [jsx(Sidebar, { children: jsx(AlgoliaFilterPanel, { showCategoriesFilters: true }) }), jsxs("div", { className: styles$b['product-grid'], children: [jsx(SearchResultProductOverview, {}), jsx("div", { className: styles$b.pagination, children: jsx(AlgoliaPagination, { onChange: () => {
                                                     setTimeout(() => {
                                                         scrollToTop();
                                                     }, 100);
                                                 } }) })] })] }) })] })] }));
 }
 
-var styles$b = {"background-overlay":"background-overlay-module-mGiNQ","open":"background-overlay-module-5Uxcl","close":"background-overlay-module-GRInQ"};
+var styles$a = {"background-overlay":"background-overlay-module-mGiNQ","open":"background-overlay-module-5Uxcl","close":"background-overlay-module-GRInQ"};
 
 function BackgroundOverlay({ className, isOpen, onClick, }) {
     const [, setRender] = useState(isOpen);
@@ -9835,13 +9898,13 @@ function BackgroundOverlay({ className, isOpen, onClick, }) {
     }, [isOpen]);
     if (typeof window === 'undefined')
         return null;
-    return ReactDOM.createPortal(jsx("div", { ref: nodeRef, className: clsx(styles$b['background-overlay'], {
-            [styles$b['open']]: isOpen,
-            [styles$b['close']]: !isOpen,
+    return ReactDOM.createPortal(jsx("div", { ref: nodeRef, className: clsx(styles$a['background-overlay'], {
+            [styles$a['open']]: isOpen,
+            [styles$a['close']]: !isOpen,
         }, className), onClick: onClick }), document.body);
 }
 
-var styles$a = {"sidebar-container":"sidebar-provider-module-rjeCL","transition":"sidebar-provider-module-C0cKR"};
+var styles$9 = {"sidebar-container":"sidebar-provider-module-rjeCL","transition":"sidebar-provider-module-C0cKR"};
 
 function SidebarDetectBreakpoint() {
     const xxl = useIsBreakpoint('xxl');
@@ -9871,43 +9934,17 @@ function SidebarDetectBreakpoint() {
 function SidebarProvider({ children }) {
     const state = useSidebar();
     const { close, isDocked, isOpen, transition } = state;
-    return (jsxs("div", { className: clsx(styles$a['sidebar-container'], {
-            [styles$a['transition']]: transition,
-            [styles$a['docked']]: isDocked,
-            [styles$a['open']]: isOpen,
+    return (jsxs("div", { className: clsx(styles$9['sidebar-container'], {
+            [styles$9['transition']]: transition,
+            [styles$9['docked']]: isDocked,
+            [styles$9['open']]: isOpen,
         }), children: [jsx(SidebarDetectBreakpoint, {}), children, isDocked && isOpen && (jsx(BackgroundOverlay, { isOpen: isOpen, onClick: close }))] }));
 }
 
-var styles$9 = {"container":"toast-provider-module-EoPKW","toast":"toast-provider-module-SeZ02","body":"toast-provider-module-BdbPL"};
+var styles$8 = {"container":"toast-provider-module-EoPKW","toast":"toast-provider-module-SeZ02","body":"toast-provider-module-BdbPL"};
 
 function ToastProvider(props) {
-    return (jsx(ToastContainer, { autoClose: 3000, bodyClassName: styles$9.body, className: styles$9.container, closeButton: false, hideProgressBar: true, newestOnTop: true, toastClassName: styles$9.toast, transition: Slide, ...props }));
-}
-
-var styles$8 = {"toast":"toast-module-VzLw4","close":"toast-module-mAwpu","icon":"toast-module-JqNiT","success":"toast-module-cuSIT","info":"toast-module-ABLCP","warning":"toast-module-jGWiH","danger":"toast-module-t33Ra"};
-
-const icons = {
-    danger: jsx(SolidAttentionIcon, {}),
-    info: jsx(SolidInformationIcon, {}),
-    success: jsx(SolidOkayIcon, {}),
-    warning: jsx(SolidNoticeIcon, {}),
-};
-const Toast = forwardRef(({ className, id, onClose, toastMessage: { body, isUserDismissable, messageType = 'info' }, }, ref) => {
-    return (jsxs("div", { ref: ref, className: clsx(styles$8.toast, styles$8[messageType], className), children: [jsx("span", { className: styles$8.icon, children: icons[messageType] }), body, isUserDismissable && (jsx(IconButton, { className: styles$8.close, color: "secondary", onClick: () => onClose?.(id), children: jsx(StrokeCloseboxIcon, {}) }))] }));
-});
-Toast.displayName = 'Toast';
-
-function useToast() {
-    const count = useRef(0);
-    return {
-        addToast(toastMessage, toastOptions) {
-            const id = createUUID();
-            toast(jsx(Toast, { ref: el => el && (el.style.zIndex = (count.current++).toString()), id: id, onClose: id => toast.dismiss(id), toastMessage: toastMessage }), {
-                toastId: id,
-                ...toastOptions,
-            });
-        },
-    };
+    return (jsx(ToastContainer, { autoClose: 3000, bodyClassName: styles$8.body, className: styles$8.container, closeButton: false, hideProgressBar: true, newestOnTop: true, toastClassName: styles$8.toast, transition: Slide, ...props }));
 }
 
 const categoriesPlugin = ({ productsIndexName, searchClient, }) => {