@sonic-equipment/ui 183.0.0 → 185.0.0

package/dist/pages/my-sonic/actions/edit-user-info/connected-edit-user-info-dialog.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { useFetchCurrentAccount } from '../../../../shared/api/storefront/hooks/account/use-fetch-current-account.js';
+import { usePatchCurrentAccount } from '../../../../shared/api/storefront/hooks/account/use-patch-current-account.js';
+import { ExistingAccountError } from '../../../../shared/api/storefront/services/account-service.js';
+import { EditUserInfoDialog } from './edit-user-info-dialog.js';
+
+function ConnectedEditUserInfoDialog({ isOpen, onClose, }) {
+    const t = useFormattedMessage();
+    const [validationErrors, setValidationErrors] = useState({});
+    const { data: account, error, isLoading, } = useFetchCurrentAccount({
+        isEnabled: isOpen,
+    });
+    const { error: errorPatchCurrentAccount, isLoading: isMutating, mutate, reset, } = usePatchCurrentAccount();
+    useEffect(() => reset(), [isOpen, reset]);
+    if (!isOpen)
+        return null;
+    return (jsx(EditUserInfoDialog, { account: account, error: error || errorPatchCurrentAccount, isLoading: isLoading, isOpen: isOpen, isUpdating: isMutating, onOpenChange: isOpen => !isOpen && onClose?.(), onSubmit: async ({ formData }) => {
+            const email = formData.get('email')?.toString();
+            if (!email)
+                throw new Error('E-mail is required');
+            const lastName = formData.get('lastName')?.toString();
+            if (!lastName)
+                throw new Error('Last name is required');
+            const firstName = formData.get('firstName')?.toString();
+            if (!firstName)
+                throw new Error('First name is required');
+            try {
+                await mutate({
+                    account: {
+                        ...account,
+                        email,
+                        firstName,
+                        lastName,
+                    },
+                });
+                onClose?.();
+            }
+            catch (error) {
+                if (error instanceof ExistingAccountError) {
+                    setValidationErrors(errors => ({
+                        ...errors,
+                        email: t('This email is already in use'),
+                    }));
+                    reset();
+                }
+                else {
+                    throw error;
+                }
+            }
+        }, validationErrors: validationErrors }));
+}
+
+export { ConnectedEditUserInfoDialog };

package/dist/pages/my-sonic/actions/edit-user-info/edit-user-info-dialog.d.ts

@@ -0,0 +1,10 @@
+import { OnSubmitHandler, ValidationErrors } from '../../../../forms/form/form';
+import { EditUserInfoProps } from './edit-user-info';
+export interface EditUserInfoDialogProps extends EditUserInfoProps {
+    isOpen: boolean;
+    isUpdating?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    onSubmit?: OnSubmitHandler;
+    validationErrors?: ValidationErrors;
+}
+export declare function EditUserInfoDialog({ account, error, isLoading, isOpen, isUpdating, onOpenChange, onSubmit, validationErrors, }: EditUserInfoDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/actions/edit-user-info/edit-user-info-dialog.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { Dialog } from '../../../../modals/dialog/dialog.js';
+import { UnauthorizedRequestError } from '../../../../shared/fetch/request.js';
+import { EditUserInfo } from './edit-user-info.js';
+
+function EditUserInfoDialog({ account, error, isLoading, isOpen = false, isUpdating = false, onOpenChange, onSubmit, validationErrors, }) {
+    const t = useFormattedMessage();
+    return (jsx(Dialog, { allowSubmit: !isLoading &&
+            !isUpdating &&
+            !(error instanceof UnauthorizedRequestError), isOpen: isOpen, isSubmitting: isUpdating, onOpenChange: onOpenChange, onSubmit: onSubmit, title: t('Edit Sonic account'), validationErrors: validationErrors, children: jsx(EditUserInfo, { account: account, error: error, isLoading: isLoading }) }));
+}
+
+export { EditUserInfoDialog };

package/dist/pages/my-sonic/actions/edit-user-info/edit-user-info.d.ts

@@ -0,0 +1,11 @@
+import { AccountModel } from '../../../../shared/api/storefront/model/storefront.model';
+export interface EditUserInfoProps {
+    account: AccountModel | {
+        email: string;
+        firstName: string;
+        lastName: string;
+    } | undefined;
+    error?: Error | null | unknown;
+    isLoading?: boolean;
+}
+export declare function EditUserInfo({ account, error, isLoading, }: EditUserInfoProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/actions/edit-user-info/edit-user-info.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { TextField } from '../../../../forms/text-field/text-field.js';
+import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { ProgressCircle } from '../../../../loading/progress-circle.js';
+import { Message } from '../../../../message/message.js';
+import { UnauthorizedRequestError } from '../../../../shared/fetch/request.js';
+import { validateEmail } from '../../../../shared/model/address.js';
+import styles from './edit-user-info.module.css.js';
+
+function EditUserInfo({ account, error, isLoading = false, }) {
+    const t = useFormattedMessage();
+    if (error instanceof UnauthorizedRequestError) {
+        return (jsx(Message, { type: "danger", children: t('You are not authorized to perform this action') }));
+    }
+    if (isLoading) {
+        return (jsx("div", { className: styles['loading-panel'], children: jsx(ProgressCircle, { variant: "gray" }) }));
+    }
+    if (!account) {
+        return jsx(Message, { type: "danger", children: t('An unexpected error occured') });
+    }
+    return (jsxs(Fragment, { children: [jsx(TextField, { autoComplete: "username", "data-test-selector": "email", defaultValue: account.email, inputMode: "email", isRequired: true, label: t('Email'), name: "email", type: "email", validate: value => {
+                    if (!value)
+                        return value;
+                    return validateEmail(value) || t('Please enter a valid email address');
+                } }), jsx(TextField, { "data-test-selector": "firstName", defaultValue: account.firstName, isRequired: true, label: t('First name'), name: "firstName" }), jsx(TextField, { "data-test-selector": "lastName", defaultValue: account.lastName, isRequired: true, label: t('Last name'), name: "lastName" }), error && (jsx(Message, { className: styles['error-message'], type: "danger", children: t('An unexpected error occured') }))] }));
+}
+
+export { EditUserInfo };

package/dist/pages/my-sonic/actions/edit-user-info/edit-user-info.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"loading-panel":"edit-user-info-module-yQOre","error-message":"edit-user-info-module-2CzVn"};
+
+export { styles as default };

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-aside.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function MySonicLayoutAside({ children }: {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-aside.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import styles from './my-sonic-layout.module.css.js';
+
+function MySonicLayoutAside({ children }) {
+    return jsx("aside", { className: styles.aside, children: children });
+}
+
+export { MySonicLayoutAside };

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-main.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function MySonicLayoutMain({ children }: {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-main.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import styles from './my-sonic-layout.module.css.js';
+
+function MySonicLayoutMain({ children }) {
+    return jsx("main", { className: styles.main, children: children });
+}
+
+export { MySonicLayoutMain };

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-page.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare function MySonicLayoutPage({ children, title, }: {
+    children?: ReactNode;
+    title: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-page.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { MySonicLayoutMain } from './my-sonic-layout-main.js';
+import { MySonicLayoutTitle } from './my-sonic-layout-title.js';
+
+function MySonicLayoutPage({ children, title, }) {
+    return (jsxs(Fragment, { children: [jsx(MySonicLayoutTitle, { children: title }), jsx(MySonicLayoutMain, { children: children })] }));
+}
+
+export { MySonicLayoutPage };

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-pre-aside.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function MySonicLayoutPreAside({ children }: {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-pre-aside.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import styles from './my-sonic-layout.module.css.js';
+
+function MySonicLayoutPreAside({ children }) {
+    return jsx("div", { className: styles['pre-aside'], children: children });
+}
+
+export { MySonicLayoutPreAside };

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-title.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function MySonicLayoutTitle({ children }: {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-title.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Heading } from '../../../../typography/heading/heading.js';
+import styles from './my-sonic-layout.module.css.js';
+
+function MySonicLayoutTitle({ children }) {
+    return (jsx(Heading, { italic: true, breakpoints: { lg: 'm' }, className: styles['title'], "data-test-selector": "pageTitle", size: "s", tag: "h1", children: children }));
+}
+
+export { MySonicLayoutTitle };

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface MySonicLayoutProps {
+    children: ReactNode;
+}
+export declare function MySonicLayout({ children }: MySonicLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import styles from './my-sonic-layout.module.css.js';
+
+function MySonicLayout({ children }) {
+    return jsx("div", { className: clsx(styles['my-sonic-layout']), children: children });
+}
+
+export { MySonicLayout };

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"my-sonic-layout":"my-sonic-layout-module-ep0n3","title":"my-sonic-layout-module-yMdPQ","main":"my-sonic-layout-module-f0Bhf","pre-aside":"my-sonic-layout-module-6pWHC","aside":"my-sonic-layout-module--OEV-"};
+
+export { styles as default };

package/dist/pages/my-sonic/navigation/connected-my-sonic-navigation.js

@@ -1,17 +1,16 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Cookies from 'js-cookie';
 import { logger } from '../../../logging/logger.js';
 import { useSignOut } from '../../../shared/api/storefront/hooks/authentication/use-sign-out.js';
-import { useIsBreakpoint } from '../../../shared/hooks/use-is-breakpoint.js';
 import { useLocation } from '../../../shared/routing/use-location.js';
 import { useNavigate } from '../../../shared/routing/use-navigate.js';
 import { PATHS } from '../../paths.js';
 import { MySonicDesktopNavigation } from './my-sonic-desktop-navigation.js';
 import { MySonicMobileNavigation } from './my-sonic-mobile-navigation.js';
+import styles from './connected-my-sonic-navigation.module.css.js';
 
 function ConnectedMySonicNavigation() {
-    const isXl = useIsBreakpoint('xl');
     const { pathname } = useLocation();
     const { navigate } = useNavigate();
     const { mutate } = useSignOut({
@@ -22,7 +21,7 @@ function ConnectedMySonicNavigation() {
             navigate(PATHS.HOME, { reload: true });
         },
     });
-    return (jsx("div", { style: { display: 'grid' }, children: isXl ? (jsx(MySonicDesktopNavigation, { currentPath: pathname, onLogout: mutate })) : (jsx(MySonicMobileNavigation, { currentPath: pathname, onLogout: mutate })) }));
+    return (jsxs("div", { style: { display: 'grid' }, children: [jsx(MySonicDesktopNavigation, { className: styles['large'], currentPath: pathname, onLogout: mutate }), jsx(MySonicMobileNavigation, { className: styles['small'], currentPath: pathname, onLogout: mutate })] }));
 }
 
 export { ConnectedMySonicNavigation };

package/dist/pages/my-sonic/navigation/connected-my-sonic-navigation.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"small":"connected-my-sonic-navigation-module-2iY0-","large":"connected-my-sonic-navigation-module-MgsX2"};
+
+export { styles as default };

package/dist/pages/my-sonic/navigation/my-sonic-desktop-navigation.d.ts

@@ -1,6 +1,7 @@
 interface MySonicDesktopNavigationProps {
+    className?: string;
     currentPath?: string;
     onLogout?: VoidFunction;
 }
-export declare function MySonicDesktopNavigation({ currentPath, onLogout, }: MySonicDesktopNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function MySonicDesktopNavigation({ className, currentPath, onLogout, }: MySonicDesktopNavigationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/pages/my-sonic/navigation/my-sonic-desktop-navigation.js

@@ -5,8 +5,8 @@ import { MenuListItem } from '../../../lists/menu-list/menu-list-item.js';
 import { mySonicNavigationItems } from './my-sonic-navigation-items.js';
 import styles from './my-sonic-desktop-navigation.module.css.js';
 
-function MySonicDesktopNavigation({ currentPath, onLogout, }) {
-    return (jsx(MenuList, { children: mySonicNavigationItems.map(item => (jsx(MenuListItem, { hasChildren: true, badge: jsx(item.Icon, {}), ...(item.type === 'action'
+function MySonicDesktopNavigation({ className, currentPath, onLogout, }) {
+    return (jsx(MenuList, { className: className, children: mySonicNavigationItems.map(item => (jsx(MenuListItem, { hasChildren: true, badge: jsx(item.Icon, {}), ...(item.type === 'action'
                 ? item.action === 'logout'
                     ? { onClick: onLogout }
                     : {}

package/dist/pages/my-sonic/navigation/my-sonic-mobile-navigation.d.ts

@@ -1,4 +1,5 @@
-export declare function MySonicMobileNavigation({ currentPath, onLogout, }: {
+export declare function MySonicMobileNavigation({ className, currentPath, onLogout, }: {
+    className?: string;
     currentPath?: string;
     onLogout: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/navigation/my-sonic-mobile-navigation.js

@@ -5,10 +5,10 @@ import { useFormattedMessage } from '../../../intl/use-formatted-message.js';
 import { useNavigate } from '../../../shared/routing/use-navigate.js';
 import { mySonicNavigationItems } from './my-sonic-navigation-items.js';
 
-function MySonicMobileNavigation({ currentPath, onLogout, }) {
+function MySonicMobileNavigation({ className, currentPath, onLogout, }) {
     const { navigate } = useNavigate();
     const t = useFormattedMessage();
-    return (jsx(Select, { label: t('Navigate to...'), onChange: option => {
+    return (jsx(Select, { className: className, label: t('Navigate to...'), onChange: option => {
             if (option === 'logout')
                 return onLogout();
             return navigate(option);

package/dist/pages/my-sonic/widgets/connected-customer-information-widget.js

@@ -12,7 +12,7 @@ function ConnectedCustomerInformationWidget() {
     const [isOpenChangeCustomerDialog, setIsOpenChangeCustomerDialog] = useState(false);
     const { data: billToAddress, error: fetchBillToAddressError, isLoading: isLoadingFetchCurrentBillToAddress, } = useFetchCurrentBillToAddress();
     const { data: billToAddresses, error: fetchBillToAddressesError, isLoading: isLoadingFetchBillToAddresses, } = useFetchBillToAddresses();
-    const hasBillToAddresses = Boolean(billToAddresses?.pagination?.totalItemCount);
+    const hasMoreThanOneBillToAddress = Boolean((billToAddresses?.pagination?.totalItemCount || 0) > 1);
     const data = billToAddress
         ? [
             {
@@ -45,11 +45,11 @@ function ConnectedCustomerInformationWidget() {
     function onChangeCustomer() {
         setIsOpenChangeCustomerDialog(true);
     }
-    return (jsxs(Fragment, { children: [jsx(DataCard, { actions: hasBillToAddresses
+    return (jsxs(Fragment, { children: [jsx(DataCard, { actions: hasMoreThanOneBillToAddress
                     ? [
                         jsx(Button, { color: "secondary", onClick: onChangeCustomer, size: "sm", variant: "outline", children: jsx(FormattedMessage, { id: "Select other customer" }) }, "edit"),
                     ]
-                    : undefined, data: data, "data-test-selector": "customer-information-widget", isLoading: isLoadingFetchCurrentBillToAddress || isLoadingFetchBillToAddresses, showError: fetchBillToAddressError || fetchBillToAddressesError, title: "Selected customer" }), hasBillToAddresses && (jsx(ConnectedChangeCustomerDialog, { isOpen: isOpenChangeCustomerDialog, onClose: () => setIsOpenChangeCustomerDialog(false), onCustomerSelected: () => {
+                    : undefined, data: data, "data-test-selector": "customer-information-widget", isLoading: isLoadingFetchCurrentBillToAddress || isLoadingFetchBillToAddresses, showError: fetchBillToAddressError || fetchBillToAddressesError, title: "Selected customer" }), hasMoreThanOneBillToAddress && (jsx(ConnectedChangeCustomerDialog, { allowSetDefault: true, isOpen: isOpenChangeCustomerDialog, onClose: () => setIsOpenChangeCustomerDialog(false), onCustomerSelected: () => {
                     window?.location.reload();
                 } }, billToAddress?.id))] }));
 }

package/dist/pages/my-sonic/widgets/connected-user-account-widget.js

@@ -1,11 +1,16 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { Button } from '../../../buttons/button/button.js';
 import { DataCard } from '../../../cards/data-card/data-card.js';
 import { FormattedMessage } from '../../../intl/formatted-message.js';
 import { useFetchSession } from '../../../shared/api/storefront/hooks/authentication/use-fetch-session.js';
+import { ConnectedChangePasswordDialog } from '../actions/change-password/connected-change-password-dialog.js';
+import { ConnectedEditUserInfoDialog } from '../actions/edit-user-info/connected-edit-user-info-dialog.js';
 
 function ConnectedUserAccountWidget() {
+    const [isOpenEditUserInfoDialog, setIsOpenEditUserInfoDialog] = useState(false);
+    const [isOpenChangePasswordDialog, setIsOpenChangePasswordDialog] = useState(false);
     const { data: session, error, isLoading } = useFetchSession();
     const data = session
         ? [
@@ -24,10 +29,16 @@ function ConnectedUserAccountWidget() {
             },
         ]
         : [];
-    return (jsx(DataCard, { actions: [
-            jsx(Button, { isDisabled: true, color: "secondary", size: "sm", variant: "outline", children: jsx(FormattedMessage, { id: "Edit" }) }, "edit"),
-            jsx(Button, { isDisabled: true, color: "secondary", size: "sm", variant: "outline", children: jsx(FormattedMessage, { id: "Change password" }) }, "change-pasword"),
-        ], data: data, "data-test-selector": "user-account-widget", isLoading: isLoading, showError: error, title: "Sonic account" }));
+    function onEditUserInfo() {
+        setIsOpenEditUserInfoDialog(true);
+    }
+    function onChangePassword() {
+        setIsOpenChangePasswordDialog(true);
+    }
+    return (jsxs(Fragment, { children: [jsx(DataCard, { actions: [
+                    jsx(Button, { color: "secondary", onClick: onEditUserInfo, size: "sm", variant: "outline", children: jsx(FormattedMessage, { id: "Edit" }) }, "edit"),
+                    jsx(Button, { color: "secondary", onClick: onChangePassword, size: "sm", variant: "outline", children: jsx(FormattedMessage, { id: "Change password" }) }, "change-pasword"),
+                ], data: data, "data-test-selector": "user-account-widget", isLoading: isLoading, showError: error, title: "Sonic account" }), isOpenEditUserInfoDialog && (jsx(ConnectedEditUserInfoDialog, { isOpen: isOpenEditUserInfoDialog, onClose: () => setIsOpenEditUserInfoDialog(false) })), isOpenChangePasswordDialog && (jsx(ConnectedChangePasswordDialog, { isOpen: isOpenChangePasswordDialog, onClose: () => setIsOpenChangePasswordDialog(false) }))] }));
 }
 
 export { ConnectedUserAccountWidget };

package/dist/shared/api/shared/hooks/use-awaitable-mutation.d.ts

@@ -27,4 +27,5 @@ export declare function useAwaitableMutation<T extends (...args: any) => Promise
     isLoading: boolean;
     isSuccess: boolean;
     mutate: (...args: Parameters<T>) => Promise<TResult>;
+    reset: () => void;
 };

package/dist/shared/api/shared/hooks/use-awaitable-mutation.js

@@ -7,6 +7,11 @@ function useAwaitableMutation({ mutationFn, onComplete, onError, onSuccess, }) {
     const [isLoading, setIsLoading] = useState(false);
     const [isSuccess, setIsSuccess] = useState(false);
     const [error, setError] = useState();
+    const reset = useCallback(() => {
+        setIsLoading(false);
+        setIsSuccess(false);
+        setError(undefined);
+    }, []);
     const mutate = useCallback(async (...args) => {
         let result;
         let error;
@@ -35,6 +40,7 @@ function useAwaitableMutation({ mutationFn, onComplete, onError, onSuccess, }) {
         isLoading,
         isSuccess,
         mutate,
+        reset,
     };
 }
 

package/dist/shared/api/storefront/hooks/{authentication → account}/use-create-account.d.ts

@@ -1,3 +1,3 @@
 import { AccountModel } from 'shared/api/storefront/model/storefront.model';
-import { CreateAccountRequestBody } from 'shared/api/storefront/services/authentication-service';
+import { CreateAccountRequestBody } from 'shared/api/storefront/services/account-service';
 export declare function useCreateAccount(): import("@tanstack/react-query").UseMutationResult<AccountModel, Error, CreateAccountRequestBody, unknown>;

package/dist/shared/api/storefront/hooks/{authentication → account}/use-create-account.js

@@ -1,5 +1,7 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
-import { createAccount, createSession } from '../../services/authentication-service.js';
+import { createAccount } from '../../services/account-service.js';
+import { createSession } from '../../services/authentication-service.js';
 
 function useCreateAccount() {
     const queryClient = useQueryClient();

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

@@ -1,5 +1,7 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
-import { fetchSession, createGuestAccount, createSession } from '../../services/authentication-service.js';
+import { createGuestAccount } from '../../services/account-service.js';
+import { fetchSession, createSession } from '../../services/authentication-service.js';
 
 function useCreateGuestAccount() {
     const queryClient = useQueryClient();

package/dist/shared/api/storefront/hooks/account/use-fetch-current-account.d.ts

@@ -0,0 +1,3 @@
+export declare function useFetchCurrentAccount({ isEnabled, }?: {
+    isEnabled?: boolean;
+}): import("@tanstack/react-query").UseQueryResult<import("../../model/storefront.model").AccountModel, Error>;

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

@@ -0,0 +1,13 @@
+"use client";
+import { useQuery } from '@tanstack/react-query';
+import { fetchCurrentAccount } from '../../services/account-service.js';
+
+function useFetchCurrentAccount({ isEnabled = true, } = {}) {
+    return useQuery({
+        enabled: isEnabled,
+        queryFn: fetchCurrentAccount,
+        queryKey: ['account', 'current'],
+    });
+}
+
+export { useFetchCurrentAccount };

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

@@ -0,0 +1,11 @@
+import { AccountModel } from '../../model/storefront.model';
+export declare function usePatchCurrentAccount(): {
+    error: unknown;
+    isError: boolean;
+    isLoading: boolean;
+    isSuccess: boolean;
+    mutate: (args_0: {
+        account: Partial<AccountModel>;
+    }) => Promise<AccountModel>;
+    reset: () => void;
+};

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

@@ -0,0 +1,20 @@
+"use client";
+import { useQueryClient } from '@tanstack/react-query';
+import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
+import { patchCurrentAccount } from '../../services/account-service.js';
+
+function usePatchCurrentAccount() {
+    const queryClient = useQueryClient();
+    return useAwaitableMutation({
+        mutationFn: async ({ account }) => {
+            const updatedAccount = await patchCurrentAccount({ account });
+            /* Completely clear out the client side cache.
+             * By patching the account also the session and
+             * cart are potentially invalid/changed */
+            queryClient.clear();
+            return updatedAccount;
+        },
+    });
+}
+
+export { usePatchCurrentAccount };

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

@@ -15,4 +15,5 @@ export declare function usePatchSession(): {
             shipToId?: string | null;
         }>;
     }) => Promise<import("../../model/storefront.model").SessionModel>;
+    reset: () => void;
 };

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

@@ -7,7 +7,7 @@ function usePatchSession() {
     return useAwaitableMutation({
         mutationFn: async ({ session }) => {
             const updatedSession = await patchSession({ session });
-            queryClient.setQueriesData({ exact: true, queryKey: ['session'] }, updatedSession);
+            queryClient.clear();
             return updatedSession;
         },
     });

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

@@ -7,4 +7,5 @@ export declare function usePatchCart(): {
         cart: import("../../model/storefront.model").PatchCartModel;
         forceRecalculation?: boolean;
     }) => Promise<import("../../model/storefront.model").CartModel>;
+    reset: () => void;
 };

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

@@ -7,4 +7,5 @@ export declare const usePlaceOrder: () => {
         cart: import("../../model/storefront.model").PatchCartModel;
         isPending?: boolean;
     }) => Promise<import("../../model/storefront.model").CartModel>;
+    reset: () => void;
 };

package/dist/shared/api/storefront/hooks/customer/use-patch-bill-to-address.d.ts

@@ -8,4 +8,5 @@ export declare function usePatchBillToAddress({ skipInvalidation, }?: {
     mutate: (args_0: {
         billTo: import("../../model/storefront.model").PatchBillToModel;
     }) => Promise<import("../../model/storefront.model").BillToModel>;
+    reset: () => void;
 };

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

@@ -0,0 +1,31 @@
+import { RequestError } from '../../../fetch/request';
+import { AccountModel } from '../model/storefront.model';
+export declare function fetchCurrentAccount(): Promise<AccountModel>;
+export declare class ExistingAccountError extends RequestError {
+    constructor(error: Error);
+}
+export interface CreateAccountRequestBase {
+    email: string;
+    firstName?: string;
+    isSubscribed: boolean;
+    lastName: string;
+    password: string;
+}
+export interface CreatePrivateAccountRequestBody extends CreateAccountRequestBase {
+    companyName?: string | undefined;
+    countryCode: string;
+    isPrivateAccount: true;
+}
+export interface CreateBusinessAccountRequestBody extends CreateAccountRequestBase {
+    companyName: string;
+    countryCode: string;
+    isPrivateAccount: false;
+}
+export type CreateAccountRequestBody = CreatePrivateAccountRequestBody | CreateBusinessAccountRequestBody;
+export declare function createAccount({ companyName, countryCode, email, firstName, isPrivateAccount, isSubscribed, lastName, password, }: CreateAccountRequestBody): Promise<AccountModel>;
+export declare function createGuestAccount({ defaultWarehouseId, }: {
+    defaultWarehouseId: string;
+}): Promise<AccountModel>;
+export declare function patchCurrentAccount({ account, }: {
+    account: Partial<AccountModel>;
+}): Promise<AccountModel>;