@sonic-equipment/ui 199.0.0 → 201.0.0

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

@@ -0,0 +1,95 @@
+"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 { NotFoundRequestError } from '../../../../shared/fetch/request.js';
+import { useNavigate } from '../../../../shared/routing/use-navigate.js';
+import { Heading } from '../../../../typography/heading/heading.js';
+import { ErrorPage } from '../../../error-page/error-page.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(Heading, { size: "l", children: jsx(FormattedMessage, { id: "Address not found" }) }));
+    if (errorBillToAddress)
+        return jsx(ErrorPage, { error: errorBillToAddress });
+    if (errorCountries)
+        return jsx(ErrorPage, { error: errorCountries });
+    if (!billToAddress || !countries) {
+        return (jsx(ErrorPage, { 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: "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" }) })), !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,127 @@
+"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 { NotFoundRequestError } from '../../../../shared/fetch/request.js';
+import { useNavigate } from '../../../../shared/routing/use-navigate.js';
+import { Heading } from '../../../../typography/heading/heading.js';
+import { ErrorPage } from '../../../error-page/error-page.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(Heading, { size: "l", children: jsx(FormattedMessage, { id: "Address not found" }) }));
+    if (errorShipToAddress)
+        return jsx(ErrorPage, { error: errorShipToAddress });
+    if (errorCountries)
+        return jsx(ErrorPage, { error: errorCountries });
+    if (!shipToAddress || !countries) {
+        return (jsx(ErrorPage, { 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: "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" }) })), !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/widgets/components/address-data-card.d.ts

@@ -1,5 +1,6 @@
 import { DataCardProps } from '../../../../cards/data-card/data-card';
 export interface AddressDataCardProps {
+    actions?: DataCardProps['actions'];
     data: {
         address1: string | undefined;
         address2: string | undefined;
@@ -16,8 +17,7 @@ export interface AddressDataCardProps {
     };
     'data-test-selector'?: string;
     isLoading?: DataCardProps['isLoading'];
-    onEdit?: VoidFunction;
     showError?: DataCardProps['showError'];
     title?: DataCardProps['title'];
 }
-export declare function AddressDataCard({ data: { address1, address2, address3, address4, attention, city, country, email, firstName, lastName, phone, postalCode, }, 'data-test-selector': dataTestSelector, isLoading, onEdit, showError, title, }: AddressDataCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function AddressDataCard({ actions, data: { address1, address2, address3, address4, attention, city, country, email, firstName, lastName, phone, postalCode, }, 'data-test-selector': dataTestSelector, isLoading, showError, title, }: AddressDataCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/widgets/components/address-data-card.js

@@ -1,10 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { Button } from '../../../../buttons/button/button.js';
 import { DataCard } from '../../../../cards/data-card/data-card.js';
-import { FormattedMessage } from '../../../../intl/formatted-message.js';
 
-function AddressDataCard({ data: { address1, address2, address3, address4, attention, city, country, email, firstName, lastName, phone, postalCode, }, 'data-test-selector': dataTestSelector, isLoading = false, onEdit, showError = false, title, }) {
+function AddressDataCard({ actions, data: { address1, address2, address3, address4, attention, city, country, email, firstName, lastName, phone, postalCode, }, 'data-test-selector': dataTestSelector, isLoading = false, showError = false, title, }) {
     const data = [
         { key: 'first-name', label: 'First name', value: firstName },
         { key: 'last-name', label: 'Last name', value: lastName },
@@ -39,9 +37,7 @@ function AddressDataCard({ data: { address1, address2, address3, address4, atten
         { key: 'email', label: 'Email', value: email },
         { key: 'phone', label: 'Phone', value: phone },
     ];
-    return (jsx(DataCard, { actions: [
-            jsx(Button, { isDisabled: true, color: "secondary", onClick: onEdit, size: "sm", variant: "outline", children: jsx(FormattedMessage, { id: "Edit" }) }, "edit"),
-        ], data: data, "data-test-selector": dataTestSelector, isLoading: isLoading, showError: showError, title: title }));
+    return (jsx(DataCard, { actions: actions, data: data, "data-test-selector": dataTestSelector, isLoading: isLoading, showError: showError, title: title }));
 }
 
 export { AddressDataCard };

package/dist/pages/my-sonic/widgets/connected-bill-to-address-widget.d.ts

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

package/dist/pages/my-sonic/widgets/connected-bill-to-address-widget.js

@@ -1,11 +1,20 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useFetchCurrentBillToAddress } from '../../../shared/api/storefront/hooks/customer/use-fetch-current-bill-to-address.js';
+import { Button } from '../../../buttons/button/button.js';
+import { FormattedMessage } from '../../../intl/formatted-message.js';
+import { useFetchBillToAddress } from '../../../shared/api/storefront/hooks/customer/use-fetch-bill-to-address.js';
+import { useLocation } from '../../../shared/routing/use-location.js';
+import { usePaths } from '../../../shared/routing/use-paths.js';
 import { AddressDataCard } from './components/address-data-card.js';
 
-function ConnectedBillToAddressWidget() {
-    const { data: billToAddress, error, isLoading, } = useFetchCurrentBillToAddress();
-    return (jsx(AddressDataCard, { data: {
+function ConnectedBillToAddressWidget({ billToId = 'current', } = {}) {
+    const paths = usePaths();
+    const { href } = useLocation();
+    const editAddressUrl = `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}?returnUrl=${encodeURIComponent(href)}`;
+    const { data: billToAddress, error, isLoading, } = useFetchBillToAddress({ billToId });
+    return (jsx(AddressDataCard, { actions: [
+            jsx(Button, { color: "secondary", href: editAddressUrl, size: "sm", variant: "outline", children: jsx(FormattedMessage, { id: "Edit" }) }, "edit"),
+        ], data: {
             address1: billToAddress?.address1,
             address2: billToAddress?.address2,
             address3: billToAddress?.address3,

package/dist/pages/my-sonic/widgets/connected-ship-to-address-widget.d.ts

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

package/dist/pages/my-sonic/widgets/connected-ship-to-address-widget.js

@@ -1,11 +1,25 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useFetchCurrentShipToAddress } from '../../../shared/api/storefront/hooks/customer/use-fetch-current-ship-to-address.js';
+import { Button } from '../../../buttons/button/button.js';
+import { FormattedMessage } from '../../../intl/formatted-message.js';
+import { useFetchShipToAddress } from '../../../shared/api/storefront/hooks/customer/use-fetch-ship-to-address.js';
+import { useLocation } from '../../../shared/routing/use-location.js';
+import { usePaths } from '../../../shared/routing/use-paths.js';
 import { AddressDataCard } from './components/address-data-card.js';
 
-function ConnectedShipToAddressWidget() {
-    const { data: shipToAddress, error, isLoading, } = useFetchCurrentShipToAddress();
-    return (jsx(AddressDataCard, { data: {
+function ConnectedShipToAddressWidget({ billToId = 'current', shipToId = 'current', } = {}) {
+    const paths = usePaths();
+    const { href } = useLocation();
+    const editAddressUrl = `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/${shipToId}?returnUrl=${encodeURIComponent(href)}`;
+    const createAddressUrl = `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/new?returnUrl=${encodeURIComponent(href)}`;
+    const { data: shipToAddress, error, isLoading, } = useFetchShipToAddress({
+        billToId,
+        shipToId,
+    });
+    return (jsx(AddressDataCard, { actions: [
+            jsx(Button, { color: "secondary", href: editAddressUrl, size: "sm", variant: "outline", children: jsx(FormattedMessage, { id: "Edit" }) }, "edit"),
+            jsx(Button, { color: "secondary", href: createAddressUrl, size: "sm", variant: "outline", children: jsx(FormattedMessage, { id: "Create" }) }, "create"),
+        ], data: {
             address1: shipToAddress?.address1,
             address2: shipToAddress?.address2,
             address3: shipToAddress?.address3,

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

@@ -0,0 +1,4 @@
+export declare function useFetchBillToAddress({ billToId, includeValidation, }: {
+    billToId: string;
+    includeValidation?: boolean;
+}): import("@tanstack/react-query").UseQueryResult<import("../../model/storefront.model").BillToModel, Error>;

package/dist/shared/api/storefront/hooks/customer/use-fetch-bill-to-address.js

@@ -0,0 +1,11 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchBillToAddress } from '../../services/customer-service.js';
+
+function useFetchBillToAddress({ billToId, includeValidation = false, }) {
+    return useQuery({
+        queryFn: () => fetchBillToAddress({ billToId, includeValidation }),
+        queryKey: ['customer', 'bill-to-address', billToId, includeValidation],
+    });
+}
+
+export { useFetchBillToAddress };

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

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

package/dist/shared/api/storefront/hooks/customer/use-fetch-current-bill-to-address.js

@@ -1,11 +1,7 @@
-import { useQuery } from '@tanstack/react-query';
-import { fetchCurrentBillToAddress } from '../../services/customer-service.js';
+import { useFetchBillToAddress } from './use-fetch-bill-to-address.js';
 
-function useFetchCurrentBillToAddress() {
-    return useQuery({
-        queryFn: fetchCurrentBillToAddress,
-        queryKey: ['customer', 'bill-to-address', 'current'],
-    });
+function useFetchCurrentBillToAddress({ includeValidation = false, } = {}) {
+    return useFetchBillToAddress({ billToId: 'current', includeValidation });
 }
 
 export { useFetchCurrentBillToAddress };

package/dist/shared/api/storefront/hooks/customer/use-fetch-current-ship-to-address.d.ts

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

package/dist/shared/api/storefront/hooks/customer/use-fetch-current-ship-to-address.js

@@ -1,16 +1,10 @@
-import { useQuery } from '@tanstack/react-query';
-import { fetchCurrentShipToAddress } from '../../services/customer-service.js';
+import { useFetchShipToAddress } from './use-fetch-ship-to-address.js';
 
-function useFetchCurrentShipToAddress() {
-    return useQuery({
-        queryFn: fetchCurrentShipToAddress,
-        queryKey: [
-            'customer',
-            'bill-to-address',
-            'current',
-            'ship-to-address',
-            'current',
-        ],
+function useFetchCurrentShipToAddress({ includeValidation = false, } = {}) {
+    return useFetchShipToAddress({
+        billToId: 'current',
+        includeValidation,
+        shipToId: 'current',
     });
 }
 

package/dist/shared/api/storefront/hooks/customer/use-fetch-ship-to-address.d.ts

@@ -0,0 +1,5 @@
+export declare function useFetchShipToAddress({ billToId, includeValidation, shipToId, }: {
+    billToId: string;
+    includeValidation?: boolean;
+    shipToId: string;
+}): import("@tanstack/react-query").UseQueryResult<import("../../model/storefront.model").ShipToModel, Error>;

package/dist/shared/api/storefront/hooks/customer/use-fetch-ship-to-address.js

@@ -0,0 +1,18 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchShipToAddress } from '../../services/customer-service.js';
+
+function useFetchShipToAddress({ billToId, includeValidation = false, shipToId, }) {
+    return useQuery({
+        queryFn: () => fetchShipToAddress({ billToId, includeValidation, shipToId }),
+        queryKey: [
+            'customer',
+            'bill-to-address',
+            billToId,
+            'ship-to-address',
+            shipToId,
+            includeValidation,
+        ],
+    });
+}
+
+export { useFetchShipToAddress };

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

@@ -0,0 +1,13 @@
+export declare function usePatchShipToAddress({ skipInvalidation, }?: {
+    skipInvalidation?: boolean;
+}): {
+    error: unknown;
+    isError: boolean;
+    isLoading: boolean;
+    isSuccess: boolean;
+    mutate: (args_0: {
+        billToId: string;
+        shipTo: import("../../model/storefront.model").PatchShipToModel;
+    }) => Promise<import("../../model/storefront.model").ShipToModel>;
+    reset: () => void;
+};

package/dist/shared/api/storefront/hooks/customer/use-patch-ship-to-address.js

@@ -0,0 +1,17 @@
+import { patchShipToAddress } from '../../services/customer-service.js';
+import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
+
+function usePatchShipToAddress({ skipInvalidation = false, } = {}) {
+    return useAwaitableMutation({
+        mutationFn: patchShipToAddress,
+        onComplete({ queryClient }) {
+            if (skipInvalidation)
+                return;
+            queryClient.invalidateQueries({ queryKey: ['customer'] });
+            queryClient.invalidateQueries({ queryKey: ['carts'] });
+            queryClient.invalidateQueries({ queryKey: ['session'] });
+        },
+    });
+}
+
+export { usePatchShipToAddress };

package/dist/shared/api/storefront/hooks/customer/use-post-ship-to-address.d.ts

@@ -0,0 +1,17 @@
+export declare function usePostShipToAddress({ skipInvalidation, }?: {
+    skipInvalidation?: boolean;
+}): {
+    error: unknown;
+    isError: boolean;
+    isLoading: boolean;
+    isSuccess: boolean;
+    mutate: (args_0: {
+        billToId: string;
+        shipTo: Partial<Omit<import("../../model/storefront.model").ShipToModel, "country"> & {
+            country?: import("../../model/storefront.model").CountryModel | {
+                id: string;
+            } | null;
+        }>;
+    }) => Promise<import("../../model/storefront.model").ShipToModel>;
+    reset: () => void;
+};

package/dist/shared/api/storefront/hooks/customer/use-post-ship-to-address.js

@@ -0,0 +1,17 @@
+import { postShipToAddress } from '../../services/customer-service.js';
+import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
+
+function usePostShipToAddress({ skipInvalidation = false, } = {}) {
+    return useAwaitableMutation({
+        mutationFn: postShipToAddress,
+        onComplete({ queryClient }) {
+            if (skipInvalidation)
+                return;
+            queryClient.invalidateQueries({ queryKey: ['customer'] });
+            queryClient.invalidateQueries({ queryKey: ['carts'] });
+            queryClient.invalidateQueries({ queryKey: ['session'] });
+        },
+    });
+}
+
+export { usePostShipToAddress };

package/dist/shared/api/storefront/hooks/payment/use-invalidate-adyen.d.ts

@@ -1 +1 @@
-export declare function useInvalidateAdyen(): () => void;
+export declare function useInvalidateAdyen(): () => Promise<void>;

package/dist/shared/api/storefront/hooks/payment/use-invalidate-adyen.js

@@ -3,7 +3,7 @@ import { useQueryClient } from '@tanstack/react-query';
 
 function useInvalidateAdyen() {
     const queryClient = useQueryClient();
-    return useCallback(() => queryClient.removeQueries({ queryKey: ['adyen'] }), [queryClient]);
+    return useCallback(() => queryClient.invalidateQueries({ queryKey: ['adyen'] }), [queryClient]);
 }
 
 export { useInvalidateAdyen };

package/dist/shared/api/storefront/hooks/product/use-mark-product-as-viewed.js

@@ -8,7 +8,9 @@ function useMarkProductAsRecentlyViewed({ productId, }) {
         gcTime: 0,
         queryFn: () => {
             markProductAsRecentlyViewed({ productId: productId });
-            queryClient.removeQueries({ queryKey: ['products', 'recently-viewed'] });
+            queryClient.invalidateQueries({
+                queryKey: ['products', 'recently-viewed'],
+            });
         },
         queryKey: ['mark-product-as-recently-viewed', productId],
         staleTime: 0,

package/dist/shared/api/storefront/hooks/wishlist/use-add-wishlist-item-to-current-wishlist.js

@@ -25,8 +25,8 @@ function useAddWishListItemToCurrentWishList() {
             ]);
         },
         onError() {
-            queryClient.removeQueries({ queryKey: ['wishlists'] });
-            queryClient.removeQueries({ queryKey: ['wishlistlines'] });
+            queryClient.invalidateQueries({ queryKey: ['wishlists'] });
+            queryClient.invalidateQueries({ queryKey: ['wishlistlines'] });
         },
     });
 }

package/dist/shared/api/storefront/hooks/wishlist/use-delete-wishlist-item-from-wishlist.js

@@ -12,8 +12,8 @@ function useDeleteWishListItemFromWishList() {
             }
         },
         onError() {
-            queryClient.removeQueries({ queryKey: ['wishlists'] });
-            queryClient.removeQueries({ queryKey: ['wishlistlines'] });
+            queryClient.invalidateQueries({ queryKey: ['wishlists'] });
+            queryClient.invalidateQueries({ queryKey: ['wishlistlines'] });
         },
     });
 }

package/dist/shared/api/storefront/model/storefront.model.d.ts

@@ -984,6 +984,18 @@ export type PatchBillToModel = Partial<Omit<BillToModel, 'country'> & {
 }> & {
     id: string;
 };
+export type PostShipToModel = Partial<Omit<ShipToModel, 'country'> & {
+    country?: CountryModel | {
+        id: string;
+    } | null;
+}>;
+export type PatchShipToModel = Partial<Omit<ShipToModel, 'country'> & {
+    country?: CountryModel | {
+        id: string;
+    } | null;
+}> & {
+    id: string;
+};
 export type PatchCartModel = Partial<Omit<CartModel, 'billTo'> & {
     billTo?: PatchBillToModel | {
         id: string;

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

@@ -80,5 +80,10 @@ async function patchCurrentAccount({ account, }) {
         throw error;
     }
 }
+/*
+  "setDefaultCustomer": true,
+  "defaultCustomerId": "f73fd87f-bf14-4454-afaf-b328007d3c86",
+  "defaultFulfillmentMethod": "Ship",
+*/
 
 export { ExistingAccountError, createAccount, createGuestAccount, fetchCurrentAccount, patchCurrentAccount };