@sonic-equipment/ui 0.0.119 → 1.0.0

package/dist/pages/my-sonic/actions/create-ship-to-address/connected-create-ship-to-address-form.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Button } from '../../../../buttons/button/button.js';
+import { useCountries } from '../../../../country-select/hooks/use-countries.js';
+import { Checkbox } from '../../../../forms/elements/checkbox/checkbox.js';
+import { Form } from '../../../../forms/layout/form/form.js';
+import { AddressForm } from '../../../../forms/partials/address-form/address-form.js';
+import { FormattedMessage } from '../../../../intl/formatted-message.js';
+import { Message } from '../../../../message/message.js';
+import { usePatchCurrentAccount } from '../../../../shared/api/storefront/hooks/account/use-patch-current-account.js';
+import { usePatchSession } from '../../../../shared/api/storefront/hooks/authentication/use-patch-session.js';
+import { usePostShipToAddress } from '../../../../shared/api/storefront/hooks/customer/use-post-ship-to-address.js';
+import { DefaultErrorView } from '../../../../shared/error/default-error-view.js';
+import { NotFoundRequestError } from '../../../../shared/fetch/request.js';
+import { useNavigate } from '../../../../shared/routing/use-navigate.js';
+import { usePaths } from '../../../../shared/routing/use-paths.js';
+import { LoadingPage } from '../../../loading-page/loading-page.js';
+import formStyles from '../../../../forms/partials/address-form/address-form.module.css.js';
+import styles from './create-ship-to-address.module.css.js';
+
+function ConnectedCreateShipToAddressForm({ billToId, makeDefault, returnUrl, }) {
+    const paths = usePaths();
+    const { navigate } = useNavigate();
+    const { countries, currentCountry, error: errorCountries, isFetching: isLoadingCountries, } = useCountries();
+    const { error: errorShipToAddress, isLoading: isPostingShipToAddress, isSuccess, mutate: postShipToAddress, } = usePostShipToAddress();
+    const { isLoading: isPatchingSession, mutate: patchSession } = usePatchSession();
+    const { isLoading: isPatchingCurrentAccount, mutate: patchCurrentAccount } = usePatchCurrentAccount();
+    const isPatching = isPostingShipToAddress || isPatchingSession || isPatchingCurrentAccount;
+    if (isLoadingCountries)
+        return jsx(LoadingPage, {});
+    if (errorShipToAddress && errorShipToAddress instanceof NotFoundRequestError)
+        return (jsx(DefaultErrorView, { error: new NotFoundRequestError(new Error('Address not found')) }));
+    if (errorCountries)
+        return jsx(DefaultErrorView, { error: errorCountries });
+    if (!countries) {
+        return (jsx(DefaultErrorView, { error: new Error('No countries data available.') }));
+    }
+    return (jsxs(Form, { className: formStyles.form, "data-test-selector": "shipToAddressForm", onSubmit: async ({ formData }) => {
+            const countryFormValue = formData.get('countrySelect')?.toString();
+            const country = countries.find(country => country.id === countryFormValue);
+            if (!country)
+                throw new Error(`Country not found ${formData.get('country')}`);
+            const isDefault = formData.get('setAsDefault')?.toString() === 'TRUE' || false;
+            const createdShipToAddress = await postShipToAddress({
+                billToId,
+                shipTo: {
+                    address1: formData.get('address1')?.toString() || '',
+                    address2: formData.get('address2')?.toString() || '',
+                    address3: formData.get('address3')?.toString() || '',
+                    attention: formData.get('attention')?.toString() || '',
+                    city: formData.get('city')?.toString() || '',
+                    companyName: formData.get('companyName')?.toString() || '',
+                    country: { id: country.id },
+                    email: formData.get('email')?.toString() || '',
+                    firstName: formData.get('firstName')?.toString() || '',
+                    id: 'Create New Address',
+                    isDefault: formData.get('setAsDefault')?.toString() === 'TRUE' || false,
+                    isNew: true,
+                    isVmiLocation: false,
+                    label: 'Create New Address',
+                    lastName: formData.get('lastName')?.toString() || '',
+                    oneTimeAddress: false,
+                    phone: formData.get('phone')?.toString() || '',
+                    postalCode: formData.get('postalCode')?.toString() || '',
+                    properties: {},
+                    state: null,
+                    uri: undefined,
+                },
+            });
+            if (isDefault) {
+                await patchCurrentAccount({
+                    account: {
+                        defaultCustomerId: createdShipToAddress.id,
+                        defaultFulfillmentMethod: 'Ship',
+                        setDefaultCustomer: true,
+                    },
+                });
+                await patchSession({
+                    session: {
+                        customerWasUpdated: true,
+                        shipTo: { id: createdShipToAddress.id, isDefault: true },
+                    },
+                });
+            }
+            return navigate(`${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/${createdShipToAddress.id}?returnUrl=${encodeURIComponent(returnUrl || '')}`);
+        }, children: [jsx(AddressForm, { address: undefined, countries: countries, currentCountry: currentCountry, isLoading: isPatching }), jsx(Checkbox, { defaultSelected: makeDefault, isDisabled: isPatching, name: "setAsDefault", value: "TRUE", children: jsx(FormattedMessage, { id: "Make this the default ship to address" }) }), Boolean(errorShipToAddress) && (jsx("div", { className: styles.info, children: jsx(Message, { type: "danger", children: jsx(FormattedMessage, { id: "An unexpected error occured" }) }) })), isSuccess && !isPatching && (jsx("div", { className: styles.info, children: jsx(Message, { type: "info", children: jsx(FormattedMessage, { id: "Saved" }) }) })), jsxs("div", { className: styles.actions, children: [returnUrl && (jsx(Button, { color: "secondary", isDisabled: isPatching, onClick: () => navigate(returnUrl), variant: "outline", children: jsx(FormattedMessage, { id: "Back" }) })), jsx(Button, { isLoading: isPatching ? jsx(FormattedMessage, { id: "Saving" }) : undefined, type: "submit", children: jsx(FormattedMessage, { id: "Save" }) })] })] }));
+}
+
+export { ConnectedCreateShipToAddressForm };

package/dist/pages/my-sonic/actions/create-ship-to-address/create-ship-to-address.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"actions":"create-ship-to-address-module--IJ52","info":"create-ship-to-address-module-FYIIw"};
+
+export { styles as default };

package/dist/pages/my-sonic/actions/edit-bill-to-address/connected-edit-bill-to-address-form.d.ts

@@ -0,0 +1,4 @@
+export declare function ConnectedEditBillToAddressForm({ billToId, returnUrl, }: {
+    billToId: string;
+    returnUrl?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/actions/edit-bill-to-address/connected-edit-bill-to-address-form.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Button } from '../../../../buttons/button/button.js';
+import { useCountries } from '../../../../country-select/hooks/use-countries.js';
+import { Form } from '../../../../forms/layout/form/form.js';
+import { AddressForm } from '../../../../forms/partials/address-form/address-form.js';
+import { FormattedMessage } from '../../../../intl/formatted-message.js';
+import { Message } from '../../../../message/message.js';
+import { useFetchBillToAddress } from '../../../../shared/api/storefront/hooks/customer/use-fetch-bill-to-address.js';
+import { usePatchBillToAddress } from '../../../../shared/api/storefront/hooks/customer/use-patch-bill-to-address.js';
+import { DefaultErrorView } from '../../../../shared/error/default-error-view.js';
+import { NotFoundRequestError } from '../../../../shared/fetch/request.js';
+import { useNavigate } from '../../../../shared/routing/use-navigate.js';
+import { LoadingPage } from '../../../loading-page/loading-page.js';
+import formStyles from '../../../../forms/partials/address-form/address-form.module.css.js';
+import styles from './edit-bill-to-address.module.css.js';
+
+function ConnectedEditBillToAddressForm({ billToId, returnUrl, }) {
+    const { navigate } = useNavigate();
+    const { countries, currentCountry, error: errorCountries, isFetching: isLoadingCountries, } = useCountries();
+    const { data: billToAddress, error: errorBillToAddress, isLoading: isLoadingBillToAddress, } = useFetchBillToAddress({ billToId, includeValidation: true });
+    const { isLoading: isPatchingBillToAddress, isSuccess, mutate: patchBillToAddress, } = usePatchBillToAddress();
+    const isPatching = isPatchingBillToAddress;
+    const isReadonly = useMemo(() => {
+        if (billToAddress?.validation?.address1?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.address2?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.address3?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.address4?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.attention?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.city?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.companyName?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.country?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.email?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.fax?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.firstName?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.lastName?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.phone?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.postalCode?.isDisabled)
+            return true;
+        if (billToAddress?.validation?.state?.isDisabled)
+            return true;
+        return false;
+    }, [billToAddress]);
+    if (isLoadingBillToAddress || isLoadingCountries)
+        return jsx(LoadingPage, {});
+    if (errorBillToAddress && errorBillToAddress instanceof NotFoundRequestError)
+        return (jsx(DefaultErrorView, { error: new NotFoundRequestError(new Error('Address not found')) }));
+    if (errorBillToAddress)
+        return jsx(DefaultErrorView, { error: errorBillToAddress });
+    if (errorCountries)
+        return jsx(DefaultErrorView, { error: errorCountries });
+    if (!billToAddress || !countries) {
+        return (jsx(DefaultErrorView, { error: new Error('No bill to address or countries data available.') }));
+    }
+    return (jsxs(Form, { className: formStyles.form, "data-test-selector": "billToAddressForm", onSubmit: ({ formData }) => {
+            const countryFormValue = formData.get('countrySelect')?.toString();
+            const country = countries.find(country => country.id === countryFormValue);
+            if (!country)
+                throw new Error(`Country not found ${formData.get('country')}`);
+            patchBillToAddress({
+                billTo: {
+                    ...billToAddress,
+                    address1: formData.get('address1')?.toString() || '',
+                    address2: formData.get('address2')?.toString() || '',
+                    address3: formData.get('address3')?.toString() || '',
+                    attention: formData.get('attention')?.toString() || '',
+                    city: formData.get('city')?.toString() || '',
+                    companyName: formData.get('companyName')?.toString() || '',
+                    country,
+                    email: formData.get('email')?.toString() || '',
+                    firstName: formData.get('firstName')?.toString() || '',
+                    lastName: formData.get('lastName')?.toString() || '',
+                    phone: formData.get('phone')?.toString() || '',
+                    postalCode: formData.get('postalCode')?.toString() || '',
+                },
+            });
+        }, children: [jsx(AddressForm, { address: billToAddress, countries: countries, currentCountry: currentCountry, isReadonly: isReadonly }), isSuccess && !isPatching && (jsx("div", { className: styles.info, children: jsx(Message, { type: "success", children: jsx(FormattedMessage, { id: "Saved" }) }) })), jsxs("div", { className: styles.actions, children: [returnUrl && (jsx(Button, { color: "secondary", isDisabled: isPatching, onClick: () => navigate(returnUrl), variant: "outline", children: jsx(FormattedMessage, { id: "Back" }) })), !isReadonly && (jsx(Button, { isLoading: isPatching ? jsx(FormattedMessage, { id: "Saving" }) : undefined, type: "submit", children: jsx(FormattedMessage, { id: "Save" }) }))] })] }));
+}
+
+export { ConnectedEditBillToAddressForm };

package/dist/pages/my-sonic/actions/edit-bill-to-address/edit-bill-to-address.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"actions":"edit-bill-to-address-module-u7Vjd","info":"edit-bill-to-address-module-WZIOF"};
+
+export { styles as default };

package/dist/pages/my-sonic/actions/edit-ship-to-address/connected-edit-ship-to-address-form.d.ts

@@ -0,0 +1,5 @@
+export declare function ConnectedEditShipToAddressForm({ billToId, returnUrl, shipToId, }: {
+    billToId: string;
+    returnUrl?: string;
+    shipToId: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/actions/edit-ship-to-address/connected-edit-ship-to-address-form.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Button } from '../../../../buttons/button/button.js';
+import { useCountries } from '../../../../country-select/hooks/use-countries.js';
+import { Checkbox } from '../../../../forms/elements/checkbox/checkbox.js';
+import { Form } from '../../../../forms/layout/form/form.js';
+import { AddressForm } from '../../../../forms/partials/address-form/address-form.js';
+import { FormattedMessage } from '../../../../intl/formatted-message.js';
+import { Message } from '../../../../message/message.js';
+import { usePatchCurrentAccount } from '../../../../shared/api/storefront/hooks/account/use-patch-current-account.js';
+import { usePatchSession } from '../../../../shared/api/storefront/hooks/authentication/use-patch-session.js';
+import { useFetchShipToAddress } from '../../../../shared/api/storefront/hooks/customer/use-fetch-ship-to-address.js';
+import { usePatchShipToAddress } from '../../../../shared/api/storefront/hooks/customer/use-patch-ship-to-address.js';
+import { DefaultErrorView } from '../../../../shared/error/default-error-view.js';
+import { NotFoundRequestError } from '../../../../shared/fetch/request.js';
+import { useNavigate } from '../../../../shared/routing/use-navigate.js';
+import { LoadingPage } from '../../../loading-page/loading-page.js';
+import formStyles from '../../../../forms/partials/address-form/address-form.module.css.js';
+import styles from './edit-ship-to-address.module.css.js';
+
+function ConnectedEditShipToAddressForm({ billToId, returnUrl, shipToId, }) {
+    const { navigate } = useNavigate();
+    const { countries, currentCountry, error: errorCountries, isFetching: isLoadingCountries, } = useCountries();
+    const { data: shipToAddress, error: errorShipToAddress, isLoading: isLoadingShipToAddress, } = useFetchShipToAddress({ billToId, includeValidation: true, shipToId });
+    const { isLoading: isPatchingShipToAddress, isSuccess, mutate: patchShipToAddress, } = usePatchShipToAddress();
+    const { isLoading: isPatchingSession, mutate: patchSession } = usePatchSession();
+    const { isLoading: isPatchingCurrentAccount, mutate: patchCurrentAccount } = usePatchCurrentAccount();
+    const isPatching = isPatchingShipToAddress || isPatchingSession || isPatchingCurrentAccount;
+    const isReadonly = useMemo(() => {
+        if (shipToAddress?.validation?.address1?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.address2?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.address3?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.address4?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.attention?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.city?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.companyName?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.country?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.email?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.fax?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.firstName?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.lastName?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.phone?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.postalCode?.isDisabled)
+            return true;
+        if (shipToAddress?.validation?.state?.isDisabled)
+            return true;
+        return false;
+    }, [shipToAddress]);
+    if (isLoadingShipToAddress || isLoadingCountries)
+        return jsx(LoadingPage, {});
+    if (errorShipToAddress && errorShipToAddress instanceof NotFoundRequestError)
+        return (jsx(DefaultErrorView, { error: new NotFoundRequestError(new Error('Address not found')) }));
+    if (errorShipToAddress)
+        return jsx(DefaultErrorView, { error: errorShipToAddress });
+    if (errorCountries)
+        return jsx(DefaultErrorView, { error: errorCountries });
+    if (!shipToAddress || !countries) {
+        return (jsx(DefaultErrorView, { error: new Error('No ship to address or countries data available.') }));
+    }
+    return (jsxs(Form, { className: formStyles.form, "data-test-selector": "shipToAddressForm", onSubmit: async ({ formData }) => {
+            const countryFormValue = formData.get('countrySelect')?.toString();
+            const country = countries.find(country => country.id === countryFormValue);
+            if (!country)
+                throw new Error(`Country not found ${formData.get('country')}`);
+            const isDefault = formData.get('setAsDefault')?.toString() === 'TRUE' || false;
+            const patchedShipToAddress = await patchShipToAddress({
+                billToId,
+                shipTo: {
+                    ...shipToAddress,
+                    address1: formData.get('address1')?.toString() || '',
+                    address2: formData.get('address2')?.toString() || '',
+                    address3: formData.get('address3')?.toString() || '',
+                    attention: formData.get('attention')?.toString() || '',
+                    city: formData.get('city')?.toString() || '',
+                    companyName: formData.get('companyName')?.toString() || '',
+                    country,
+                    email: formData.get('email')?.toString() || '',
+                    firstName: formData.get('firstName')?.toString() || '',
+                    isDefault,
+                    lastName: formData.get('lastName')?.toString() || '',
+                    phone: formData.get('phone')?.toString() || '',
+                    postalCode: formData.get('postalCode')?.toString() || '',
+                },
+            });
+            if (!shipToAddress.isDefault && isDefault) {
+                await patchSession({
+                    session: {
+                        customerWasUpdated: true,
+                        shipTo: { id: patchedShipToAddress.id, isDefault: true },
+                    },
+                });
+                await patchCurrentAccount({
+                    account: {
+                        defaultCustomerId: patchedShipToAddress.id,
+                        defaultFulfillmentMethod: 'Ship',
+                        setDefaultCustomer: true,
+                    },
+                });
+            }
+            if (shipToAddress.isDefault && !isDefault) {
+                await patchCurrentAccount({
+                    account: {
+                        defaultCustomerId: null,
+                        defaultFulfillmentMethod: 'Ship',
+                        setDefaultCustomer: true,
+                    },
+                });
+            }
+        }, children: [jsx(AddressForm, { address: shipToAddress, countries: countries, currentCountry: currentCountry, isLoading: isPatching, isReadonly: isReadonly || isPatching }), shipToAddress.id !== 'current' && (jsx(Checkbox, { defaultSelected: shipToAddress.isDefault, isDisabled: isReadonly || isPatching, name: "setAsDefault", value: "TRUE", children: jsx(FormattedMessage, { id: "Make this the default ship to address" }) })), isSuccess && !isPatching && (jsx("div", { className: styles.info, children: jsx(Message, { type: "success", children: jsx(FormattedMessage, { id: "Saved" }) }) })), jsxs("div", { className: styles.actions, children: [returnUrl && (jsx(Button, { color: "secondary", isDisabled: isPatching, onClick: () => navigate(returnUrl), variant: "outline", children: jsx(FormattedMessage, { id: "Back" }) })), !isReadonly && (jsx(Button, { isLoading: isPatching ? jsx(FormattedMessage, { id: "Saving" }) : undefined, type: "submit", children: jsx(FormattedMessage, { id: "Save" }) }))] })] }));
+}
+
+export { ConnectedEditShipToAddressForm };

package/dist/pages/my-sonic/actions/edit-ship-to-address/edit-ship-to-address.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"actions":"edit-ship-to-address-module-aDVqM","info":"edit-ship-to-address-module-9FsP4"};
+
+export { styles as default };

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

@@ -0,0 +1,5 @@
+export interface ConnectedEditUserInfoDialogProps {
+    isOpen: boolean;
+    onClose?: () => void;
+}
+export declare function ConnectedEditUserInfoDialog({ isOpen, onClose, }: ConnectedEditUserInfoDialogProps): import("react/jsx-runtime").JSX.Element | null;

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/layout/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/fields/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/actions/upload-order/upload-order-form.d.ts

@@ -0,0 +1 @@
+export declare function UploadOrderForm(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/actions/upload-order/upload-order-form.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Button } from '../../../../buttons/button/button.js';
+import { TextField } from '../../../../forms/fields/text-field/text-field.js';
+import { Form } from '../../../../forms/layout/form/form.js';
+import { FormSegment } from '../../../../forms/layout/form/form-segment.js';
+import { FormSegmentGroup } from '../../../../forms/layout/form/form-segment-group.js';
+import styles from './upload-order.module.css.js';
+
+function UploadOrderForm() {
+    const isDisabled = false;
+    // const isPendingUpload = false
+    const footer = (jsx(FormSegment, { children: jsx(Button, { "data-test-selector": "signIn_submit", isDisabled: isDisabled, 
+            // isLoading={isPendingUpload && 'Uploading…'}
+            type: "submit", withArrow: true, children: "Upload order" }) }));
+    return (jsx(Form, { className: styles['form'], footer: footer, children: jsx(FormSegmentGroup, { children: jsx(FormSegment, { children: jsx(TextField, { autoComplete: "off", "data-test-selector": "uploadOrder_userName", isDisabled: isDisabled, isRequired: true, label: "Spreadsheet file", name: "file", showLabel: true, type: "text" }) }) }) }));
+}
+
+export { UploadOrderForm };

package/dist/pages/my-sonic/actions/upload-order/upload-order-instructions.d.ts

@@ -0,0 +1,3 @@
+export declare function UploadOrderInstructions({ templatePath, }: {
+    templatePath?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/actions/upload-order/upload-order-instructions.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '../../../../buttons/button/button.js';
+import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { Heading } from '../../../../typography/heading/heading.js';
+import styles from './upload-order.module.css.js';
+
+function UploadOrderInstructions({ templatePath, }) {
+    const t = useFormattedMessage();
+    return (jsxs("section", { className: styles['instructions'], children: [jsx(Heading, { className: styles['title'], size: "xxs", tag: "h2", children: t('Instructions') }), templatePath && (jsx(Button, { className: styles['download-button'], color: "secondary", download: "orders-template.xlsx", href: templatePath, size: "sm", variant: "outline", children: t('Download spreadsheet template') })), jsx(Heading, { className: styles['title'], size: "xxxs", tag: "h3", children: t('Create or modify a spreadsheet') }), jsxs("ol", { className: styles['steps'], children: [jsx("li", { className: styles['step'], children: jsxs("div", { className: styles['step-content'], children: [t('Make sure the spreadsheet has 3 columns'), jsxs("ul", { className: styles['substeps'], children: [jsx("li", { children: t('Column 1: Item number or customer part number') }), jsx("li", { children: t('Column 2: Quantity (optional)') }), jsx("li", { children: t('Column 3: Unit of measure (optional)') })] })] }) }), jsx("li", { className: styles['step'], children: jsx("div", { className: styles['step-content'], children: t('Create a row for each product. The allowed maximum is 500 rows') }) }), jsx("li", { className: styles['step'], children: jsx("div", { className: styles['step-content'], children: t('Save the file in XLS, XLSX or CSV format') }) }), jsx("li", { className: styles['step'], children: jsx("div", { className: styles['step-content'], children: t('Select the file to upload in the form and click Upload order') }) })] })] }));
+}
+
+export { UploadOrderInstructions };

package/dist/pages/my-sonic/actions/upload-order/upload-order.d.ts

@@ -0,0 +1,3 @@
+export declare function UploadOrder({ templatePath }: {
+    templatePath?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/actions/upload-order/upload-order.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { UploadOrderInstructions } from './upload-order-instructions.js';
+import styles from './upload-order.module.css.js';
+
+function UploadOrder({ templatePath }) {
+    const t = useFormattedMessage();
+    return (jsxs("section", { className: styles['upload-order'], children: [jsxs("div", { className: styles['introduction'], children: [jsx("p", { children: t('The option to upload an Excel file with your order is temporarily unavailable.') }), jsx("p", { children: t('Please contact Customer Support if you need assistance.') })] }), jsx(UploadOrderInstructions, { templatePath: templatePath })] }));
+}
+
+export { UploadOrder };

package/dist/pages/my-sonic/actions/upload-order/upload-order.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"upload-order":"upload-order-module-m3QNF","introduction":"upload-order-module-8QySK","form":"upload-order-module-F809q","instructions":"upload-order-module-ArC-c","title":"upload-order-module-D-Bid","download-button":"upload-order-module-79aaz","steps":"upload-order-module-TOyrC","step":"upload-order-module-Orrxz","step-content":"upload-order-module-1FiVK","substeps":"upload-order-module-zV6Tn"};
+
+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-breadcrumb.d.ts

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

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

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

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: [title && jsx(MySonicLayoutTitle, { children: title }), jsx(MySonicLayoutMain, { children: children })] }));
+}
+
+export { MySonicLayoutPage };