@sonic-equipment/ui 122.0.0 → 124.0.0

package/dist/forms/number-field/number-field.d.ts

@@ -1,8 +1,10 @@
 import { FormEventHandler, KeyboardEvent } from 'react';
+import { ValidateFunction } from '../field-error/field-error';
 export type NumberFieldSize = 'md' | 'lg';
 interface NumberFieldProps {
     autoFocus?: boolean;
     autoGrow?: boolean;
+    'data-test-selector'?: string;
     defaultValue?: number;
     formatOptions?: Intl.NumberFormatOptions;
     isDisabled?: boolean;
@@ -20,6 +22,7 @@ interface NumberFieldProps {
     placeholder?: string;
     showLabel?: boolean;
     size?: NumberFieldSize;
+    validate?: ValidateFunction<number>;
     value?: number;
     withButtons?: boolean;
 }
@@ -27,5 +30,5 @@ interface NumberFieldProps {
  * This component is used to create a number field.
  * This field can also grow when a user types in text.
  */
-export declare function NumberField({ autoFocus, autoGrow, defaultValue, formatOptions, isDisabled, isInvalid, isReadOnly, isRequired, label, maxLength, maxValue, minValue, name, onChange, onInput, onKeyUp, placeholder, showLabel, size, value, withButtons, }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberField({ autoFocus, autoGrow, 'data-test-selector': dataTestSelector, defaultValue, formatOptions, isDisabled, isInvalid, isReadOnly, isRequired, label, maxLength, maxValue, minValue, name, onChange, onInput, onKeyUp, placeholder, showLabel, size, validate, value, withButtons, }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/forms/number-field/number-field.js

@@ -15,12 +15,12 @@ import styles from './number-field.module.css.js';
  * This component is used to create a number field.
  * This field can also grow when a user types in text.
  */
-function NumberField({ autoFocus, autoGrow, defaultValue, formatOptions = { style: 'decimal', useGrouping: false }, isDisabled, isInvalid, isReadOnly, isRequired, label, maxLength, maxValue, minValue, name, onChange, onInput, onKeyUp, placeholder, showLabel = false, size = 'lg', value, withButtons, }) {
+function NumberField({ autoFocus, autoGrow, 'data-test-selector': dataTestSelector, defaultValue, formatOptions = { style: 'decimal', useGrouping: false }, isDisabled, isInvalid, isReadOnly, isRequired, label, maxLength, maxValue, minValue, name, onChange, onInput, onKeyUp, placeholder, showLabel = false, size = 'lg', validate, value, withButtons, }) {
     const inputRef = useRef(null);
-    return (jsxs(NumberField$1, { "aria-label": label, autoFocus: autoFocus, className: clsx(styles.field, styles[size]), defaultValue: defaultValue, formatOptions: formatOptions, isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, isRequired: isRequired, maxValue: maxValue, minValue: minValue, name: name, onChange: onChange, onInput: onInput, value: value, children: [showLabel && jsx(Label, { isRequired: isRequired, children: label }), jsxs("div", { className: styles['button-input-container'], children: [withButtons && (jsx(Button, { "data-test-selector": "decrement", isDisabled: isDisabled, 
+    return (jsxs(NumberField$1, { "aria-label": label, autoFocus: autoFocus, className: clsx(styles.field, styles[size]), "data-test-selector": dataTestSelector, defaultValue: defaultValue, formatOptions: formatOptions, isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, isRequired: isRequired, maxValue: maxValue, minValue: minValue, name: name, onChange: onChange, onInput: onInput, validate: validate, value: value, children: [showLabel && jsx(Label, { isRequired: isRequired, children: label }), jsxs("div", { className: styles['button-input-container'], children: [withButtons && (jsx(Button, { "data-test-selector": "decrement", isDisabled: isDisabled, 
                         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                         // @ts-expect-error
-                        onClick: e => e.preventDefault(), onPressStart: e => e.target.focus(), slot: "decrement", children: (value || 0) <= 1 ? jsx(StrokeTrashIcon, {}) : jsx(StrokeCollapseIcon, {}) })), jsx(Input, { ref: inputRef, autoGrow: autoGrow, maxLength: maxLength, onFocus: e => (e.target.selectionStart = e.target.value.length || 0), onKeyUp: e => onKeyUp?.(e), placeholder: placeholder, size: size }), withButtons && (jsx(Button, { "data-test-selector": "increment", isDisabled: isDisabled, 
+                        onClick: e => e.preventDefault(), onPressStart: e => e.target.focus(), slot: "decrement", children: (value || 0) <= 1 ? jsx(StrokeTrashIcon, {}) : jsx(StrokeCollapseIcon, {}) })), jsx(Input, { ref: inputRef, autoGrow: autoGrow, "data-test-selector": "value", label: label, maxLength: maxLength, onFocus: e => (e.target.selectionStart = e.target.value.length || 0), onKeyUp: e => onKeyUp?.(e), placeholder: placeholder, size: size }), withButtons && (jsx(Button, { "data-test-selector": "increment", isDisabled: isDisabled, 
                         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                         // @ts-expect-error
                         onClick: e => e.preventDefault(), onPressStart: e => e.target.focus(), slot: "increment", children: jsx(StrokeExpandIcon, {}) }))] }), jsx(FieldError, {})] }));

package/dist/forms/select/select.d.ts

@@ -1,7 +1,10 @@
 export interface SelectProps<T> {
     'data-test-selector'?: string;
+    defaultSelectedOption?: keyof T;
     isDisabled?: boolean;
+    isRequired?: boolean;
     label: string;
+    name?: string;
     onChange: (value: keyof T) => void;
     options: T;
     placeholder?: string;
@@ -11,4 +14,4 @@ export interface SelectProps<T> {
     size?: 'sm' | 'md';
     variant?: 'outline' | 'solid';
 }
-export declare function Select<T extends object>({ 'data-test-selector': dataTestSelector, isDisabled, label, onChange, options, placeholder, selectedOption, showLabel, showPlaceholder, size, variant, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Select<T extends Record<string, string>>({ 'data-test-selector': dataTestSelector, defaultSelectedOption, isDisabled, isRequired, label, name, onChange, options, placeholder, selectedOption, showLabel, showPlaceholder, size, variant, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/forms/select/select.js

@@ -5,10 +5,11 @@ import { Select as Select$1, Button, SelectValue, Popover, ListBox, Section, Hea
 import clsx from 'clsx';
 import { GlyphsChevronsSlimDownIcon } from '../../icons/glyph/glyphs-chevrons-slim-down-icon.js';
 import { StrokeCheckmarkIcon } from '../../icons/stroke/stroke-checkmark-icon.js';
+import { FieldError } from '../field-error/field-error.js';
 import { Label } from '../label/label.js';
 import styles from './select.module.css.js';
 
-function Select({ 'data-test-selector': dataTestSelector, isDisabled = false, label, onChange, options, placeholder, selectedOption, showLabel = true, showPlaceholder = true, size = 'md', variant = 'outline', }) {
+function Select({ 'data-test-selector': dataTestSelector, defaultSelectedOption, isDisabled = false, isRequired = false, label, name, onChange, options, placeholder, selectedOption, showLabel = true, showPlaceholder = true, size = 'md', variant = 'outline', }) {
     const selectRef = useRef(null);
     useEffect(() => {
         const updateWidth = () => {
@@ -23,9 +24,11 @@ function Select({ 'data-test-selector': dataTestSelector, isDisabled = false, la
         window.addEventListener('resize', updateWidth);
         return () => window?.removeEventListener('resize', updateWidth);
     }, []);
-    return (jsxs(Select$1, { ref: selectRef, "aria-label": label, className: clsx(styles.select, styles[size], styles[variant]), "data-test-selector": dataTestSelector, isDisabled: isDisabled, onSelectionChange: selected => onChange(selected), placeholder: placeholder || label, selectedKey: String(selectedOption), children: [showLabel && jsx(Label, { children: label }), jsxs(Button, { className: styles.button, children: [jsx(SelectValue, { "data-test-selector": "value" }), jsx(GlyphsChevronsSlimDownIcon, { "aria-hidden": "true", className: styles.chevron })] }), jsx(Popover, { ref: ref => 
+    return (jsxs(Select$1, { ref: selectRef, "aria-label": label, className: clsx(styles.select, styles[size], styles[variant]), "data-test-selector": dataTestSelector, defaultSelectedKey: defaultSelectedOption === undefined
+            ? undefined
+            : String(defaultSelectedOption), isDisabled: isDisabled, isRequired: isRequired, name: name, onSelectionChange: selected => onChange(selected), placeholder: placeholder || label, selectedKey: selectedOption === undefined ? undefined : String(selectedOption), children: [showLabel && jsx(Label, { isRequired: isRequired, children: label }), jsxs(Button, { className: styles.button, children: [jsx(SelectValue, { "data-test-selector": "value" }), jsx(GlyphsChevronsSlimDownIcon, { "aria-hidden": "true", className: styles.chevron })] }), jsx(FieldError, {}), jsx(Popover, { ref: ref => 
                 // Workaround for react/react-aria #1513
-                ref?.addEventListener('touchend', e => e.preventDefault()), className: clsx(styles.popover, styles[variant]), placement: "bottom left", triggerRef: selectRef, children: jsx(ListBox, { className: styles.listbox, "data-test-selector": dataTestSelector ? `${dataTestSelector}_options` : undefined, children: jsxs(Section, { children: [showPlaceholder && (jsx(Header, { className: styles.header, children: placeholder || label })), Object.entries(options).map(([key, value]) => (jsxs(ListBoxItem, { "aria-label": value, className: styles.item, id: key, textValue: value, children: [selectedOption === key && (jsx("span", { slot: "description", children: jsx(StrokeCheckmarkIcon, { className: styles.check }) })), jsx("span", { slot: "label", children: value })] }, key)))] }) }) })] }));
+                ref?.addEventListener('touchend', e => e.preventDefault()), className: clsx(styles.popover, styles[variant]), placement: "bottom left", children: jsx(ListBox, { className: styles.listbox, "data-test-selector": dataTestSelector ? `${dataTestSelector}_options` : undefined, children: jsxs(Section, { children: [showPlaceholder && (jsx(Header, { className: styles.header, children: placeholder || label })), Object.entries(options).map(([key, value]) => (jsxs(ListBoxItem, { "aria-label": value, className: styles.item, id: key, textValue: value, children: [selectedOption === key && (jsx("span", { slot: "description", children: jsx(StrokeCheckmarkIcon, { className: styles.check }) })), jsx("span", { slot: "label", children: value })] }, key)))] }) }) })] }));
 }
 
 export { Select };

package/dist/forms/text-field/text-field.d.ts

@@ -1,4 +1,5 @@
 import { FormEventHandler, KeyboardEvent } from 'react';
+import { ValidateFunction } from '../field-error/field-error';
 interface TextFieldProps {
     autoFocus?: boolean;
     autoGrow?: boolean;
@@ -10,6 +11,7 @@ interface TextFieldProps {
     isRequired?: boolean;
     label: string;
     maxLength?: number;
+    minLength?: number;
     name?: string;
     onChange?: (value: string) => void;
     onInput?: FormEventHandler<HTMLInputElement>;
@@ -18,6 +20,7 @@ interface TextFieldProps {
     rows?: number;
     showLabel?: boolean;
     size?: 'md' | 'lg';
+    validate?: ValidateFunction<string>;
     value?: string;
 }
 /**
@@ -25,5 +28,5 @@ interface TextFieldProps {
  * It can be used as a single line input or as a textarea.
  * This field can also grow when a user types in text.
  */
-export declare function TextField({ autoFocus, autoGrow, defaultValue, isDisabled, isInvalid, isMultiline, isReadOnly, isRequired, label, maxLength, name, onChange, onInput, onKeyUp, placeholder, rows, showLabel, size, value, }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextField({ autoFocus, autoGrow, defaultValue, isDisabled, isInvalid, isMultiline, isReadOnly, isRequired, label, maxLength, minLength, name, onChange, onInput, onKeyUp, placeholder, rows, showLabel, size, validate, value, }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/forms/text-field/text-field.js

@@ -13,10 +13,10 @@ import styles from './text-field.module.css.js';
  * It can be used as a single line input or as a textarea.
  * 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.field, styles[size]), defaultValue: defaultValue, isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, isRequired: isRequired, maxLength: maxLength, name: name, onChange: value => {
+function TextField({ autoFocus, autoGrow, defaultValue, isDisabled, isInvalid, isMultiline, isReadOnly, isRequired, label, maxLength, minLength, name, onChange, onInput, onKeyUp, placeholder, rows, showLabel = false, size = 'lg', validate, value, }) {
+    return (jsxs(TextField$1, { "aria-label": label, autoFocus: autoFocus, className: clsx(styles.field, styles[size]), defaultValue: defaultValue, isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, isRequired: isRequired, maxLength: maxLength, minLength: minLength, 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, {})] }));
+        }, onInput: onInput, onKeyUp: e => onKeyUp?.(e), validate: validate, value: value, children: [showLabel && jsx(Label, { isRequired: isRequired, children: label }), isMultiline ? (jsx(TextArea, { autoGrow: autoGrow, label: label, placeholder: placeholder, rows: rows, size: size })) : (jsx(Input, { autoGrow: autoGrow, label: label, placeholder: placeholder, size: size })), jsx(FieldError, {})] }));
 }
 
 export { TextField };

package/dist/forms/textarea/textarea.d.ts

@@ -2,6 +2,7 @@ import { ComponentProps, FC } from 'react';
 import { TextArea as AriaTextArea } from 'react-aria-components';
 export interface TextAreaProps extends Omit<ComponentProps<typeof AriaTextArea>, 'size'> {
     autoGrow?: boolean;
+    label: string;
     size?: 'md' | 'lg';
 }
 /**

package/dist/forms/textarea/textarea.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useCallback, useEffect } from 'react';
 import { useContextProps, TextAreaContext, TextArea as TextArea$1 } from 'react-aria-components';
 import styles from './textarea.module.css.js';
@@ -10,7 +10,7 @@ import styles from './textarea.module.css.js';
  * The initial height is calculated based on the style of the textarea.
  * The height is updated everytime the user types.
  */
-const TextArea = forwardRef(({ autoGrow, size, ...textAreaProps }, _ref) => {
+const TextArea = forwardRef(({ autoGrow, label, size, ...textAreaProps }, _ref) => {
     const textAreaRef = useRef(null);
     const [props, ref] = useContextProps(textAreaProps, textAreaRef, TextAreaContext);
     const initialHeight = useRef(null);
@@ -40,14 +40,14 @@ const TextArea = forwardRef(({ autoGrow, size, ...textAreaProps }, _ref) => {
         }
         updateHeight();
     }, [ref, autoGrow, updateHeight, size]);
-    return (jsx("div", { className: styles['input-container'], children: jsx(TextArea$1, { ...textAreaProps, ref: node => {
-                ref.current =
-                    node;
-                textAreaRef.current = node;
-            }, onInput: e => {
-                updateHeight();
-                props.onInput?.(e);
-            } }) }));
+    return (jsx(Fragment, { children: jsx("div", { className: styles['input-container'], children: jsx(TextArea$1, { "aria-label": label, ...textAreaProps, ref: node => {
+                    ref.current =
+                        node;
+                    return (textAreaRef.current = node);
+                }, onInput: e => {
+                    updateHeight();
+                    props.onInput?.(e);
+                } }) }) }));
 });
 TextArea.displayName = 'TextArea';
 

package/dist/icons/stroke/stroke-information-icon.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+
+function StrokeInformationIcon(props) {
+    return (jsx("svg", { fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg", ...props, 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 M11.9997748,3.33025009 C7.21934336,3.33025009 3.33025009,7.21934336 3.33025009,11.9997748 C3.33025009,16.7803563 7.21934336,20.6697499 11.9997748,20.6697499 C16.7805065,20.6697499 20.6697499,16.7803563 20.6697499,11.9997748 C20.6697499,7.21934336 16.7805065,3.33025009 11.9997748,3.33025009 Z M12,10.0686973 C12.7347233,10.0686973 13.3300999,10.6642241 13.3300999,11.3989474 L13.3300999,16.8046369 C13.3300999,17.53921 12.7347233,18.1347368 12,18.1347368 C11.2652767,18.1347368 10.6699001,17.53921 10.6699001,16.8046369 L10.6699001,11.3989474 C10.6699001,10.6642241 11.2652767,10.0686973 12,10.0686973 Z M12.00003,5.9387205 C12.7337022,5.9387205 13.3305804,6.53559872 13.3305804,7.26927091 C13.3305804,8.0029431 12.7337022,8.59982131 12.00003,8.59982131 C11.2663578,8.59982131 10.6694796,8.0029431 10.6694796,7.26927091 C10.6694796,6.53559872 11.2663578,5.9387205 12.00003,5.9387205 Z", fillRule: "evenodd" }) }));
+}
+
+export { StrokeInformationIcon };

package/dist/index.js

@@ -60,6 +60,10 @@ export { ProductUsp } from './carousel/usp-carousel/product-usp-carousel-slide.j
 export { USPCarousel } from './carousel/usp-carousel/usp-carousel.js';
 export { CartTotals } from './cart-totals/cart-totals.js';
 export { CartTotalsSummary } from './cart-totals/cart-totals-summary.js';
+export { AdyenPayment } from './checkout/adyen-payment.js';
+export { parseAmount } from './checkout/parse-amount.js';
+export { Payment } from './checkout/payment.js';
+export { PaymentDetails } from './checkout/payment-details.js';
 export { Accordion } from './collapsables/accordion/accordion.js';
 export { AccordionItem } from './collapsables/accordion/accordion-item.js';
 export { ShowAll } from './collapsables/show-all/show-all.js';
@@ -165,9 +169,11 @@ export { useFetchAnnouncements } from './shared/api/bff/hooks/use-fetch-announce
 export { useFetchProductDetailsPageData } from './shared/api/bff/hooks/use-fetch-product-details-page-data.js';
 export { useFetchProductListingPageData } from './shared/api/bff/hooks/use-fetch-product-listing-page-data.js';
 export { fetchAnnouncements, fetchProductDetailsPageData, fetchProductListingPageData } from './shared/api/bff/services/bff-service.js';
+export { useCreateGuestAccount } from './shared/api/storefront/hooks/authentication/use-create-guest-account.js';
 export { useFetchSession } from './shared/api/storefront/hooks/authentication/use-fetch-session.js';
 export { useInvalidateSession } from './shared/api/storefront/hooks/authentication/use-invalidate-session.js';
 export { useIsAuthenticated } from './shared/api/storefront/hooks/authentication/use-is-authenticated.js';
+export { usePatchSession } from './shared/api/storefront/hooks/authentication/use-patch-session.js';
 export { useSignIn } from './shared/api/storefront/hooks/authentication/use-sign-in.js';
 export { useSignOut } from './shared/api/storefront/hooks/authentication/use-sign-out.js';
 export { useAddProductToCurrentCart } from './shared/api/storefront/hooks/cart/use-add-product-to-current-cart.js';
@@ -186,6 +192,12 @@ export { usePatchCart } from './shared/api/storefront/hooks/cart/use-patch-cart.
 export { usePlaceOrder } from './shared/api/storefront/hooks/cart/use-place-order.js';
 export { useSaveCartForLater } from './shared/api/storefront/hooks/cart/use-save-cart-for-later.js';
 export { useUpdateCartLineById } from './shared/api/storefront/hooks/cart/use-update-cart-line-by-id.js';
+export { useFetchBillToAddresses } from './shared/api/storefront/hooks/customer/use-fetch-bill-to-addresses.js';
+export { useFetchShipToAddresses } from './shared/api/storefront/hooks/customer/use-fetch-ship-to-addresses.js';
+export { useUpdateBillToAddress } from './shared/api/storefront/hooks/customer/use-update-bill-to-address.js';
+export { useCreateAdyenSession } from './shared/api/storefront/hooks/payment/use-create-adyen-session.js';
+export { useFetchAdyenConfig } from './shared/api/storefront/hooks/payment/use-fetch-adyen-config.js';
+export { useInvalidateAdyen } from './shared/api/storefront/hooks/payment/use-invalidate-adyen.js';
 export { useFetchTranslations } from './shared/api/storefront/hooks/translation/use-fetch-translations.js';
 export { useFetchCountries } from './shared/api/storefront/hooks/website/use-fetch-countries.js';
 export { useFetchCountriesLanguages } from './shared/api/storefront/hooks/website/use-fetch-countries-languages.js';
@@ -199,12 +211,18 @@ export { useDeleteWishListItemFromWishList } from './shared/api/storefront/hooks
 export { useFetchAllWishListsItems } from './shared/api/storefront/hooks/wishlist/use-fetch-all-wishlists-items.js';
 export { useFetchWishLists } from './shared/api/storefront/hooks/wishlist/use-fetch-wishlists.js';
 export { createGuestAccount, createSession, fetchSession, patchSession, signIn, signOut } from './shared/api/storefront/services/authentication-service.js';
-export { addProductToCurrentCart, deleteCartLineById, deleteCurrentCart, fetchCurrentCart, fetchCurrentCartLines, fetchCurrentCartProductAtp, fetchCurrentCartPromotions, fetchCurrentCheckoutAtp, patchCart, placeOrder, saveCartForLater, updateCartLineById } from './shared/api/storefront/services/cart-service.js';
+export { addProductToCurrentCart, convertToMinorUnits, deleteCartLineById, deleteCurrentCart, fetchCurrentCart, fetchCurrentCartLines, fetchCurrentCartProductAtp, fetchCurrentCartPromotions, fetchCurrentCheckoutAtp, getAdyenPaymentDetails, patchCart, placeOrder, postAdyenPayment, saveCartForLater, updateCartLineById } from './shared/api/storefront/services/cart-service.js';
+export { fetchBillToAddresses, fetchShipToAddresses, updateBillToAddress } from './shared/api/storefront/services/customer-service.js';
+export { createAdyenSession, fetchAdyenConfig } from './shared/api/storefront/services/payment-service.js';
 export { fetchTranslations } from './shared/api/storefront/services/translation-service.js';
 export { fetchCountries, fetchCountriesLanguages, fetchCountriesWithLanguages, fetchSettings, updateLocale } from './shared/api/storefront/services/website-service.js';
 export { WishListNameAlreadyExistsError, addWishListItemToWishList, createWishList, deleteWishList, deleteWishListItemFromWishList, getWishList, getWishListItemsByWishListId, getWishLists } from './shared/api/storefront/services/wishlist-service.js';
 export { useFeatureFlags } from './shared/feature-flags/use-feature-flags.js';
 export { BadRequestError, ForbiddenRequestError, InternalServerErrorRequestError, NotFoundRequestError, RequestError, TimeoutRequestError, UnauthorizedRequestError, UnprocessableContentRequestError, isRequestError, request } from './shared/fetch/request.js';
+export { dataLayer } from './shared/ga/data-layer.js';
+export { GoogleAnalyticsProvider, useGoogleAnalyticsProvider } from './shared/ga/google-analytics-provider.js';
+export { isGAEvent } from './shared/ga/types.js';
+export { useDataLayer } from './shared/ga/use-data-layer.js';
 export { useBreakpoint } from './shared/hooks/use-breakpoint.js';
 export { useCookie } from './shared/hooks/use-cookie.js';
 export { useDebouncedCallback } from './shared/hooks/use-debounced-callback.js';
@@ -217,8 +235,10 @@ export { useScrollLock } from './shared/hooks/use-scroll-lock.js';
 export { scrollToTop, useScrollTo } from './shared/hooks/use-scroll-to.js';
 export { useSessionStorage } from './shared/hooks/use-session-storage.js';
 export { useWatchCssProperty } from './shared/hooks/use-watch-css-property.js';
+export { validateEmail, validatePhone } from './shared/model/address.js';
 export { announcementSubTypes, announcementTypes, isAnnouncementSubtype, isAnnouncementType } from './shared/model/announcement.js';
 export { transformAlgoliaCategoryData } from './shared/model/category.js';
+export { countries } from './shared/model/countries.js';
 export { currencySymbolToISO } from './shared/model/currency.js';
 export { isProductHit, transformAlgoliaProductHitToProductHit, transformAlgoliaPromoHitToPromoHit } from './shared/model/hit.js';
 export { isResponsiveImage } from './shared/model/image.js';
@@ -237,7 +257,8 @@ export { convertDateUnitToPluralOrSingle, getDateUnitObject } from './shared/uti
 export { environment, environments } from './shared/utils/environment.js';
 export { EventEmitter } from './shared/utils/event-emitter.js';
 export { clone, deepMerge, isPlainObject, default as main, merge } from './shared/utils/merge.js';
-export { formatPrice } from './shared/utils/price.js';
+export { currencies, formatPrice, getCurrencyByCountryCode } from './shared/utils/price.js';
+export { random, randomInt } from './shared/utils/random.js';
 export { TIME } from './shared/utils/time.js';
 export { createUUID } from './shared/utils/uuid.js';
 export { wait } from './shared/utils/wait.js';
@@ -249,6 +270,7 @@ export { Toast } from './toast/toast.js';
 export { ToastProvider } from './toast/toast-provider.js';
 export { useToast } from './toast/use-toast.js';
 export { getTokenKeyValue, getTokenValue } from './tokens/tokens.js';
+export { Tooltip } from './tooltip/tooltip.js';
 export { Heading, SIZES, TAGS } from './typography/heading/heading.js';
 
 /* eslint-disable simple-import-sort/exports */

package/dist/intl/translation-id.d.ts

@@ -1 +1 @@
-export type TranslationId = "'{0}' in all products" | "Try 'Search' and try to find the product you're looking for" | "Unfortnately, We found no articles for your search '{0}'" | ' to your account to manage your lists.' | 'Add to list' | 'Amount: {0}' | 'An unexpected error occured' | 'Are you looking for information about our service? Please visit our customer support page' | 'Are you sure you want to remove all items from your cart?' | 'Are you sure you want to remove this item from your cart?' | 'Cancel' | 'Chosen filters' | 'Clear filters' | 'Clear' | 'Click the button below to continue shopping.' | 'Cart' | 'Continue' | 'Continue shopping' | 'Cost overview' | 'Country' | 'Create new list' | 'create account' | 'Delivery expected in {0} {1}' | 'Double check your spelling' | 'Downloads' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'Features' | 'Fulfillment method' | 'Hide filters' | 'Incl. VAT' | 'Includes' | 'Language' | 'List name already exists' | 'New list name' | 'Order number' | 'pc' | 'Please Sign In' | 'Popular searches' | 'Print' | 'Product Features' | 'Products' | 'Product' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Remove all' | 'Searching again using more general terms' | 'See all results' | 'Select a list' | 'Shop more efficiently and quicker with a favorites list' | 'Easily add your favorite products' | 'Your cart has been emptied.' | 'Your favorites are available on multiple devices' | 'Your shopping cart is still empty' | 'Save' | 'Save order' | 'Saved cart for later.' | 'Share your favorite list with others' | 'Shipping and handling' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sorry, there are no products found' | 'Sorry, we could not find matches for' | 'Sort by' | 'Specifications' | 'Submit' | 'Subtotal' | 'Suggestions' | 'The product has been added to your cart.' | 'The product has been updated in your cart.' | 'The product has been removed from your cart.' | 'There are no products in your shopping cart.' | 'Unable to add the product to your cart.' | 'Unable to update the product in your cart.' | 'Unable to remove the product from your cart.' | 'Unable to empty your cart.' | 'Unable to save cart for later.' | 'Try another search' | 'Total' | 'Total amount is' | 'Use fewer keywords' | 'VAT' | 'Welcome to Sonic Equipment. Please choose your country and language below.' | 'What are you searching for?' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You must ' | 'article' | 'articles' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'of' | 'sign in' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'tag.limited' | 'tag.new';
+export type TranslationId = "'{0}' in all products" | "Try 'Search' and try to find the product you're looking for" | "Unfortnately, We found no articles for your search '{0}'" | ' to your account to manage your lists.' | 'Add to list' | 'Amount: {0}' | 'An unexpected error occured' | 'Are you looking for information about our service? Please visit our customer support page' | 'Are you sure you want to remove all items from your cart?' | 'Are you sure you want to remove this item from your cart?' | 'Cancel' | 'Cart' | 'Chosen filters' | 'Clear filters' | 'Clear' | 'Click the button below to continue shopping.' | 'Continue shopping' | 'Continue' | 'Cost overview' | 'Country' | 'Create new list' | 'Delivery expected in {0} {1}' | 'Double check your spelling' | 'Downloads' | 'Easily add your favorite products' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'Features' | 'Fulfillment method' | 'Hide filters' | 'Incl. VAT' | 'Includes' | 'Language' | 'List name already exists' | 'New list name' | 'Order number' | 'PO Number' | 'Please Sign In' | 'Popular searches' | 'Print' | 'Product Features' | 'Product' | 'Products' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Remove all' | 'Save order' | 'Save' | 'Saved cart for later.' | 'Searching again using more general terms' | 'See all results' | 'Select a list' | 'Share your favorite list with others' | 'Shipping and handling' | 'Shop more efficiently and quicker with a favorites list' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sorry, there are no products found' | 'Sorry, we could not find matches for' | 'Sort by' | 'Specifications' | 'Submit' | 'Subtotal' | 'Suggestions' | 'The product has been added to your cart.' | 'The product has been removed from your cart.' | 'The product has been updated in your cart.' | 'There are no products in your shopping cart.' | 'Total amount is' | 'Total' | 'Try another search' | 'Unable to add the product to your cart.' | 'Unable to empty your cart.' | 'Unable to remove the product from your cart.' | 'Unable to save cart for later.' | 'Unable to update the product in your cart.' | 'Use fewer keywords' | 'VAT Number' | 'VAT' | 'Welcome to Sonic Equipment. Please choose your country and language below.' | 'What are you searching for?' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You must ' | 'Your cart has been emptied.' | 'Your favorites are available on multiple devices' | 'Your shopping cart is still empty' | 'article' | 'articles' | 'create account' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'of' | 'pc' | 'sign in' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'tag.limited' | 'tag.new' | 'validation.badInput' | 'validation.customError' | 'validation.invalid' | 'validation.patternMismatch' | 'validation.rangeOverflow' | 'validation.rangeUnderflow' | 'validation.stepMismatch' | 'validation.tooLong' | 'validation.tooShort' | 'validation.typeMismatch' | 'validation.valid' | 'validation.valueMissing';

package/dist/loading/progress-circle.d.ts

@@ -1,4 +1,6 @@
 export interface ProgressCircleProps {
     className?: string;
+    size?: 'sm' | 'lg';
+    variant?: 'white' | 'gray';
 }
-export declare function ProgressCircle({ className }: ProgressCircleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressCircle({ className, size, variant, }: ProgressCircleProps): import("react/jsx-runtime").JSX.Element;

package/dist/loading/progress-circle.js

@@ -1,9 +1,9 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import styles from './progress-circle.module.css.js';
 
-function ProgressCircle({ className }) {
-    return (jsxs("svg", { className: clsx(styles['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" }) })] }));
+function ProgressCircle({ className, size = 'lg', variant = 'white', }) {
+    return (jsx("span", { className: clsx(styles['progress-circle'], styles[variant], styles[size], className) }));
 }
 
 export { ProgressCircle };

package/dist/loading/progress-circle.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"progress-circle":"progress-circle-module-4nweP","spin":"progress-circle-module-kCf7K"};
+var styles = {"progress-circle":"progress-circle-module-4nweP","spin":"progress-circle-module-kCf7K","white":"progress-circle-module-SHNFy","gray":"progress-circle-module-TRZWO","sm":"progress-circle-module--Gspu","md":"progress-circle-module-4tRZd"};
 
 export { styles as default };

package/dist/pages/cart-page/cart-page.js

@@ -85,6 +85,7 @@ function CartContent({ cartLines }) {
                     saveCartForLater.mutate({ cart: currentCart });
                 }, variant: "outline", children: jsx(FormattedMessage, { id: "Save order" }) })),
         }, mobileSummary: jsx(CartTotalsSummary, { totalAmount: currentCart.orderGrandTotalDisplay }), overview: jsx(CartTotals, { shippingCost: currentCart.shippingAndHandlingDisplay, subtotal: currentCart.orderSubTotalDisplay, tax: currentCart.totalTaxDisplay, total: currentCart.orderGrandTotalDisplay, vatPercentage: cartLines[0]?.pricing?.vatRate || 0 }), children: jsx(OrderLineList, { onRemoveAll: () => deleteCurrentCart.mutate(), children: cartLines.map(cartLine => (jsx(ConnectedOrderLineCard, { deliveryDate: cartLine.atp?.date, href: cartLine.productUri, image: {
+                    fit: 'contain',
                     image: {
                         '1': cartLine.smallImagePath,
                         '2': cartLine.smallImagePath,

package/dist/pages/product-details-page/product-details.js

@@ -4,6 +4,7 @@ import { ConnectedProductCard } from '../../cards/product-card/connected-product
 import { CardCarousel } from '../../carousel/card-carousel/card-carousel.js';
 import { ProductUSPCarousel } from '../../carousel/usp-carousel/product-usp-carousel.js';
 import { FormattedMessage } from '../../intl/formatted-message.js';
+import { useDataLayer } from '../../shared/ga/use-data-layer.js';
 import { Heading } from '../../typography/heading/heading.js';
 import { ProductDetailsPageLayout } from '../layouts/product-details-page-layout/product-details-page-layout.js';
 import { Page } from '../page/page.js';
@@ -13,6 +14,12 @@ import { ProductDetailsRecentlyViewed } from './components/product-details-recen
 
 function ProductDetails({ data, priceComponent, recentlyViewedComponent, }) {
     const { breadCrumb, included, product, recentlyViewed, usps } = data;
+    useDataLayer({
+        event: {
+            event: 'view_item',
+        },
+        product,
+    });
     return (jsx(Page, { breadCrumb: breadCrumb, children: jsx(ProductDetailsPageLayout, { imageGallery: jsx(ProductDetailImages, { images: product.images }), included: included !== undefined &&
                 included.length > 0 && (jsxs(Fragment, { children: [jsx(Heading, { size: "s", tag: "h2", children: jsx(FormattedMessage, { id: "Includes" }) }), jsx(CardCarousel, { allowExpandToGrid: true, hasOverflow: true, cards: included.map(product => (jsx(ConnectedProductCard, { href: product.href, id: product.productId, image: {
                                 fit: 'contain',

package/dist/shared/api/bff/model/bff.model.d.ts

@@ -120,6 +120,7 @@ export interface ProductDetails {
     storefrontId: string;
     tags?: string[];
     unitListPrice: number;
+    unitListPriceDisplay: string;
 }
 export interface Usp {
     heading: string;

package/dist/shared/api/storefront/hooks/authentication/use-create-guest-account.d.ts

@@ -0,0 +1,4 @@
+import { AccountModel } from 'shared/api/storefront/model/shop.model';
+export declare function useCreateGuestAccount(): import("@tanstack/react-query").UseMutationResult<AccountModel, Error, {
+    defaultWarehouseId: string;
+}, unknown>;

package/dist/shared/api/storefront/hooks/authentication/use-create-guest-account.js

@@ -0,0 +1,21 @@
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { createGuestAccount, createSession } from '../../services/authentication-service.js';
+
+function useCreateGuestAccount() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async ({ defaultWarehouseId }) => {
+            const body = await createGuestAccount({ defaultWarehouseId });
+            await createSession({
+                accessToken: body.accessToken,
+                password: body.password,
+                userName: body.userName,
+            });
+            queryClient.resetQueries();
+            queryClient.clear();
+            return body;
+        },
+    });
+}
+
+export { useCreateGuestAccount };

package/dist/shared/api/storefront/hooks/authentication/use-patch-session.d.ts

@@ -0,0 +1,4 @@
+import { PatchSessionModel, SessionModel } from 'shared/api/storefront/model/shop.model';
+export declare function usePatchSession(): import("@tanstack/react-query").UseMutationResult<SessionModel, Error, {
+    session: PatchSessionModel;
+}, unknown>;

package/dist/shared/api/storefront/hooks/authentication/use-patch-session.js

@@ -0,0 +1,15 @@
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { patchSession } from '../../services/authentication-service.js';
+
+function usePatchSession() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async ({ session }) => {
+            const updatedSession = await patchSession({ session });
+            queryClient.setQueriesData({ queryKey: ['session'] }, updatedSession);
+            return updatedSession;
+        },
+    });
+}
+
+export { usePatchSession };

package/dist/shared/api/storefront/hooks/authentication/use-sign-in.js

@@ -5,15 +5,20 @@ function useSignIn() {
     const queryClient = useQueryClient();
     return useMutation({
         mutationFn: async ({ password, userName }) => {
-            const body = await signIn({ password, userName });
-            await createSession({
-                accessToken: body.access_token,
-                password,
-                userName,
-            });
-            queryClient.invalidateQueries();
-            queryClient.clear();
-            return body;
+            try {
+                const body = await signIn({ password, userName });
+                await createSession({
+                    accessToken: body.access_token,
+                    password,
+                    userName,
+                });
+                queryClient.resetQueries();
+                return body;
+            }
+            catch (error) {
+                queryClient.resetQueries();
+                throw error;
+            }
         },
     });
 }

package/dist/shared/api/storefront/hooks/authentication/use-sign-out.js

@@ -15,8 +15,7 @@ function useSignOut() {
                 throw error;
             }
             finally {
-                queryClient.invalidateQueries();
-                queryClient.clear();
+                queryClient.resetQueries();
             }
         },
     });

package/dist/shared/api/storefront/hooks/cart/use-add-product-to-current-cart.js

@@ -3,7 +3,6 @@ import { addProductToCurrentCart } from '../../services/cart-service.js';
 
 function useAddProductToCurrentCart() {
     const queryClient = useQueryClient();
-    const queryKey = ['carts', 'current', 'cartlines'];
     return useMutation({
         mutationFn: async ({ productId, qtyOrdered, unitOfMeasure, }) => {
             const cartLine = await addProductToCurrentCart({
@@ -13,17 +12,12 @@ function useAddProductToCurrentCart() {
             });
             if (cartLine.productId !== productId)
                 throw new Error(`Product ${productId} has not been added to the current cart`);
-            const cartLines = queryClient.getQueryData(queryKey) ||
-                [];
-            queryClient.setQueryData(queryKey, cartLines.some(cl => cl.id === cartLine.id)
-                ? cartLines.map(cl => (cl.id === cartLine.id ? cartLine : cl))
-                : [...cartLines, cartLine]);
             // Invalidate the related current cart query cache
             queryClient.invalidateQueries({ queryKey: ['carts', 'current'] });
             return cartLine;
         },
         onError: () => {
-            queryClient.invalidateQueries({ queryKey });
+            queryClient.invalidateQueries({ queryKey: ['carts', 'current'] });
         },
     });
 }

package/dist/shared/api/storefront/hooks/cart/use-delete-cart-line-by-id.js

@@ -3,17 +3,14 @@ import { deleteCartLineById } from '../../services/cart-service.js';
 
 function useDeleteCartLineById({ onError, onSuccess, } = {}) {
     const queryClient = useQueryClient();
-    const queryKey = ['carts', 'current', 'cartlines'];
     return useMutation({
         mutationFn: async ({ cartLineId, }) => {
             await deleteCartLineById({ cartLineId });
-            const cartLines = queryClient.getQueryData(queryKey);
-            queryClient.setQueryData(queryKey, cartLines?.filter(line => line.id !== cartLineId));
             // Invalidate the related current cart query cache
             queryClient.invalidateQueries({ queryKey: ['carts', 'current'] });
         },
         onError: () => {
-            queryClient.invalidateQueries({ queryKey });
+            queryClient.invalidateQueries({ queryKey: ['carts', 'current'] });
             onError?.();
         },
         onSuccess,

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart.js

@@ -6,7 +6,9 @@ function useFetchCurrentCart({ select, } = {}) {
     return useQuery({
         gcTime: 15 * TIME.MINUTE,
         placeholderData: prev => prev,
-        queryFn: fetchCurrentCart,
+        queryFn: () => {
+            return fetchCurrentCart({ needFullCart: true });
+        },
         queryKey: ['carts', 'current'],
         retry: 3,
         select: select || (cartModel => cartModel),

package/dist/shared/api/storefront/hooks/cart/use-patch-cart.d.ts

@@ -1,4 +1,3 @@
-import { CartModel, PatchCartModel } from '../../model/shop.model';
-export declare function usePatchCart(): import("@tanstack/react-query").UseMutationResult<CartModel, Error, {
-    cart: PatchCartModel;
-}, unknown>;
+export declare function usePatchCart(): ({ cart }: {
+    cart: any;
+}) => Promise<import("../../model/shop.model").CartModel>;

package/dist/shared/api/storefront/hooks/cart/use-patch-cart.js

@@ -1,15 +1,13 @@
-import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { useQueryClient } from '@tanstack/react-query';
 import { patchCart } from '../../services/cart-service.js';
 
 function usePatchCart() {
     const queryClient = useQueryClient();
-    return useMutation({
-        mutationFn: async ({ cart }) => {
-            const updatedCart = await patchCart({ cart });
-            queryClient.setQueriesData({ queryKey: ['cart'] }, updatedCart);
-            return updatedCart;
-        },
-    });
+    return async ({ cart }) => {
+        const updatedCart = await patchCart({ cart });
+        queryClient.setQueriesData({ queryKey: ['carts', updatedCart.id] }, { ...updatedCart, cartLines: cart.cartLines });
+        return updatedCart;
+    };
 }
 
 export { usePatchCart };

package/dist/shared/api/storefront/hooks/cart/use-place-order.d.ts

@@ -1,4 +1,4 @@
 import { CartModel } from '../../model/shop.model';
-export declare const usePlaceOrder: () => import("@tanstack/react-query").UseMutationResult<CartModel, Error, {
-    cart: CartModel;
-}, unknown>;
+export declare const usePlaceOrder: () => ({ cart }: {
+    cart: any;
+}) => Promise<CartModel>;

package/dist/shared/api/storefront/hooks/cart/use-place-order.js

@@ -1,15 +1,14 @@
-import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { useQueryClient } from '@tanstack/react-query';
 import { placeOrder } from '../../services/cart-service.js';
 
 const usePlaceOrder = () => {
     const queryClient = useQueryClient();
-    return useMutation({
-        async mutationFn({ cart }) {
-            const updatedCart = await placeOrder({ cart });
-            queryClient.setQueryData(['carts', 'current'], updatedCart);
-            return updatedCart;
-        },
-    });
+    return async ({ cart }) => {
+        const updatedCart = await placeOrder({ cart });
+        queryClient.invalidateQueries({ queryKey: ['carts', cart.id] });
+        queryClient.setQueryData(['carts', updatedCart.id], updatedCart);
+        return updatedCart;
+    };
 };
 
 export { usePlaceOrder };