@sonic-equipment/ui 139.0.0 → 141.0.0

package/dist/pages/checkout/shipping-page/shipping-page.js

@@ -6,12 +6,12 @@ import { useFetchCurrentCart } from '../../../shared/api/storefront/hooks/cart/u
 import { useFetchFulfillmentMethodsForCurrentCart } from '../../../shared/api/storefront/hooks/customer/use-fetch-fulfillment-methods-for-current-cart.js';
 import { useFetchCountries } from '../../../shared/api/storefront/hooks/website/use-fetch-countries.js';
 import { useDataLayer } from '../../../shared/ga/use-data-layer.js';
-import { useNavigate } from '../../../shared/routing/route-provider.js';
+import { useNavigate } from '../../../shared/routing/use-navigate.js';
 import { hasNo } from '../../../shared/utils/types.js';
 import { ErrorPage } from '../../error-page/error-page.js';
 import { LoadingPage } from '../../loading-page/loading-page.js';
 import { PATHS } from '../../paths.js';
-import { EditAddresses } from './components/edit-address.js';
+import { EditAddressesForm } from './components/edit-address-form.js';
 import { ReadOnlyAddresses } from './components/readonly-address.js';
 import { usePatchShippingDetails } from './hooks/use-patch-shipping-details.js';
 import { ShippingPageContent } from './shipping-page-content.js';
@@ -81,7 +81,7 @@ function ShippingPage() {
         hasNo(cart.billTo) ||
         (hasNo(cart.billTo.address1) && hasNo(countries)))
         return null;
-    return (jsx(ShippingPageContent, { cart: cart, editAddress: jsx(EditAddresses, { billTo: cart.billTo, countries: countries || [], isLoading: isPatching, isPickup: isPickup, onSubmit: async ({ address, notes }) => {
+    return (jsx(ShippingPageContent, { cart: cart, editAddress: jsx(EditAddressesForm, { billTo: cart.billTo, countries: countries || [], isLoading: isPatching, isPickup: isPickup, onSubmit: async ({ address, notes }) => {
                 if (!cart.billTo)
                     return;
                 await patchShippingDetails({

package/dist/pages/paths.d.ts

@@ -1,6 +1,7 @@
 export declare const PATHS: {
-    readonly ACCOUNT: "/account";
+    readonly ACCOUNT: "/MyAccount";
     readonly ACCOUNT_ADDRESSES: "/MyAccount/Addresses";
+    readonly ACCOUNT_CREATE: "/MyAccount/CreateAccount";
     readonly CART: "/cart";
     readonly CHECKOUT_SHIPPING: "/CheckoutShipping";
     readonly CHECKOUT_SHIPPING_VIA_SIGNIN: "/signin?returnUrl=/CheckoutShipping";

package/dist/pages/paths.js

@@ -1,6 +1,7 @@
 const PATHS = {
-    ACCOUNT: '/account',
+    ACCOUNT: '/MyAccount',
     ACCOUNT_ADDRESSES: '/MyAccount/Addresses',
+    ACCOUNT_CREATE: '/MyAccount/CreateAccount',
     CART: '/cart',
     CHECKOUT_SHIPPING: '/CheckoutShipping',
     CHECKOUT_SHIPPING_VIA_SIGNIN: '/signin?returnUrl=/CheckoutShipping',

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

@@ -25,9 +25,9 @@ function useCreateGuestAccount() {
                 });
                 return body;
             }
-            finally {
+            catch (error) {
                 queryClient.resetQueries();
-                queryClient.clear();
+                throw error;
             }
         },
     });

package/dist/shared/api/storefront/hooks/authentication/use-recover-password.d.ts

@@ -0,0 +1,4 @@
+import { SessionModel } from '../../model/storefront.model';
+export declare function useRecoverPassword(): import("@tanstack/react-query").UseMutationResult<SessionModel, Error, {
+    userName: string;
+}, unknown>;

package/dist/shared/api/storefront/hooks/authentication/use-recover-password.js

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

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

@@ -1,4 +1,5 @@
 import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { isRequestError } from '../../../../fetch/request.js';
 import { signIn, createSession } from '../../services/authentication-service.js';
 
 function useSignIn() {
@@ -16,8 +17,13 @@ function useSignIn() {
                 });
                 return body;
             }
-            finally {
-                queryClient.resetQueries();
+            catch (error) {
+                if (!(isRequestError(error) &&
+                    error.status === 400 &&
+                    error.body?.error === 'invalid_grant')) {
+                    queryClient.resetQueries();
+                }
+                throw error;
             }
         },
     });

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

@@ -5,5 +5,6 @@ export declare function usePatchCart(): {
     isSuccess: boolean;
     mutate: (args_0: {
         cart: import("../../model/storefront.model").PatchCartModel;
+        forceRecalculation?: boolean;
     }) => Promise<import("../../model/storefront.model").CartModel>;
 };

package/dist/shared/api/storefront/services/authentication-service.d.ts

@@ -1,8 +1,8 @@
-import { AccountModel, PatchSessionModel, SessionModel, SessionModel as ShopSessionModel } from '../model/storefront.model';
-export declare function fetchSession(): Promise<ShopSessionModel>;
+import { AccountModel, PatchSessionModel, SessionModel } from '../model/storefront.model';
+export declare function fetchSession(): Promise<SessionModel>;
 export declare function patchSession({ session, }: {
     session: PatchSessionModel;
-}): Promise<ShopSessionModel>;
+}): Promise<SessionModel>;
 export interface AuthenticationResponse {
     access_token: string;
     error_description: string;
@@ -28,3 +28,6 @@ export declare function signOut(): Promise<void>;
 export declare function createGuestAccount({ defaultWarehouseId, }: {
     defaultWarehouseId: string;
 }): Promise<AccountModel>;
+export declare function recoverPassword({ userName, }: {
+    userName: string;
+}): Promise<SessionModel>;

package/dist/shared/api/storefront/services/authentication-service.js

@@ -78,5 +78,19 @@ async function createGuestAccount({ defaultWarehouseId, }) {
     });
     return body;
 }
+async function recoverPassword({ userName, }) {
+    const { body } = await request({
+        body: {
+            resetPassword: true,
+            userName,
+        },
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'PATCH',
+        url: `${config.SHOP_API_URL}/api/v1/sessions/current`,
+    });
+    return body;
+}
 
-export { createGuestAccount, createSession, fetchSession, patchSession, signIn, signOut };
+export { createGuestAccount, createSession, fetchSession, patchSession, recoverPassword, signIn, signOut };

package/dist/shared/api/storefront/services/cart-service.d.ts

@@ -12,8 +12,9 @@ export declare function patchCartLineById({ cartLine, cartLineId, }: {
     cartLine: CartLineModel;
     cartLineId: string;
 }): Promise<void>;
-export declare function patchCart({ cart, }: {
+export declare function patchCart({ cart, forceRecalculation, }: {
     cart: PatchCartModel;
+    forceRecalculation?: boolean;
 }): Promise<CartModel>;
 export declare function deleteCurrentCart(): Promise<CartModel>;
 export declare function deleteCartLineById({ cartLineId, }: {

package/dist/shared/api/storefront/services/cart-service.js

@@ -36,7 +36,7 @@ async function patchCartLineById({ cartLine, cartLineId, }) {
         url: `${config.SHOP_API_URL}/api/v1/carts/current/cartlines/${cartLineId}`,
     });
 }
-async function patchCart({ cart, }) {
+async function patchCart({ cart, forceRecalculation = true, }) {
     const { body } = await request({
         body: cart,
         credentials: 'include',
@@ -44,7 +44,7 @@ async function patchCart({ cart, }) {
             'Content-Type': 'application/json',
         },
         method: 'PATCH',
-        url: `${config.BFF_API_URL}/api/v1/carts/current`,
+        url: `${config.BFF_API_URL}/api/v1/carts/current${forceRecalculation ? '?forceRecalculation=true' : ''}`,
     });
     return body;
 }

package/dist/shared/fetch/request.d.ts

@@ -3,6 +3,20 @@ interface RequestErrorOptions {
     context?: string;
     options?: RequestOptions;
 }
+interface RequestErrorToJSONReturnType {
+    context: string | undefined;
+    error: {
+        message: string;
+        stack: string | undefined;
+    };
+    isRequestError: boolean;
+    request: RequestOptions | object;
+    response: {
+        body: unknown;
+        status: number;
+        statusText: string | undefined;
+    };
+}
 export declare class RequestError extends Error {
     isRequestError: boolean;
     status: number;
@@ -11,20 +25,7 @@ export declare class RequestError extends Error {
     context?: string;
     options?: RequestOptions;
     constructor(responseOrError: Response | any, options?: RequestErrorOptions, status?: number, statusText?: string);
-    toJSON(): {
-        context: string | undefined;
-        error: {
-            message: string;
-            stack: string | undefined;
-        };
-        isRequestError: boolean;
-        request: {};
-        response: {
-            body: any;
-            status: number;
-            statusText: string | undefined;
-        };
-    };
+    toJSON(): RequestErrorToJSONReturnType;
 }
 export declare const isRequestError: (error: any) => error is RequestError;
 export declare class BadRequestError extends RequestError {

package/dist/shared/routing/route-provider.d.ts

@@ -1,23 +1,8 @@
 import { ReactNode } from 'react';
-export interface NavigateOptions {
-    prefetch?: boolean;
-    replace?: boolean;
-}
-export type NavigateFn = (href: string, options?: NavigateOptions) => void;
-export interface UseNavigateReturnType {
-    isNavigating: boolean;
-    navigate: NavigateFn;
-}
-export interface RouteContext {
-    basePath?: string;
-    navigate: NavigateFn;
-}
+import { NavigateFunction } from './types';
 export interface RouteProviderProps {
     basePath?: string;
     children: ReactNode;
-    navigate: NavigateFn;
+    navigate: NavigateFunction;
 }
 export declare function RouteProvider({ basePath, children, navigate, }: RouteProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useOnNavigate(callback?: NavigateFn): NavigateFn;
-export declare function useNavigate(): UseNavigateReturnType;
-export declare function useBasePath(): string | undefined;

package/dist/shared/routing/route-provider.js

@@ -1,52 +1,10 @@
 "use client";
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { useEffect, useCallback, useRef } from 'react';
 import { useGlobalState } from '../providers/global-state-provider.js';
 
 function RouteProvider({ basePath, children, navigate, }) {
     useGlobalState('routing', { basePath, navigate });
     return jsx(Fragment, { children: children });
 }
-const onNavigateCallbacks = [];
-function useOnNavigate(callback) {
-    useEffect(() => {
-        if (!callback)
-            return;
-        onNavigateCallbacks.push(callback);
-        return () => {
-            onNavigateCallbacks.splice(onNavigateCallbacks.indexOf(callback), 1);
-        };
-    }, [callback]);
-    return useCallback((href, options) => {
-        onNavigateCallbacks.forEach(cb => cb(href, options));
-    }, []);
-}
-function useNavigate() {
-    const isNavigatingRef = useRef(false);
-    const [state] = useGlobalState('routing');
-    const trigger = useOnNavigate();
-    if (!state) {
-        throw new Error('RouteProvider not found');
-    }
-    const navigate = useCallback((href, options) => {
-        trigger(href, options);
-        if (href.toLowerCase().startsWith('http')) {
-            if (typeof window === 'undefined')
-                return;
-            isNavigatingRef.current = true;
-            return (window.location.href = href);
-        }
-        isNavigatingRef.current = true;
-        return state.navigate(href, options);
-    }, [state, trigger]);
-    return { isNavigating: isNavigatingRef.current, navigate };
-}
-function useBasePath() {
-    const [state] = useGlobalState('routing');
-    if (!state) {
-        throw new Error('RouteProvider not found');
-    }
-    return state.basePath;
-}
 
-export { RouteProvider, useBasePath, useNavigate, useOnNavigate };
+export { RouteProvider };

package/dist/shared/routing/types.d.ts

@@ -0,0 +1,10 @@
+export interface RouteContext {
+    basePath?: string;
+    navigate: NavigateFunction;
+}
+export interface NavigateOptions {
+    prefetch?: boolean;
+    reload?: boolean;
+    replace?: boolean;
+}
+export type NavigateFunction = (href: string, options?: NavigateOptions) => void;

package/dist/shared/routing/use-base-path.d.ts

@@ -0,0 +1 @@
+export declare function useBasePath(): string | undefined;

package/dist/shared/routing/use-base-path.js

@@ -0,0 +1,12 @@
+"use client";
+import { useGlobalState } from '../providers/global-state-provider.js';
+
+function useBasePath() {
+    const [state] = useGlobalState('routing');
+    if (!state) {
+        throw new Error('RouteProvider not found');
+    }
+    return state.basePath;
+}
+
+export { useBasePath };

package/dist/shared/routing/use-navigate.d.ts

@@ -0,0 +1,6 @@
+import { NavigateFunction } from './types';
+export interface UseNavigateReturnType {
+    isNavigating: boolean;
+    navigate: NavigateFunction;
+}
+export declare function useNavigate(): UseNavigateReturnType;

package/dist/shared/routing/use-navigate.js

@@ -0,0 +1,23 @@
+"use client";
+import { useRef, useCallback } from 'react';
+import { useGlobalState } from '../providers/global-state-provider.js';
+import { useOnNavigate } from './use-on-navigate.js';
+
+function useNavigate() {
+    const isNavigatingRef = useRef(false);
+    const [state] = useGlobalState('routing');
+    const trigger = useOnNavigate(() => {
+        isNavigatingRef.current = false;
+    });
+    if (!state) {
+        throw new Error('RouteProvider not found');
+    }
+    const navigate = useCallback((href, options) => {
+        trigger(href, options);
+        isNavigatingRef.current = true;
+        return state.navigate(href, options);
+    }, [state, trigger]);
+    return { isNavigating: isNavigatingRef.current, navigate };
+}
+
+export { useNavigate };

package/dist/shared/routing/use-on-navigate.d.ts

@@ -0,0 +1,2 @@
+import { NavigateFunction } from './types';
+export declare function useOnNavigate(callback?: NavigateFunction): NavigateFunction;

package/dist/shared/routing/use-on-navigate.js

@@ -0,0 +1,19 @@
+"use client";
+import { useEffect, useCallback } from 'react';
+
+const onNavigateCallbacks = [];
+function useOnNavigate(callback) {
+    useEffect(() => {
+        if (!callback)
+            return;
+        onNavigateCallbacks.push(callback);
+        return () => {
+            onNavigateCallbacks.splice(onNavigateCallbacks.indexOf(callback), 1);
+        };
+    }, [callback]);
+    return useCallback((href, options) => {
+        onNavigateCallbacks.forEach(cb => cb(href, options));
+    }, []);
+}
+
+export { useOnNavigate };

package/dist/shared/routing/with-routing.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ComponentType, FC, MouseEventHandler } from 'react';
-import { NavigateOptions } from './route-provider';
+import { NavigateOptions } from './types';
 export interface WithRoutingProps {
     href?: string;
     route?: NavigateOptions;

package/dist/shared/routing/with-routing.js

@@ -1,5 +1,6 @@
 import { createElement } from 'react';
-import { useNavigate, useBasePath } from './route-provider.js';
+import { useBasePath } from './use-base-path.js';
+import { useNavigate } from './use-navigate.js';
 
 function withRouting(component) {
     const Component = ({ href, onClick, route, ...rest }) => {

package/dist/sign-in-form/sign-in-form.d.ts

@@ -11,15 +11,17 @@ export type SubmitData = LoginData | GuestLoginData;
 export type ErrorMessage = 'Access denied' | 'Unexpected error';
 export interface SignInFormProps {
     allowGuestSignIn?: boolean;
+    createAccountPath: string;
     errorMessage?: ErrorMessage;
     initialEmail?: string;
     initialRememberMe?: boolean;
     isDisabled?: boolean;
     isPendingGuestSignIn?: boolean;
     isPendingUserSignIn?: boolean;
+    onRecoverPasswordDialogOpen?: () => void;
     onSubmit?: ({ data }: {
         data: SubmitData;
     }) => void;
 }
-export declare function SignInForm({ allowGuestSignIn, errorMessage, initialEmail, initialRememberMe, isDisabled: _isDisabled, isPendingGuestSignIn, isPendingUserSignIn, onSubmit, }: SignInFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function SignInForm({ allowGuestSignIn, createAccountPath, errorMessage, initialEmail, initialRememberMe, isDisabled: _isDisabled, isPendingGuestSignIn, isPendingUserSignIn, onRecoverPasswordDialogOpen, onSubmit, }: SignInFormProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/sign-in-form/sign-in-form.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Form } from 'react-aria-components';
 import clsx from 'clsx';
 import { Button } from '../buttons/button/button.js';
@@ -8,11 +8,13 @@ import { Switch } from '../forms/switch/switch.js';
 import { TextField } from '../forms/text-field/text-field.js';
 import { useFormattedMessage } from '../intl/use-formatted-message.js';
 import { Message } from '../message/message.js';
+import { validateEmail } from '../shared/model/address.js';
+import { RouteLink } from '../shared/routing/route-link.js';
 import { Heading } from '../typography/heading/heading.js';
 import styles from './sign-in-form.module.css.js';
 
 const GUEST_SIGN_IN_BUTTON_NAME = 'guestSignin';
-function SignInForm({ allowGuestSignIn = false, errorMessage, initialEmail, initialRememberMe, isDisabled: _isDisabled = false, isPendingGuestSignIn = false, isPendingUserSignIn = false, onSubmit = () => { }, }) {
+function SignInForm({ allowGuestSignIn = false, createAccountPath, errorMessage, initialEmail, initialRememberMe, isDisabled: _isDisabled = false, isPendingGuestSignIn = false, isPendingUserSignIn = false, onRecoverPasswordDialogOpen = () => { }, onSubmit = () => { }, }) {
     const t = useFormattedMessage();
     const title = t('sign in');
     const isDisabled = isPendingUserSignIn || isPendingGuestSignIn || _isDisabled;
@@ -46,7 +48,11 @@ function SignInForm({ allowGuestSignIn = false, errorMessage, initialEmail, init
             },
         });
     };
-    return (jsxs(Form, { "aria-label": title, autoComplete: "off", className: clsx(styles['sign-in-form'], styles['form']), onSubmit: handleSubmit, validationBehavior: "native", children: [jsx("header", { className: styles['form-header'], children: jsx(Heading, { "data-test-selector": "PageTitle", italic: true, size: "m", tag: "h1", uppercase: true, children: title }) }), errorMessage === 'Access denied' && (jsx(Message, { type: "danger", children: t('Your email and password were not recognized.') })), errorMessage === 'Unexpected error' && (jsx(Message, { type: "danger", children: t('An unexpected error occured. Please try again.') })), jsxs("fieldset", { className: clsx(styles['form-fieldset'], styles['columns']), children: [jsx("div", { className: styles['form-segment'], children: jsx(TextField, { "data-test-selector": "signIn_userName", defaultValue: initialEmail, isDisabled: isDisabled, isRequired: true, label: t('Email'), name: "email", showLabel: true, type: "email" }) }), jsx("div", { className: styles['form-segment'], children: jsx(TextField, { "data-test-selector": "signIn_password", isDisabled: isDisabled, isRequired: true, label: t('Password'), name: "password", showLabel: true, type: "password" }) })] }), jsxs("footer", { className: styles['form-footer'], children: [jsx("div", { className: styles['form-segment'], children: jsx(Switch, { className: styles['floating'], defaultSelected: initialRememberMe, isDisabled: isDisabled, name: "rememberMe", value: "true", children: t('Remember me') }) }), jsx("div", { className: styles['form-segment'], children: jsx(Button, { "data-test-selector": "signIn_submit", isDisabled: isDisabled, isLoading: isPendingUserSignIn && t('Signing in…'), type: "submit", withArrow: true, children: t('sign in') }) }), jsxs("div", { className: styles['form-segment'], children: [jsx("p", { children: jsx(Link, { color: "primary", "data-test-selector": "signIn_forgotPassword", hasUnderline: true, href: "#", isDisabled: isDisabled, children: t('Forgot password?') }) }), jsxs("p", { children: [t('New user?'), ' ', jsx(Link, { "data-test-selector": "signInCreateNewAccount_createNewAccount", hasUnderline: true, href: "#", isDisabled: isDisabled, children: t('create account') })] })] }), allowGuestSignIn && (jsx("div", { className: styles['form-segment'], children: jsx(Button, { color: "secondary", isDisabled: isDisabled, isLoading: isPendingGuestSignIn && t('Signing in…'), isValidating: false, name: GUEST_SIGN_IN_BUTTON_NAME, type: "submit", value: "true", variant: "outline", children: t('Or continue as guest') }) }))] })] }));
+    return (jsxs(Form, { "aria-label": title, autoComplete: "off", className: clsx(styles['sign-in-form'], styles['form']), onSubmit: handleSubmit, validationBehavior: "native", children: [jsx("header", { className: styles['form-header'], children: jsx(Heading, { "data-test-selector": "PageTitle", italic: true, size: "m", tag: "h1", uppercase: true, children: title }) }), errorMessage === 'Access denied' && (jsx(Message, { type: "danger", children: t('Your email and password were not recognized.') })), errorMessage === 'Unexpected error' && (jsx(Message, { type: "danger", children: t('An unexpected error occured. Please try again.') })), jsxs("fieldset", { className: clsx(styles['form-fieldset'], styles['columns']), children: [jsx("div", { className: styles['form-segment'], children: jsx(TextField, { "data-test-selector": "signIn_userName", defaultValue: initialEmail, isDisabled: isDisabled, isRequired: true, label: t('Email'), name: "email", showLabel: true, type: "email", validate: value => {
+                                if (!value)
+                                    return value;
+                                return (validateEmail(value) || t('Please enter a valid email address'));
+                            } }) }), jsx("div", { className: styles['form-segment'], children: jsx(TextField, { "data-test-selector": "signIn_password", isDisabled: isDisabled, isRequired: true, label: t('Password'), name: "password", showLabel: true, type: "password" }) })] }), jsxs("footer", { className: styles['form-footer'], children: [jsx("div", { className: styles['form-segment'], children: jsx(Switch, { className: styles['floating'], defaultSelected: initialRememberMe, isDisabled: isDisabled, name: "rememberMe", value: "true", children: t('Remember me') }) }), jsx("div", { className: styles['form-segment'], children: jsx(Button, { "data-test-selector": "signIn_submit", isDisabled: isDisabled, isLoading: isPendingUserSignIn && t('Signing in…'), type: "submit", withArrow: true, children: t('sign in') }) }), jsxs("div", { className: styles['form-segment'], children: [jsx("p", { children: jsx(Link, { color: "primary", "data-test-selector": "signIn_forgotPassword", hasUnderline: true, isDisabled: isDisabled, onClick: onRecoverPasswordDialogOpen, children: t('Forgot password?') }) }), jsx("p", { children: jsxs(Fragment, { children: [t('New user?'), ' ', jsx(RouteLink, { "data-test-selector": "signInCreateNewAccount_createNewAccount", hasUnderline: true, href: createAccountPath, isDisabled: isDisabled, children: t('create account') })] }) })] }), allowGuestSignIn && (jsx("div", { className: styles['form-segment'], children: jsx(Button, { color: "secondary", isDisabled: isDisabled, isLoading: isPendingGuestSignIn && t('Signing in…'), isValidating: false, name: GUEST_SIGN_IN_BUTTON_NAME, type: "submit", value: "true", variant: "outline", children: t('Or continue as guest') }) }))] })] }));
 }
 
 export { SignInForm };

package/dist/styles.css

@@ -828,7 +828,7 @@
 
   .button-module-V4meK.button-module-U5IxM .button-module-13ndF {
       position: absolute;
-      right: var(--space-8);
+      right: var(--space-12);
     }
 
   .button-module-V4meK.button-module-U5IxM .button-module-ydQAo {
@@ -1799,6 +1799,7 @@
   margin: 0;
   color: var(--color-brand-black);
   font-weight: var(--font-weight-normal);
+  text-wrap: pretty;
   transition: all 0.2s ease-out;
 }
 
@@ -2241,6 +2242,7 @@
 
 .dialog-module-qKzgy {
   position: relative;
+  max-width: 403px;
   padding: var(--space-24);
   padding-right: var(--space-32);
 }
@@ -2277,10 +2279,6 @@
     gap: 8px;
   }
 
-.sign-in-dialog-module-P-AHV {
-  max-width: 403px;
-}
-
 .favorite-button-module-tXSS3:where(.favorite-button-module-l557q) {
     animation: favorite-button-module-6Tsmy 0.4s ease-in-out 0s 1 normal both;
     color: var(--color-brand-red);
@@ -5361,6 +5359,7 @@ button.swiper-pagination-bullet {
 
 .message-module-Gi4uR {
   grid-area: body;
+  text-wrap: pretty;
 }
 
 /* variants */
@@ -5842,10 +5841,14 @@ button.swiper-pagination-bullet {
   }
     }
 
-  .page-container-module-eFYSe.page-container-module-iCrH5 .page-container-module-r0SOZ {
-    padding-block-end: 0;
+  .page-container-module-eFYSe.page-container-module-iCrH5 {
+    flex-grow: 1; /* TODO: required for Spire, remove later */
   }
 
+  .page-container-module-eFYSe.page-container-module-iCrH5 .page-container-module-r0SOZ {
+      padding-block-end: 0;
+    }
+
 .checkout-page-layout-module-lULV3 {
   --layout-width: var(--page-container-max-width, 100svw);
   --padding-inline: var(--page-container-padding-inline, 10px);
@@ -6053,27 +6056,28 @@ button.swiper-pagination-bullet {
   white-space: pre;
 }
 
-.edit-address-module-oC1yA {
+.edit-address-form-module-s19Fg {
   display: grid;
   gap: var(--space-16);
   grid-template-columns: 1fr;
 }
 
-  .edit-address-module-oC1yA .edit-address-module-7ANZQ {
+  .edit-address-form-module-s19Fg .edit-address-form-module-O1w3c {
     display: grid;
   }
 
-  @media (width >= 768px) {.edit-address-module-oC1yA {
+  @media (width >= 768px) {.edit-address-form-module-s19Fg {
+    align-items: flex-start;
     grid-template-columns: 1fr 1fr
 }
 
-    .edit-address-module-oC1yA .edit-address-module-7ANZQ {
+    .edit-address-form-module-s19Fg .edit-address-form-module-O1w3c {
       display: grid;
       grid-column: span 2;
     }
   }
 
-.edit-address-module-QAPy- {
+.edit-address-form-module-2bfdq {
   display: flex;
   flex-wrap: wrap;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "139.0.0",
+  "version": "141.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -140,8 +140,8 @@
     "instantsearch.js": "4.77.3",
     "js-cookie": "3.0.5",
     "query-string": "9.1.1",
-    "react-aria": "3.37.0",
-    "react-aria-components": "1.6.0",
+    "react-aria": "3.38.1",
+    "react-aria-components": "1.7.1",
     "react-instantsearch": "7.15.3",
     "react-toastify": "10.0.6",
     "react-transition-group": "4.4.5",

package/dist/modals/signin/sign-in-dialog.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"sign-in-dialog":"sign-in-dialog-module-P-AHV"};
-
-export { styles as default };

package/dist/pages/checkout/shipping-page/components/edit-address.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"form":"edit-address-module-oC1yA","span-2":"edit-address-module-7ANZQ","use-invoice-checkbox":"edit-address-module-QAPy-"};
-
-export { styles as default };