@sonic-equipment/ui 123.0.0 → 125.0.0

package/dist/address/address.d.ts

@@ -0,0 +1,9 @@
+export interface AddressProps {
+    city?: string;
+    companyName?: string;
+    country?: string;
+    email?: string;
+    phone?: string;
+    postalCode?: string;
+}
+export declare function Address({ city, companyName, country, email, phone, postalCode, }: AddressProps): import("react/jsx-runtime").JSX.Element;

package/dist/address/address.js

@@ -0,0 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { capitalizeFirstLetter } from '../shared/utils/string.js';
+import styles from './address.module.css.js';
+
+function Address({ city, companyName, country, email, phone, postalCode, }) {
+    return (jsxs("address", { className: styles.address, children: [companyName && jsx("p", { children: companyName }), (postalCode || city) && (jsxs("p", { children: [postalCode, " ", city ? capitalizeFirstLetter(city) : ''] })), country && jsx("p", { children: country }), phone && jsx("p", { children: phone }), email && jsx("p", { children: email })] }));
+}
+
+export { Address };

package/dist/address/address.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"address":"address-module-vt62a"};
+
+export { styles as default };

package/dist/algolia/use-algolia-insights.d.ts

@@ -1,4 +1,4 @@
-import { CartLineModel } from '../shared/api/storefront/model/shop.model';
+import { CartLineModel } from '../shared/api/storefront/model/storefront.model';
 import { AlgoliaInsightsProviderGlobalState } from './use-algolia-insights-provider-global-state';
 export interface UseAlgoliaEventResult {
     context: Readonly<AlgoliaInsightsProviderGlobalState>;

package/dist/breadcrumbs/breadcrumb.js

@@ -13,17 +13,18 @@ function BreadcrumbShort({ links }) {
     const previousLink = links.at(-2);
     const isHomeLink = previousLink === undefined || previousLink === homeLink;
     const href = previousLink?.href || homeLink?.href;
-    return (jsx(Breadcrumbs, { className: styles.breadcrumbs, children: jsx(Breadcrumb$1, { className: styles.breadcrumb, children: jsxs(RouteLink, { className: styles.link, href: href, isDisabled: false, children: [jsx(GlyphsChevronsSlimLeftIcon, { className: styles.icon }), isHomeLink ? (jsx(SolidHomeIcon, { className: styles.icon })) : (jsx("span", { children: previousLink.label }))] }) }) }));
+    const label = previousLink?.label || homeLink?.label;
+    return (jsx(Breadcrumbs, { className: styles.breadcrumbs, children: jsx(Breadcrumb$1, { className: styles.breadcrumb, children: jsxs(RouteLink, { className: styles.link, href: href, isDisabled: false, title: label, children: [jsx(GlyphsChevronsSlimLeftIcon, { className: styles.icon }), isHomeLink ? (jsx(SolidHomeIcon, { className: styles.icon })) : (jsx("span", { children: previousLink.label }))] }) }) }));
 }
 function BreadcrumbLongItem({ index, isDisabled, link, }) {
-    return (jsx(Breadcrumb$1, { className: styles.breadcrumb, children: jsxs(RouteLink, { className: styles.link, color: "secondary", href: link.href, isDisabled: isDisabled, children: [jsx(GlyphsChevronsSlimLeftIcon, { className: clsx(styles['previous-icon'], styles.icon) }), link.label] }) }, index));
+    return (jsx(Breadcrumb$1, { className: styles.breadcrumb, children: jsxs(RouteLink, { className: styles.link, color: "secondary", href: link.href, isDisabled: isDisabled, title: link.label, children: [jsx(GlyphsChevronsSlimLeftIcon, { className: clsx(styles['previous-icon'], styles.icon) }), link.label] }) }, index));
 }
 function BreadcrumbLong({ links }) {
     const linksWithoutFirst = links.slice(1);
     const homeLink = links[0];
     if (!homeLink)
         return null;
-    return (jsxs(Breadcrumbs, { className: styles.breadcrumbs, children: [jsx(Breadcrumb$1, { className: styles.breadcrumb, children: jsx(RouteLink, { className: styles.link, href: homeLink.href, children: jsx(SolidHomeIcon, { className: clsx(styles['home-icon'], styles.icon) }) }) }), linksWithoutFirst.map((link, index) => (jsx(BreadcrumbLongItem, { index: index, isDisabled: linksWithoutFirst.length - 1 === index, link: link }, index)))] }));
+    return (jsxs(Breadcrumbs, { className: styles.breadcrumbs, children: [jsx(Breadcrumb$1, { className: styles.breadcrumb, children: jsx(RouteLink, { className: styles.link, href: homeLink.href, title: homeLink.label, children: jsx(SolidHomeIcon, { className: clsx(styles['home-icon'], styles.icon) }) }) }), linksWithoutFirst.map((link, index) => (jsx(BreadcrumbLongItem, { index: index, isDisabled: linksWithoutFirst.length - 1 === index, link: link }, index)))] }));
 }
 function Breadcrumb({ links }) {
     const { lg } = useBreakpoint();

package/dist/buttons/add-to-cart-button/add-to-cart-button.js

@@ -72,7 +72,7 @@ function SpinnerState({ isDisabled, onChange, onManualInput, quantity, }) {
     useEffect(() => {
         setInternalQuantity(quantity);
     }, [quantity]);
-    return (jsx(NumberField, { withButtons: true, autoGrow: true, formatOptions: {
+    return (jsx(NumberField, { withButtons: true, autoGrow: true, "data-test-selector": "quantity", formatOptions: {
             maximumFractionDigits: 0,
             style: 'decimal',
             useGrouping: false,
@@ -95,7 +95,7 @@ function ManualInputState({ isDisabled, onCancel, onConfirm, quantity, }) {
         if (e.key === 'Escape')
             onCancel();
     };
-    return (jsxs("div", { className: styles['manual-input-container'], children: [jsx("div", { className: styles['left-button-spacer'] }), jsx(NumberField, { autoFocus: true, autoGrow: true, defaultValue: quantity ? ensureNumber(quantity) : undefined, formatOptions: {
+    return (jsxs("div", { className: styles['manual-input-container'], children: [jsx("div", { className: styles['left-button-spacer'] }), jsx(NumberField, { autoFocus: true, autoGrow: true, "data-test-selector": "quantity", defaultValue: quantity ? ensureNumber(quantity) : undefined, formatOptions: {
                     maximumFractionDigits: 0,
                     style: 'decimal',
                     useGrouping: false,

package/dist/buttons/add-to-cart-button/connected-add-to-cart-button.d.ts

@@ -1,4 +1,4 @@
-import { CartLineModel } from '../../shared/api/storefront/model/shop.model';
+import { CartLineModel } from '../../shared/api/storefront/model/storefront.model';
 export type AddToCartHandler = ({ cartLine, }: {
     cartLine: CartLineModel;
 }) => void;

package/dist/buttons/add-to-cart-button/connected-add-to-cart-button.js

@@ -4,16 +4,18 @@ import { FormattedMessage } from '../../intl/formatted-message.js';
 import { useAddProductToCurrentCart } from '../../shared/api/storefront/hooks/cart/use-add-product-to-current-cart.js';
 import { useDeleteCartLineById } from '../../shared/api/storefront/hooks/cart/use-delete-cart-line-by-id.js';
 import { useFetchCurrentCartLines } from '../../shared/api/storefront/hooks/cart/use-fetch-current-cart-lines.js';
-import { useUpdateCartLineById } from '../../shared/api/storefront/hooks/cart/use-update-cart-line-by-id.js';
+import { usePatchCartLineById } from '../../shared/api/storefront/hooks/cart/use-patch-cart-line-by-id.js';
+import { useDataLayer } from '../../shared/ga/use-data-layer.js';
 import { useCartEvents } from '../../shared/providers/cart-provider.js';
 import { useToast } from '../../toast/use-toast.js';
 import { AddToCartButton } from './add-to-cart-button.js';
 
 const ConnectedAddToCartButton = ({ onAddToCart, productId }) => {
+    const { createEcommerceEvent, dataLayer } = useDataLayer();
     const { isPending: isPendingAddToCart, mutate: addToCart } = useAddProductToCurrentCart();
     const { data: cartLines, isLoading: isLoadingCartLines } = useFetchCurrentCartLines();
     const { isPending: isPendingDeleteCartLine, mutate: deleteCartLine } = useDeleteCartLineById();
-    const { mutate: updateCartLine } = useUpdateCartLineById();
+    const { mutate: updateCartLine } = usePatchCartLineById();
     const { addToast } = useToast();
     const { onCartLineAdded, onCartLineError, onCartLineRemoved, onCartLineUpdated, } = useCartEvents() || {};
     const cartLine = cartLines?.find(line => line.productId === productId);
@@ -77,6 +79,12 @@ const ConnectedAddToCartButton = ({ onAddToCart, productId }) => {
                 onSuccess: cartLine => {
                     onAddToCart?.({ cartLine });
                     onCartLineAdded?.(cartLine);
+                    dataLayer.push(createEcommerceEvent({
+                        cartLine,
+                        event: {
+                            event: 'add_to_cart',
+                        },
+                    }));
                     addToast({
                         body: (jsx(FormattedMessage, { id: "The product has been added to your cart." })),
                         isUserDismissable: false,

package/dist/buttons/button/button.d.ts

@@ -6,13 +6,15 @@ export interface ButtonProps {
     color?: 'primary' | 'secondary';
     condensed?: boolean;
     'data-test-selector'?: string;
+    form?: string;
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
     isDisabled?: boolean;
+    isLoading?: string | ReactNode | boolean;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     size?: 'sm' | 'md' | 'lg';
     type?: 'button' | 'submit' | 'reset';
     variant?: 'solid' | 'outline' | 'ghost';
     withArrow?: boolean;
 }
-export declare function Button({ _pseudo, children, className, color, condensed, 'data-test-selector': dataTestSelector, icon, iconPosition, isDisabled, onClick: _onClick, size, type, variant, withArrow, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ _pseudo, children, className, color, condensed, 'data-test-selector': dataTestSelector, form, icon, iconPosition, isDisabled, isLoading, onClick: _onClick, size, type, variant, withArrow, }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/buttons/button/button.js

@@ -1,10 +1,12 @@
 "use client";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { isValidElement } from 'react';
 import clsx from 'clsx';
+import { ProgressCircle } from '../../loading/progress-circle.js';
 import { GlyphsArrowBoldCapsRightIcon } from '../../icons/glyph/glyphs-arrow-boldcaps-right-icon.js';
 import buttonStyles from './button.module.css.js';
 
-function Button({ _pseudo = 'none', children, className, color = 'primary', condensed, 'data-test-selector': dataTestSelector, icon, iconPosition = 'left', isDisabled, onClick: _onClick, size = 'lg', type = 'button', variant = 'solid', withArrow = false, }) {
+function Button({ _pseudo = 'none', children, className, color = 'primary', condensed, 'data-test-selector': dataTestSelector, form, icon, iconPosition = 'left', isDisabled, isLoading = false, onClick: _onClick, size = 'lg', type = 'button', variant = 'solid', withArrow = false, }) {
     const showIconOnLeft = icon && iconPosition === 'left';
     const showIconOnRight = icon && iconPosition === 'right';
     const onClick = (e) => {
@@ -15,7 +17,10 @@ function Button({ _pseudo = 'none', children, className, color = 'primary', cond
             return;
         e.preventDefault();
     };
-    return (jsxs("button", { className: clsx({ [buttonStyles.condensed]: condensed }, { [buttonStyles.icon]: icon }, buttonStyles.button, buttonStyles[variant], buttonStyles[size], buttonStyles[color], buttonStyles[_pseudo], className), "data-disabled": isDisabled ? true : undefined, "data-test-selector": dataTestSelector, disabled: isDisabled, onClick: onClick, type: type, children: [jsx(Fragment, { children: showIconOnLeft && jsx("span", { className: buttonStyles.icon, children: icon }) }), children, withArrow && (jsx(GlyphsArrowBoldCapsRightIcon, { className: buttonStyles['right-arrow-icon'] })), showIconOnRight && jsx("span", { className: buttonStyles.icon, children: icon })] }));
+    return (jsx("button", { className: clsx({ [buttonStyles.condensed]: condensed }, { [buttonStyles.icon]: icon }, { [buttonStyles['loading-uninformative']]: isLoading === true }, {
+            [buttonStyles['loading-informative']]: isLoading &&
+                (typeof isLoading === 'string' || isValidElement(isLoading)),
+        }, buttonStyles.button, buttonStyles[variant], buttonStyles[size], buttonStyles[color], buttonStyles[_pseudo], className), "data-disabled": isDisabled ? true : undefined, "data-test-selector": dataTestSelector, disabled: isDisabled, form: form, onClick: onClick, type: type, children: jsxs(Fragment, { children: [showIconOnLeft && jsx("span", { className: buttonStyles.icon, children: icon }), jsx("span", { className: buttonStyles.children, children: isLoading ? (isLoading === true ? children : isLoading) : children }), withArrow && (jsx(GlyphsArrowBoldCapsRightIcon, { className: buttonStyles['right-arrow-icon'] })), showIconOnRight && jsx("span", { className: buttonStyles.icon, children: icon }), isLoading && (jsx(ProgressCircle, { className: buttonStyles.spinner, size: "sm", variant: color === 'primary' ? 'white' : 'gray' }))] }) }));
 }
 
 export { Button };

package/dist/buttons/button/button.module.css.js

@@ -1,3 +1,3 @@
-var buttonStyles = {"button":"button-module-V4meK","icon":"button-module-XaNWz","sm":"button-module-Pbwz7","md":"button-module-GVTEW","condensed":"button-module-GKHQc","lg":"button-module-nyNY8","primary":"button-module-tmyk8","outline":"button-module-vq9GI","solid":"button-module-AjvlY","hover":"button-module-YzPAr","focus":"button-module--xzsY","active":"button-module-XMFzj","ghost":"button-module-f4UVe","right-arrow-icon":"button-module-ydQAo","secondary":"button-module--1bCH"};
+var buttonStyles = {"button":"button-module-V4meK","icon":"button-module-XaNWz","loading-uninformative":"button-module-LwuW2","loading-informative":"button-module-U5IxM","spinner":"button-module-13ndF","children":"button-module-vqRq-","right-arrow-icon":"button-module-ydQAo","primary":"button-module-tmyk8","secondary":"button-module--1bCH","sm":"button-module-Pbwz7","md":"button-module-GVTEW","condensed":"button-module-GKHQc","lg":"button-module-nyNY8","outline":"button-module-vq9GI","solid":"button-module-AjvlY","hover":"button-module-YzPAr","focus":"button-module--xzsY","active":"button-module-XMFzj","ghost":"button-module-f4UVe"};
 
 export { buttonStyles as default };

package/dist/checkout/adyen-payment.d.ts

@@ -1,6 +1,6 @@
 import { MutableRefObject } from 'react';
 import Dropin from '@adyen/adyen-web/dist/types/components/Dropin';
-import { AdyenPaymentModel } from 'shared/api/storefront/model/shop.model';
+import { AdyenPaymentModel } from 'shared/api/storefront/model/storefront.model';
 import '@adyen/adyen-web/dist/adyen.css';
 interface AdyenPaymentProps {
     amount: number;

package/dist/checkout/payment-details.d.ts

@@ -1,4 +1,4 @@
-import { CartModel } from '../shared/api/storefront/model/shop.model';
+import { CartModel } from '../shared/api/storefront/model/storefront.model';
 export declare function PaymentDetails({ cart, onCartChanged, }: {
     cart: CartModel;
     onCartChanged: (cart: CartModel) => void;

package/dist/checkout/payment.d.ts

@@ -1,4 +1,4 @@
-import { AdyenPaymentModel, CartModel } from '../shared/api/storefront/model/shop.model';
+import { AdyenPaymentModel, CartModel } from '../shared/api/storefront/model/storefront.model';
 export declare function Payment({ cart: _cart, onError, onPaymentComplete, }: {
     cart: CartModel;
     onError: (error: unknown, result: AdyenPaymentModel) => void;

package/dist/checkout/payment.js

@@ -10,7 +10,7 @@ import { AdyenPayment } from './adyen-payment.js';
 import { PaymentDetails } from './payment-details.js';
 
 function Payment({ cart: _cart, onError, onPaymentComplete, }) {
-    const patchCart = usePatchCart();
+    const { mutate: patchCart } = usePatchCart();
     const placeOrder = usePlaceOrder();
     const dropinRef = useRef(null);
     const cartRef = useRef(_cart);

package/dist/country-selector/country-select/country-select.d.ts

@@ -0,0 +1,20 @@
+import { CountryModel } from '../../shared/api/storefront/model/storefront.model';
+import { Country } from '../../shared/model/countries-languages';
+interface CountrySelectProps<T extends Country | CountryModel> {
+    countries: T[];
+    'data-test-selector'?: string;
+    isRequired?: boolean;
+    name?: string;
+    showLabel?: boolean;
+}
+interface CountrySelectPropsWithSelectedCountry<T extends Country | CountryModel> extends CountrySelectProps<T> {
+    onCountryChange?: (country: T) => void;
+    selectedCountry: T;
+}
+interface CountrySelectPropsWithoutSelectedCountry<T extends Country | CountryModel> extends CountrySelectProps<T> {
+    onCountryChange?: (country: T | undefined) => void;
+    selectedCountry?: T | undefined;
+}
+export declare function CountrySelect<T extends Country | CountryModel>(props: CountrySelectPropsWithSelectedCountry<T>): JSX.Element;
+export declare function CountrySelect<T extends Country | CountryModel>(props: CountrySelectPropsWithoutSelectedCountry<T>): JSX.Element;
+export {};

package/dist/country-selector/country-select/country-select.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Select } from '../../forms/select/select.js';
+import { useFormattedMessage } from '../../intl/use-formatted-message.js';
+
+function CountrySelect({ countries, 'data-test-selector': dataTestSelector, isRequired, name, onCountryChange, selectedCountry, showLabel = true, }) {
+    const t = useFormattedMessage();
+    const countryOptions = useMemo(() => countries.reduce((acc, country) => ({
+        ...acc,
+        [country.id]: t(`clSelector.${country.abbreviation}`),
+    }), {}), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [countries]);
+    return (jsx(Select, { "data-test-selector": dataTestSelector, isRequired: isRequired, label: t('Country'), name: name, onChange: value => onCountryChange?.(countries.find(country => country.id === value)), options: countryOptions, selectedOption: selectedCountry?.id, showLabel: showLabel, showPlaceholder: false, variant: "solid" }));
+}
+
+export { CountrySelect };

package/dist/country-selector/country-selector-dialog/country-selector-dialog.js

@@ -6,18 +6,13 @@ import { Select } from '../../forms/select/select.js';
 import { FormattedMessage } from '../../intl/formatted-message.js';
 import { useFormattedMessage } from '../../intl/use-formatted-message.js';
 import { Dialog } from '../../modals/dialog/dialog.js';
+import { CountrySelect } from '../country-select/country-select.js';
 import styles from './country-selector-dialog.module.css.js';
 
 function CountrySelectorDialog({ countries, isDismissable, isOpen, onOpenChange, onSubmit, selectedCountry, selectedLanguage, showCountry = true, }) {
     const t = useFormattedMessage();
     const [currentCountry, setCurrentCountry] = useState(selectedCountry);
     const [currentLanguage, setCurrentLanguage] = useState(selectedLanguage);
-    const countryOptions = useMemo(() => countries.reduce((acc, country) => ({
-        ...acc,
-        [country.id]: t(`clSelector.${country.abbreviation}`),
-    }), {}), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [countries]);
     const languageOptions = useMemo(() => currentCountry.languages.reduce((acc, language) => ({ ...acc, [language.id]: language.description }), {}), [currentCountry]);
     useEffect(() => {
         if (currentCountry.languages.some(language => language.id === currentLanguage.id))
@@ -35,8 +30,7 @@ function CountrySelectorDialog({ countries, isDismissable, isOpen, onOpenChange,
             onSubmit({ country: currentCountry, language: currentLanguage });
             e.preventDefault();
             e.stopPropagation();
-        }, shouldCloseOnInteractOutside: isDismissable, title: "Country Selector", children: jsxs("div", { className: styles.content, children: [jsx("svg", { className: styles.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.intro, children: jsx(FormattedMessage, { id: "Welcome to Sonic Equipment. Please choose your country and language below." }) }), jsxs("div", { className: styles.selects, children: [showCountry && (jsx(Select, { "data-test-selector": "clSelector_country", label: t('Country'), onChange: value => setCurrentCountry(countries.find(country => country.id === value) ||
-                                currentCountry), options: countryOptions, selectedOption: currentCountry.id, showPlaceholder: false, variant: "solid" })), jsx(Select, { "data-test-selector": "clSelector_language", label: t('Language'), onChange: value => setCurrentLanguage(currentCountry.languages.find(language => language.id === value) || currentLanguage), options: languageOptions, selectedOption: currentLanguage.id, showPlaceholder: false, variant: "solid" })] })] }) }));
+        }, shouldCloseOnInteractOutside: isDismissable, title: "Country Selector", children: jsxs("div", { className: styles.content, children: [jsx("svg", { className: styles.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.intro, children: jsx(FormattedMessage, { id: "Welcome to Sonic Equipment. Please choose your country and language below." }) }), jsxs("div", { className: styles.selects, children: [showCountry && (jsx(CountrySelect, { countries: countries, "data-test-selector": "clSelector_country", onCountryChange: setCurrentCountry, selectedCountry: currentCountry })), jsx(Select, { "data-test-selector": "clSelector_language", label: t('Language'), onChange: value => setCurrentLanguage(currentCountry.languages.find(language => language.id === value) || currentLanguage), options: languageOptions, selectedOption: currentLanguage.id, showPlaceholder: false, variant: "solid" })] })] }) }));
 }
 
 export { CountrySelectorDialog };

package/dist/exports.d.ts

@@ -1,3 +1,4 @@
+export * from './address/address';
 export * from './algolia/algolia-active-categories';
 export * from './algolia/algolia-active-filters';
 export * from './algolia/algolia-categories-filters';
@@ -64,6 +65,7 @@ export * from './collapsables/accordion/accordion-item';
 export * from './collapsables/show-all/show-all';
 export * from './config';
 export * from './country-selector/connected-country-selector';
+export * from './country-selector/country-select/country-select';
 export * from './country-selector/country-selector-dialog/country-selector-dialog';
 export * from './country-selector/country-selector-trigger/country-selector-trigger';
 export * from './country-selector/use-countries-languages';
@@ -110,6 +112,7 @@ export * from './header/cart-icon/connected-cart-icon';
 export * from './intl/formatted-message';
 export * from './intl/intl-context';
 export * from './intl/intl-provider';
+export * from './intl/missing-translation-provider';
 export * from './intl/translation-id';
 export * from './intl/types';
 export * from './intl/use-culture-code';
@@ -160,6 +163,9 @@ export * from './pages/product-listing-page/product-listing-product-overview/pro
 export * from './pages/search-result-page/search-result-product-overview/search-result-product-overview';
 export * from './pages/search-result-page/search-results-page';
 export * from './pages/search-result-page/search-results-page-category-carousel/search-results-page-category-carousel';
+export * from './pages/shipping-page/components/edit-address';
+export * from './pages/shipping-page/components/readonly-address';
+export * from './pages/shipping-page/shipping-page';
 export * from './promos/promo-banner/promo-banner';
 export * from './promos/promo-banners/promo-banners';
 export * from './promos/promo-card/promo-card';
@@ -167,6 +173,7 @@ export * from './shared/api/bff/hooks/use-fetch-announcements';
 export * from './shared/api/bff/hooks/use-fetch-product-details-page-data';
 export * from './shared/api/bff/hooks/use-fetch-product-listing-page-data';
 export * from './shared/api/bff/services/bff-service';
+export * from './shared/api/shared/hooks/use-awaitable-mutation';
 export * from './shared/api/storefront/hooks/authentication/use-create-guest-account';
 export * from './shared/api/storefront/hooks/authentication/use-fetch-session';
 export * from './shared/api/storefront/hooks/authentication/use-invalidate-session';
@@ -187,12 +194,12 @@ export * from './shared/api/storefront/hooks/cart/use-fetch-current-cart-promoti
 export * from './shared/api/storefront/hooks/cart/use-fetch-current-cart-with-atp';
 export * from './shared/api/storefront/hooks/cart/use-invalidate-current-cart';
 export * from './shared/api/storefront/hooks/cart/use-patch-cart';
+export * from './shared/api/storefront/hooks/cart/use-patch-cart-line-by-id';
 export * from './shared/api/storefront/hooks/cart/use-place-order';
 export * from './shared/api/storefront/hooks/cart/use-save-cart-for-later';
-export * from './shared/api/storefront/hooks/cart/use-update-cart-line-by-id';
 export * from './shared/api/storefront/hooks/customer/use-fetch-bill-to-addresses';
 export * from './shared/api/storefront/hooks/customer/use-fetch-ship-to-addresses';
-export * from './shared/api/storefront/hooks/customer/use-update-bill-to-address';
+export * from './shared/api/storefront/hooks/customer/use-patch-bill-to-address';
 export * from './shared/api/storefront/hooks/payment/use-create-adyen-session';
 export * from './shared/api/storefront/hooks/payment/use-fetch-adyen-config';
 export * from './shared/api/storefront/hooks/payment/use-invalidate-adyen';
@@ -217,6 +224,10 @@ export * from './shared/api/storefront/services/website-service';
 export * from './shared/api/storefront/services/wishlist-service';
 export * from './shared/feature-flags/use-feature-flags';
 export * from './shared/fetch/request';
+export * from './shared/ga/data-layer';
+export * from './shared/ga/google-analytics-provider';
+export * from './shared/ga/types';
+export * from './shared/ga/use-data-layer';
 export * from './shared/hooks/use-breakpoint';
 export * from './shared/hooks/use-cookie';
 export * from './shared/hooks/use-debounced-callback';
@@ -255,6 +266,7 @@ export * from './shared/utils/event-emitter';
 export * from './shared/utils/merge';
 export * from './shared/utils/price';
 export * from './shared/utils/random';
+export * from './shared/utils/string';
 export * from './shared/utils/time';
 export * from './shared/utils/uuid';
 export * from './shared/utils/wait';

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

@@ -4,6 +4,7 @@ export type NumberFieldSize = 'md' | 'lg';
 interface NumberFieldProps {
     autoFocus?: boolean;
     autoGrow?: boolean;
+    'data-test-selector'?: string;
     defaultValue?: number;
     formatOptions?: Intl.NumberFormatOptions;
     isDisabled?: boolean;
@@ -29,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, validate, 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', validate, 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, 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, 
+    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, 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, 
+                        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

@@ -20,6 +20,7 @@ interface TextFieldProps {
     rows?: number;
     showLabel?: boolean;
     size?: 'md' | 'lg';
+    type?: 'text' | 'email' | 'password';
     validate?: ValidateFunction<string>;
     value?: string;
 }
@@ -28,5 +29,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, minLength, name, onChange, onInput, onKeyUp, placeholder, rows, showLabel, size, validate, 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, type, 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, minLength, name, onChange, onInput, onKeyUp, placeholder, rows, showLabel = false, size = 'lg', validate, value, }) {
+function TextField({ autoFocus, autoGrow, defaultValue, isDisabled, isInvalid, isMultiline, isReadOnly, isRequired, label, maxLength, minLength, name, onChange, onInput, onKeyUp, placeholder, rows, showLabel = false, size = 'lg', type = 'text', 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), 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, {})] }));
+        }, 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, type: type })), jsx(FieldError, {}, Math.random())] }));
 }
 
 export { TextField };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import './shared/utils/local-storage';
 import './tokens/index.css';
 export * as BffModel from './shared/api/bff/model/bff.model';
-export * as ShopModel from './shared/api/storefront/model/shop.model';
+export * as StorefrontModel from './shared/api/storefront/model/storefront.model';
 export * from './exports';

package/dist/index.js

@@ -1,8 +1,9 @@
 import './shared/utils/local-storage.js';
 import * as bff_model from './shared/api/bff/model/bff.model.js';
 export { bff_model as BffModel };
-import * as shop_model from './shared/api/storefront/model/shop.model.js';
-export { shop_model as ShopModel };
+import * as storefront_model from './shared/api/storefront/model/storefront.model.js';
+export { storefront_model as StorefrontModel };
+export { Address } from './address/address.js';
 export { AlgoliaActiveCategories } from './algolia/algolia-active-categories.js';
 export { AlgoliaActiveFilters } from './algolia/algolia-active-filters.js';
 export { AlgoliaCategoriesFilters } from './algolia/algolia-categories-filters.js';
@@ -69,6 +70,7 @@ export { AccordionItem } from './collapsables/accordion/accordion-item.js';
 export { ShowAll } from './collapsables/show-all/show-all.js';
 export { config, configPerEnvironment } from './config.js';
 export { ConnectedCountrySelector } from './country-selector/connected-country-selector.js';
+export { CountrySelect } from './country-selector/country-select/country-select.js';
 export { CountrySelectorDialog } from './country-selector/country-selector-dialog/country-selector-dialog.js';
 export { CountrySelectorTrigger } from './country-selector/country-selector-trigger/country-selector-trigger.js';
 export { useCountriesLanguages } from './country-selector/use-countries-languages.js';
@@ -114,6 +116,7 @@ export { ConnectedCartIcon } from './header/cart-icon/connected-cart-icon.js';
 export { FormattedMessage } from './intl/formatted-message.js';
 export { IntlContext } from './intl/intl-context.js';
 export { IntlProvider } from './intl/intl-provider.js';
+export { MissingTranslationProvider } from './intl/missing-translation-provider.js';
 export { isCountryCode, isCultureCode, isLanguageCode } from './intl/types.js';
 export { useCultureCode, useUpdateCultureCode } from './intl/use-culture-code.js';
 export { useFormattedMessage } from './intl/use-formatted-message.js';
@@ -162,6 +165,9 @@ export { ProductListingProductOverview } from './pages/product-listing-page/prod
 export { SearchResultProductOverview } from './pages/search-result-page/search-result-product-overview/search-result-product-overview.js';
 export { SearchResultsPage } from './pages/search-result-page/search-results-page.js';
 export { SearchResultsPageCategoryCarousel } from './pages/search-result-page/search-results-page-category-carousel/search-results-page-category-carousel.js';
+export { EDIT_ADDRESS_FORM_ID, EditAddresses } from './pages/shipping-page/components/edit-address.js';
+export { ReadOnlyAddresses } from './pages/shipping-page/components/readonly-address.js';
+export { ShippingPage } from './pages/shipping-page/shipping-page.js';
 export { PromoBanner } from './promos/promo-banner/promo-banner.js';
 export { PromoBanners } from './promos/promo-banners/promo-banners.js';
 export { PromoCard } from './promos/promo-card/promo-card.js';
@@ -169,6 +175,7 @@ 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 { useAwaitableMutation } from './shared/api/shared/hooks/use-awaitable-mutation.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';
@@ -189,12 +196,12 @@ export { useFetchCurrentCartPromotions } from './shared/api/storefront/hooks/car
 export { useFetchCurrentCartWithAtp } from './shared/api/storefront/hooks/cart/use-fetch-current-cart-with-atp.js';
 export { useInvalidateCurrentCart } from './shared/api/storefront/hooks/cart/use-invalidate-current-cart.js';
 export { usePatchCart } from './shared/api/storefront/hooks/cart/use-patch-cart.js';
+export { usePatchCartLineById } from './shared/api/storefront/hooks/cart/use-patch-cart-line-by-id.js';
 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 { usePatchBillToAddress } from './shared/api/storefront/hooks/customer/use-patch-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';
@@ -211,14 +218,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, 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 { addProductToCurrentCart, convertToMinorUnits, deleteCartLineById, deleteCurrentCart, fetchCurrentCart, fetchCurrentCartLines, fetchCurrentCartProductAtp, fetchCurrentCartPromotions, fetchCurrentCheckoutAtp, getAdyenPaymentDetails, patchCart, patchCartLineById, placeOrder, postAdyenPayment, saveCartForLater } from './shared/api/storefront/services/cart-service.js';
+export { fetchBillToAddresses, fetchShipToAddresses, patchBillToAddress } 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';
@@ -255,6 +266,7 @@ export { EventEmitter } from './shared/utils/event-emitter.js';
 export { clone, deepMerge, isPlainObject, default as main, merge } from './shared/utils/merge.js';
 export { currencies, formatPrice, getCurrencyByCountryCode } from './shared/utils/price.js';
 export { random, randomInt } from './shared/utils/random.js';
+export { capitalizeFirstLetter } from './shared/utils/string.js';
 export { TIME } from './shared/utils/time.js';
 export { createUUID } from './shared/utils/uuid.js';
 export { wait } from './shared/utils/wait.js';

package/dist/intl/formatted-message.d.ts

@@ -1,3 +1,2 @@
-import { ComponentType } from 'react';
 import { FormattedMessageProps } from './types';
-export declare const FormattedMessage: ComponentType<FormattedMessageProps>;
+export declare const FormattedMessage: ({ fallbackValue, id, optional, replacementValues, }: FormattedMessageProps) => string;