@sonic-equipment/ui 229.0.0 → 231.0.0

package/dist/pages/account/sign-in-page/sign-in-page.js

@@ -94,7 +94,7 @@ function SignInPage({ returnUrl } = {}) {
             userName: userName || '',
         }, { onSuccess: onSignInSuccess });
     };
-    return (jsxs(Fragment, { children: [jsx(SignInPageLayout, { fullHeight: true, "data-test-selector": "signInPage", children: jsx(SignInForm, { allowGuestSignIn: allowGuestSignIn, createAccountPath: createAccountPath, errorType: signInErrorType, initialEmail: session?.isGuest ? '' : session?.email, initialRememberMe: session?.rememberMe, isDisabled: !session || isSuccess, isLoading: isLoading, isPendingGuestSignIn: isPendingCreateGuest, isPendingUserSignIn: isPendingSignIn, onRecoverPasswordDialogOpen: () => setRecoverPasswordDialogOpen(true), onSubmit: onSignIn }) }), jsx(RecoverPasswordDialog, { isOpen: isRecoverPasswordDialogOpen, onOpenChange: isOpen => setRecoverPasswordDialogOpen(isOpen) }), jsx(ChangePasswordDialog, { allowClose: false, error: errorChangePassword, informationalText: t('You are required to change your password and then sign in again, using your new credentials.'), isOpen: isChangePasswordDialogOpen, isUpdating: isSessionUpdating, onClose: () => setChangePasswordDialogOpen(false), onPasswordChanged: onChangePassword, userName: userName })] }));
+    return (jsxs(Fragment, { children: [jsx(SignInPageLayout, { fullHeight: true, "data-test-selector": "signInPage", children: jsx(SignInForm, { allowGuestSignIn: allowGuestSignIn, createAccountPath: createAccountPath, errorType: signInErrorType, initialEmail: session?.isGuest ? '' : session?.email, initialRememberMe: session?.rememberMe, isDisabled: !session || isSuccess, isLoading: isLoading, isPendingGuestSignIn: isPendingCreateGuest, isPendingUserSignIn: isPendingSignIn, onRecoverPasswordDialogOpen: () => setRecoverPasswordDialogOpen(true), onSubmit: onSignIn }) }), jsx(RecoverPasswordDialog, { isOpen: isRecoverPasswordDialogOpen, onOpenChange: isOpen => setRecoverPasswordDialogOpen(isOpen) }), jsx(ChangePasswordDialog, { allowClose: true, error: errorChangePassword, informationalText: t('You are required to change your password and then sign in again, using your new credentials.'), isOpen: isChangePasswordDialogOpen, isUpdating: isSessionUpdating, onClose: () => setChangePasswordDialogOpen(false), onPasswordChanged: onChangePassword, userName: userName })] }));
 }
 
 export { SignInPage };

package/dist/pages/checkout/shipping-page/components/readonly-address.js

@@ -7,7 +7,9 @@ import { Checkbox } from '../../../../forms/elements/checkbox/checkbox.js';
 import { TextField } from '../../../../forms/fields/text-field/text-field.js';
 import { FormattedMessage } from '../../../../intl/formatted-message.js';
 import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { useLocation } from '../../../../shared/routing/use-location.js';
 import { usePaths } from '../../../../shared/routing/use-paths.js';
+import { environment } from '../../../../shared/utils/environment.js';
 import { CheckoutPageSection } from '../../layouts/checkout-page-layout/components/checkout-page-section.js';
 import { CheckoutPageSectionContent } from '../../layouts/checkout-page-layout/components/checkout-page-section-content.js';
 import { CheckoutPageSectionLink } from '../../layouts/checkout-page-layout/components/checkout-page-section-link.js';
@@ -18,6 +20,16 @@ import styles from './readonly-address.module.css.js';
 function ReadOnlyAddresses({ billTo, isLoading, isPickup, notes, onSubmit, shipTo, }) {
     const t = useFormattedMessage();
     const paths = usePaths();
+    const { pathname, search } = useLocation();
+    const href = `${pathname}${search}`;
+    const billToId = billTo?.id;
+    const shipToId = shipTo?.id;
+    const editBillToAddressUrl = environment === 'next'
+        ? `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}?returnUrl=${encodeURIComponent(href)}`
+        : paths.ACCOUNT_ADDRESSES;
+    const editShipToAddressUrl = environment === 'next'
+        ? `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/${shipToId}?returnUrl=${encodeURIComponent(href)}`
+        : paths.ACCOUNT_ADDRESSES;
     return (jsxs(Form, { id: EDIT_ADDRESS_FORM_ID, onSubmit: e => {
             e.preventDefault();
             const formData = new FormData(e.currentTarget);
@@ -26,7 +38,7 @@ function ReadOnlyAddresses({ billTo, isLoading, isPickup, notes, onSubmit, shipT
                     ? undefined
                     : formData.get('notes')?.toString() || '',
             });
-        }, children: [jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: "Billing address" }), children: [jsx(CheckoutPageSectionLink, { children: jsxs(Link, { color: "secondary", href: paths.ACCOUNT_ADDRESSES, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit billing address" }), " >"] }) }), jsxs(CheckoutPageSectionContent, { children: [billTo && (jsx(AddressInfoDisplay, { address: {
+        }, children: [jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: "Billing address" }), children: [jsx(CheckoutPageSectionLink, { children: jsxs(Link, { color: "secondary", href: editBillToAddressUrl, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit billing address" }), " >"] }) }), jsxs(CheckoutPageSectionContent, { children: [billTo && (jsx(AddressInfoDisplay, { address: {
                                     address1: billTo.address1,
                                     address2: billTo.address2,
                                     address3: billTo.address3,
@@ -39,7 +51,7 @@ function ReadOnlyAddresses({ billTo, isLoading, isPickup, notes, onSubmit, shipT
                                     lastName: billTo.lastName,
                                     phone: billTo.phone,
                                     postalCode: billTo.postalCode,
-                                }, "data-test-selector": "billToAddress" })), jsx("div", { className: styles.notes, children: jsx(TextField, { defaultValue: notes, isDisabled: isLoading, isMultiline: true, label: t('Add order notes'), name: "notes", rows: 3, showLabel: true }) })] })] }), jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: isPickup ? 'Pickup address' : 'Shipping address' }), children: [!isPickup && (jsx(CheckoutPageSectionLink, { children: jsxs(Link, { color: "secondary", href: paths.ACCOUNT_ADDRESSES, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit shipping address" }), " >"] }) })), jsx(CheckoutPageSectionContent, { children: isPickup ? (jsx(SonicAddress, {})) : (jsxs(Fragment, { children: [jsx(Checkbox, { className: styles['use-invoice-checkbox'], "data-test-selector": "checkboxUseBillingAddress", isDisabled: true, isSelected: true, children: jsx(FormattedMessage, { id: "Use billing address" }) }), shipTo && (jsx(AddressInfoDisplay, { address: {
+                                }, "data-test-selector": "billToAddress" })), jsx("div", { className: styles.notes, children: jsx(TextField, { defaultValue: notes, isDisabled: isLoading, isMultiline: true, label: t('Add order notes'), name: "notes", rows: 3, showLabel: true }) })] })] }), jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: isPickup ? 'Pickup address' : 'Shipping address' }), children: [!isPickup && (jsx(CheckoutPageSectionLink, { children: jsxs(Link, { color: "secondary", href: editShipToAddressUrl, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit shipping address" }), " >"] }) })), jsx(CheckoutPageSectionContent, { children: isPickup ? (jsx(SonicAddress, {})) : (jsxs(Fragment, { children: [jsx(Checkbox, { className: styles['use-invoice-checkbox'], "data-test-selector": "checkboxUseBillingAddress", isDisabled: true, isSelected: true, children: jsx(FormattedMessage, { id: "Use billing address" }) }), shipTo && (jsx(AddressInfoDisplay, { address: {
                                         address1: shipTo.address1,
                                         address2: shipTo.address2,
                                         address3: shipTo.address3,

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

@@ -1,5 +1,6 @@
 "use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { UnprocessableContentRequestError } from '../../../../fetch/request.js';
 import { signIn, createSession, InvalidGrantError } from '../../services/authentication-service.js';
 
 function useSignIn() {
@@ -18,6 +19,8 @@ function useSignIn() {
                 return body;
             }
             catch (error) {
+                if (error instanceof UnprocessableContentRequestError)
+                    throw error;
                 if (error instanceof InvalidGrantError)
                     throw error;
                 queryClient.resetQueries();

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

@@ -1,4 +1,4 @@
-import { BadRequestError, RequestError } from '../../../fetch/request';
+import { BadRequestError, RequestError, RequestReturnType } from '../../../fetch/request';
 import { APIArguments } from '../../shared/types';
 import { PatchSessionModel, SessionModel } from '../model/storefront.model';
 export declare function fetchSession(args?: APIArguments): Promise<SessionModel>;
@@ -47,7 +47,7 @@ export interface CreateSessionRequestBody {
 export declare function createSession({ accessToken, isGuest, keepMeSignedIn, password, rememberMe, returnUrl, userName, }: {
     accessToken: string;
 } & CreateSessionRequestBody): Promise<SessionModel>;
-export declare function signOut(): Promise<void>;
+export declare function signOut(args?: APIArguments): Promise<RequestReturnType<unknown>>;
 export declare function recoverPassword({ userName, }: {
     userName: string;
 }): Promise<SessionModel>;

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

@@ -144,16 +144,17 @@ async function createSession({ accessToken, isGuest, keepMeSignedIn, password, r
         throw error;
     }
 }
-async function signOut() {
+async function signOut(args) {
     try {
-        await request({
+        return await request({
+            headers: args?.headers,
             method: 'DELETE',
             url: `${config.SHOP_API_URL}/api/v1/sessions/current`,
         });
     }
     catch (error) {
         if (error instanceof UnauthorizedRequestError)
-            return;
+            return error.response;
         throw error;
     }
 }

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

@@ -22,6 +22,7 @@ export declare class RequestError extends Error {
     status: number;
     statusText?: string;
     body?: any;
+    response?: Response;
     context?: string;
     options?: RequestOptions;
     constructor(responseOrError: Response | any, options?: RequestErrorOptions, status?: number, statusText?: string);
@@ -32,7 +33,8 @@ export declare class BadRequestError extends RequestError {
     constructor(responseOrError: Response | unknown, options?: RequestErrorOptions);
 }
 export declare class UnauthorizedRequestError extends RequestError {
-    constructor(responseOrError: Response | unknown, options?: RequestErrorOptions);
+    response: Response;
+    constructor(responseOrError: Response, options?: RequestErrorOptions);
 }
 export declare class ForbiddenRequestError extends RequestError {
     constructor(responseOrError: Response | unknown, options?: RequestErrorOptions);

package/dist/shared/fetch/request.js

@@ -37,6 +37,12 @@ class RequestError extends Error {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "response", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         Object.defineProperty(this, "context", {
             enumerable: true,
             configurable: true,
@@ -52,6 +58,7 @@ class RequestError extends Error {
         if (isResponse(responseOrError)) {
             this.status = responseOrError.status || status || -1;
             this.statusText = responseOrError.statusText || statusText;
+            this.response = responseOrError;
         }
         else {
             this.status = -1;
@@ -92,7 +99,14 @@ class BadRequestError extends RequestError {
 class UnauthorizedRequestError extends RequestError {
     constructor(responseOrError, options) {
         super(responseOrError, options, 401, 'unauthorized');
+        Object.defineProperty(this, "response", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         this.name = 'UnauthorizedRequestError';
+        this.response = responseOrError;
     }
 }
 class ForbiddenRequestError extends RequestError {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "229.0.0",
+  "version": "231.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {