@sonic-equipment/ui 124.0.0 → 126.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/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,7 +4,7 @@ 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';
@@ -15,7 +15,7 @@ const ConnectedAddToCartButton = ({ onAddToCart, productId }) => {
     const { isPending: isPendingAddToCart, mutate: addToCart } = useAddProductToCurrentCart();
     const { data: cartLines, isLoading: isLoadingCartLines } = useFetchCurrentCartLines();
     const { isPending: isPendingDeleteCartLine, mutate: deleteCartLine } = useDeleteCartLineById();
-    const { mutate: updateCartLine } = useUpdateCartLineById();
+    const { mutate: updateCartLine } = usePatchCartLineById();
     const { addToast } = useToast();
     const { onCartLineAdded, onCartLineError, onCartLineRemoved, onCartLineUpdated, } = useCartEvents() || {};
     const cartLine = cartLines?.find(line => line.productId === productId);

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

@@ -6,6 +6,7 @@ export interface ButtonProps {
     color?: 'primary' | 'secondary';
     condensed?: boolean;
     'data-test-selector'?: string;
+    form?: string;
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
     isDisabled?: boolean;
@@ -16,4 +17,4 @@ export interface ButtonProps {
     variant?: 'solid' | 'outline' | 'ghost';
     withArrow?: boolean;
 }
-export declare function Button({ _pseudo, children, className, color, condensed, 'data-test-selector': dataTestSelector, icon, iconPosition, isDisabled, isLoading, 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

@@ -6,7 +6,7 @@ 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, isLoading = false, 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) => {
@@ -20,7 +20,7 @@ function Button({ _pseudo = 'none', children, className, color = 'primary', cond
     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, 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' }))] }) }));
+        }, 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","loading-uninformative":"button-module-LwuW2","loading-informative":"button-module-U5IxM","spinner":"button-module-13ndF","children":"button-module-vqRq-","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","right-arrow-icon":"button-module-ydQAo"};
+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';
@@ -259,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/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,8 +218,8 @@ 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';
@@ -259,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;

package/dist/intl/missing-translation-provider.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+interface MissingTranslationProviderProps {
+    children: ReactNode;
+}
+export declare function MissingTranslationProvider({ children, }: MissingTranslationProviderProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/intl/missing-translation-provider.js

@@ -0,0 +1,30 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useContext, useCallback } from 'react';
+import { useFetchTranslations } from '../shared/api/storefront/hooks/translation/use-fetch-translations.js';
+import { useFeatureFlags } from '../shared/feature-flags/use-feature-flags.js';
+import { IntlContext } from './intl-context.js';
+import { getLanguageCodeFromCultureCode } from './utils.js';
+
+function MissingTranslationProvider({ children, }) {
+    const { missing, translations: showTranslations } = useFeatureFlags();
+    const intlProps = useContext(IntlContext);
+    const { data: translations, isLoading } = useFetchTranslations(getLanguageCodeFromCultureCode(intlProps.cultureCode), { enabled: missing });
+    const formattedMessage = useCallback((id, options) => {
+        const message = intlProps.formattedMessage(id, options);
+        if (!missing && !showTranslations)
+            return message;
+        if (missing && !translations?.[id])
+            return `❗️${message}❗️`;
+        return showTranslations ? `⭐️${message}⭐️` : message;
+    }, [intlProps, missing, showTranslations, translations]);
+    if (!missing && !showTranslations)
+        return jsx(Fragment, { children: children });
+    if (missing && (isLoading || !translations))
+        return null;
+    return (jsx(IntlContext.Provider, { value: {
+            ...intlProps,
+            formattedMessage,
+        }, children: children }));
+}
+
+export { MissingTranslationProvider };

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' | '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';
+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' | 'Add order notes' | 'Address' | '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?' | 'Attention' | 'Billing address' | 'Cancel' | 'Cart' | 'Changing your address is currently not possible. Please contact customer support to change your address.' | 'Chosen filters' | 'City' | 'Clear filters' | 'Clear' | 'Click the button below to continue shopping.' | 'Company name' | 'Continue shopping' | 'Continue' | 'Cost overview' | 'Country' | 'Create new list' | 'Delivery expected in {0} {1}' | 'Double check your spelling' | 'Downloads' | 'Easily add your favorite products' | 'Edit billing address' | 'Edit shipping address' | 'Email' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'Features' | 'First name' | 'Fulfillment method' | 'Hide filters' | 'Home' | 'Incl. VAT' | 'Includes' | 'Language' | 'Last name' | 'List name already exists' | 'New list name' | 'Order number' | 'PO Number' | 'Phone' | 'Please Sign In' | 'Popular searches' | 'Postal Code' | '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' | 'Shipping details' | '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.' | '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.' | 'Use billing address' | 'Try another search' | 'Total' | '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' | 'Shipping address' | '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/modals/signin/sign-in-dialog.js

@@ -14,7 +14,7 @@ function SignInDialog({ isOpen, onOpenChange }) {
     const { signInUrl } = useFavorite();
     const t = useFormattedMessage();
     const location = getLocation();
-    if (!location)
+    if (!location || !isOpen)
         return null;
     return (jsx(Dialog, { isDismissable: true, className: { dialog: styles['sign-in-dialog'] }, footer: jsxs(Fragment, { children: [jsx(RouteButton, { withArrow: true, color: "primary", href: `${signInUrl}?returnUrl=${encodeURIComponent(location.pathname + location.search)}`, onClick: () => onOpenChange(false), variant: "solid", children: jsx(FormattedMessage, { id: "sign in" }) }), jsx(RouteButton, { color: "secondary", href: `${signInUrl}?returnUrl=${encodeURIComponent(location.pathname + location.search)}`, onClick: () => onOpenChange(false), variant: "outline", children: jsx(FormattedMessage, { id: "create account" }) })] }), isOpen: isOpen, onOpenChange: onOpenChange, title: t('Shop more efficiently and quicker with a favorites list'), children: jsxs(List, { children: [jsx(ListItem, { icon: jsx(SolidOkayIcon, { fill: "var(--color-status-available)" }), text: t('Easily add your favorite products') }), jsx(ListItem, { icon: jsx(SolidOkayIcon, { fill: "var(--color-status-available)" }), text: t('Your favorites are available on multiple devices') }), jsx(ListItem, { icon: jsx(SolidOkayIcon, { fill: "var(--color-status-available)" }), text: t('Share your favorite list with others') })] }) }));
 }

package/dist/pages/layouts/checkout-page-layout/checkout-page-layout.d.ts

@@ -5,7 +5,7 @@ export interface CheckoutPageLayoutProps {
         secondary?: ReactNode;
     };
     children: ReactNode;
-    mobileSummary: ReactNode;
+    mobileSummary?: ReactNode;
     overview: ReactNode;
 }
 export declare function CheckoutPageLayout({ actions, children, mobileSummary, overview, }: CheckoutPageLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/shipping-page/components/edit-address.d.ts

@@ -0,0 +1,24 @@
+import { CountryModel } from '../../../shared/api/storefront/model/storefront.model';
+export declare const EDIT_ADDRESS_FORM_ID = "billToForm";
+interface Address {
+    address1: string;
+    address2: string;
+    address3: string;
+    attention: string;
+    city: string;
+    companyName: string;
+    country: CountryModel;
+    firstName: string;
+    lastName: string;
+    phone: string;
+    postalCode: string;
+}
+export declare function EditAddresses({ countries, isLoading, onSubmit, }: {
+    countries: CountryModel[];
+    isLoading: boolean;
+    onSubmit: (event: {
+        address: Address;
+        notes: string;
+    }) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};