@sonic-equipment/ui 254.0.0 → 256.0.0

package/dist/cards/product-card/connected-product-card.d.ts

@@ -2,9 +2,11 @@ import { AddToCartHandler } from '../../buttons/add-to-cart-button/connected-add
 import { NavigateOptions } from '../../shared/routing/types';
 import { ProductCardProps } from './product-card';
 export interface ConnectedProductCardProps extends Omit<ProductCardProps, 'addToCartButton' | 'favoriteButton'> {
+    addToCartEnabled?: boolean;
+    addToFavoritesEnabled?: boolean;
     onAddToCart?: AddToCartHandler;
     onFavorited?: VoidFunction;
     onFavoriting?: VoidFunction;
     route?: NavigateOptions;
 }
-export declare function ConnectedProductCard({ id, onAddToCart, onFavorited, onFavoriting, ...props }: ConnectedProductCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConnectedProductCard({ addToCartEnabled, addToFavoritesEnabled, id, onAddToCart, onFavorited, onFavoriting, ...props }: ConnectedProductCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/cards/product-card/connected-product-card.js

@@ -4,8 +4,8 @@ import { ConnectedAddToCartButton } from '../../buttons/add-to-cart-button/conne
 import { ConnectedFavoriteButton } from '../../buttons/favorite/connected-favorite-button.js';
 import { ProductCard } from './product-card.js';
 
-function ConnectedProductCard({ id, onAddToCart, onFavorited, onFavoriting, ...props }) {
-    return (jsx(ProductCard, { id: id, ...props, addToCartButton: jsx(ConnectedAddToCartButton, { onAddToCart: onAddToCart, productId: id }), favoriteButton: jsx(ConnectedFavoriteButton, { onFavorited: onFavorited, onFavoriting: onFavoriting, productId: id }) }));
+function ConnectedProductCard({ addToCartEnabled = true, addToFavoritesEnabled = true, id, onAddToCart, onFavorited, onFavoriting, ...props }) {
+    return (jsx(ProductCard, { id: id, ...props, addToCartButton: addToCartEnabled ? (jsx(ConnectedAddToCartButton, { onAddToCart: onAddToCart, productId: id })) : undefined, favoriteButton: addToFavoritesEnabled ? (jsx(ConnectedFavoriteButton, { onFavorited: onFavorited, onFavoriting: onFavoriting, productId: id })) : undefined }));
 }
 
 export { ConnectedProductCard };

package/dist/cards/product-card/product-card.d.ts

@@ -3,7 +3,7 @@ import type { ImageSourceType } from '../../shared/model/image';
 import type { ProductPriceType } from '../../shared/model/price';
 import { NavigateOptions } from '../../shared/routing/types';
 export interface ProductCardProps {
-    addToCartButton: ReactElement;
+    addToCartButton?: ReactElement;
     favoriteButton?: ReactElement;
     href: string;
     id: string;

package/dist/cards/product-card/product-card.js

@@ -16,7 +16,7 @@ function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: Favorit
             return;
         logger.error(`Product '${sku}' does not have a currency code`);
     }, [price.currencyCode, sku]);
-    return (jsx("div", { className: styles['product-card-container'], children: jsxs("article", { "aria-labelledby": `title-${id}`, className: styles['product-card'], "data-product-id": sku, id: id, children: [jsx(Link, { className: styles.title, href: href, id: `title-${id}`, onClick: onClick, route: route, children: title }), tags && tags.length > 0 && (jsx("div", { className: styles.tags, children: tags.map(tag => (jsx(Tag, { children: jsx(FormattedMessage, { noTranslationId: true, fallbackValue: tag, id: `tag.${tag.toLowerCase()}` }) }, tag))) })), jsx(ProductSku, { className: styles.sku, sku: sku }), price.currencyCode && (jsx(Price, { className: styles.price, currencyCode: price.currencyCode, isVatIncluded: price.isVatIncluded, originalPrice: price.originalPrice, price: price.price, variant: "sonic" })), jsx("div", { className: styles['image-container'], children: jsx(Image, { ...image, fit: "contain" }) }), jsx("div", { className: styles['add-to-cart-button'], children: AddToCartButton }), jsx("div", { className: styles['favorite-button'], children: FavoriteButton && FavoriteButton })] }) }));
+    return (jsx("div", { className: styles['product-card-container'], children: jsxs("article", { "aria-labelledby": `title-${id}`, className: styles['product-card'], "data-product-id": sku, id: id, children: [jsx(Link, { className: styles.title, href: href, id: `title-${id}`, onClick: onClick, route: route, children: title }), tags && tags.length > 0 && (jsx("div", { className: styles.tags, children: tags.map(tag => (jsx(Tag, { children: jsx(FormattedMessage, { noTranslationId: true, fallbackValue: tag, id: `tag.${tag.toLowerCase()}` }) }, tag))) })), jsx(ProductSku, { className: styles.sku, sku: sku }), price.currencyCode && (jsx(Price, { className: styles.price, currencyCode: price.currencyCode, isVatIncluded: price.isVatIncluded, originalPrice: price.originalPrice, price: price.price, variant: "sonic" })), jsx("div", { className: styles['image-container'], children: jsx(Image, { ...image, fit: "contain" }) }), jsx("div", { className: styles['add-to-cart-button'], children: AddToCartButton && AddToCartButton }), jsx("div", { className: styles['favorite-button'], children: FavoriteButton && FavoriteButton })] }) }));
 }
 
 export { ProductCard };

package/dist/global-search/search-result-panel/sections/with-results.js

@@ -52,12 +52,14 @@ function SuggestionsSection() {
                     }), icon: jsx(StrokeSearchIcon, { role: "presentation" }), text: jsxs("span", { children: [jsx("span", { children: item.listCategories.at(-1) }), jsx("span", { children: item.listCategories.slice(0, -1).join(' > ') })] }) }, item.objectID))) }))] }));
 }
 function ProductHitCard({ autocomplete, hit, index, source, }) {
+    // TODO: re-enable addToCart and addToFavorites when authentication problems are solved (or we got rid of the split domains)
+    // It is just a boolean prop defaulting to true
     const { close } = useGlobalSearchDisclosure();
     const { sendAddToCartFromSearchEvent, sendAddToWishListFromSearchEvent, sendProductClickFromSearchEvent, } = useAlgoliaInsights();
     return (jsx(ConnectedProductCard, { ...autocomplete.getItemProps({
             item: hit.hit,
             source,
-        }), href: hit.storefrontSlug, id: hit.storefrontId, image: {
+        }), addToCartEnabled: false, addToFavoritesEnabled: false, href: hit.storefrontSlug, id: hit.storefrontId, image: {
             fit: 'contain',
             image: hit.image,
             title: hit.name,

package/dist/index.js

@@ -390,7 +390,7 @@ export { ExistingAccountError, createAccount, createGuestAccount, fetchCurrentAc
 export { AccountLockedOutError, InvalidEmailPasswordCombinationError, InvalidGrantError, InvalidPasswordError, NonUniquePasswordError, UnableToChangePasswordError, UserNotFoundError, createSession, fetchSession, patchSession, recoverPassword, signIn, signOut } from './shared/api/storefront/services/authentication-service.js';
 export { addBulkProductsToCurrentCart, addProductToCurrentCart, convertToMinorUnits, deleteCartLineById, deleteCurrentCart, fetchCart, fetchCurrentCart, fetchCurrentCartLines, fetchCurrentCartProductAtp, fetchCurrentCartPromotions, fetchCurrentCheckoutAtp, getAdyenPaymentDetails, patchCartLineById, postAdyenPayment } from './shared/api/storefront/services/cart-service.js';
 export { fetchCategories } from './shared/api/storefront/services/category-service.js';
-export { fetchBillToAddress, fetchBillToAddresses, fetchCurrentBillToAddress, fetchCurrentShipToAddress, fetchFulfillmentMethods, fetchPagedShipToAddresses, fetchShipToAddress, fetchShipToAddresses, patchBillToAddress, patchShipToAddress, postShipToAddress } from './shared/api/storefront/services/customer-service.js';
+export { fetchBillToAddress, fetchBillToAddresses, fetchCurrentBillToAddress, fetchCurrentShipToAddress, fetchFulfillmentMethods, fetchPagedShipToAddresses, fetchShipByBillTo, fetchShipToAddress, fetchShipToAddresses, patchBillToAddress, patchShipToAddress, postShipToAddress } from './shared/api/storefront/services/customer-service.js';
 export { validateVATNumber } from './shared/api/storefront/services/finance-service.js';
 export { fetchOrderById, fetchOrders } from './shared/api/storefront/services/order-service.js';
 export { createAdyenSession, fetchAdyenConfig } from './shared/api/storefront/services/payment-service.js';

package/dist/media/image/image.js

@@ -27,9 +27,9 @@ function Image({ className, 'data-test-selector': dataTestSelector, fallbackSrc
 }
 function createSrcSet(image) {
     return ([
-        image[1] && `${image[1]} 1x`,
-        image[2] && `${image[2]} 2x`,
-        image[3] && `${image[3]} 3x`,
+        image[1] && `${encodeURI(image[1])} 1x`,
+        image[2] && `${encodeURI(image[2])} 2x`,
+        image[3] && `${encodeURI(image[3])} 3x`,
     ]
         .filter(Boolean)
         .join(', ') || undefined);
@@ -57,7 +57,7 @@ function PictureComponent({ className, fallbackSrc, fit = 'cover', hasError, ima
         return (jsx("picture", { className: clsx(styles.picture, className), children: jsx("img", { alt: "Missing", className: clsx(styles.image, styles[fit], styles['has-error']), src: fallbackSrc, ...rest }) }));
     return (jsxs("picture", { className: clsx(styles.picture, className), children: [image.sm && (jsx("source", { media: "(max-width: 768px)", srcSet: createSrcSet(image.sm) })), image.md && (jsx("source", { media: "(max-width: 1439px)", srcSet: createSrcSet(image.md) })), image.lg && (jsx("source", { media: "(min-width: 1440px)", srcSet: createSrcSet(image.lg) })), jsx("img", { alt: image.altText, className: clsx(styles.image, styles[fit], {
                     [styles['has-error']]: hasError,
-                }), src: hasError ? fallbackSrc : getPrimarySrc(image), ...rest })] }));
+                }), src: encodeURI((hasError ? fallbackSrc : getPrimarySrc(image)) || ''), ...rest })] }));
 }
 
 export { Image };

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

@@ -24,11 +24,14 @@ function ReadOnlyAddresses({ billTo, isLoading, isPickup, notes, onSubmit, shipT
     const href = `${pathname}${search}`;
     const billToId = billTo?.id;
     const shipToId = shipTo?.id;
+    const isShipToABillToAddress = billToId && shipToId && billToId === shipToId;
     const editBillToAddressUrl = environment.includes('next')
         ? `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}?returnUrl=${encodeURIComponent(href)}`
         : paths.ACCOUNT_ADDRESSES;
     const editShipToAddressUrl = environment.includes('next')
-        ? `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/${shipToId}?returnUrl=${encodeURIComponent(href)}`
+        ? isShipToABillToAddress
+            ? `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/new?returnUrl=${encodeURIComponent(href)}&makeDefault=true`
+            : `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/${shipToId}?returnUrl=${encodeURIComponent(href)}`
         : paths.ACCOUNT_ADDRESSES;
     return (jsxs(Form, { id: EDIT_ADDRESS_FORM_ID, onSubmit: e => {
             e.preventDefault();

package/dist/pages/my-sonic/actions/change-customer/connected-change-customer-dialog.js

@@ -4,6 +4,7 @@ import { useState, useEffect } from 'react';
 import { useFetchCurrentAccount } from '../../../../shared/api/storefront/hooks/account/use-fetch-current-account.js';
 import { usePatchSession } from '../../../../shared/api/storefront/hooks/authentication/use-patch-session.js';
 import { useFetchBillToAddresses } from '../../../../shared/api/storefront/hooks/customer/use-fetch-bill-to-addresses.js';
+import { fetchShipByBillTo } from '../../../../shared/api/storefront/services/customer-service.js';
 import { ChangeCustomerDialog } from './change-customer-dialog.js';
 
 function ConnectedChangeCustomerDialog({ allowSetDefault = false, isOpen, onClose, onCustomerSelected, }) {
@@ -17,6 +18,12 @@ function ConnectedChangeCustomerDialog({ allowSetDefault = false, isOpen, onClos
     useEffect(() => reset(), [isOpen, reset]);
     return (jsx(ChangeCustomerDialog, { allowSetDefault: allowSetDefault, data: data, defaultCustomerId: account?.defaultCustomerId || undefined, error: error, filter: filter, hasErrorSubmitting: Boolean(errorMutation), isLoading: isLoading || isFetching, isOpen: isOpen, isUpdating: isMutating, onClose: onClose, onCustomerSelected: async (id, setAsDefault) => {
             id = `${id}`;
+            const shipToAddress = await fetchShipByBillTo({ billToId: id });
+            const defaultShipTo = shipToAddress.shipTos?.find(shipTo => shipTo.isDefault);
+            const firstShipToWithId = shipToAddress.shipTos?.find(shipTo => shipTo.id !== '');
+            const shipToId = defaultShipTo
+                ? defaultShipTo.id
+                : (firstShipToWithId?.id ?? id);
             try {
                 await mutate({
                     session: {
@@ -28,8 +35,8 @@ function ConnectedChangeCustomerDialog({ allowSetDefault = false, isOpen, onClos
                         customerWasUpdated: false,
                         fulfillmentMethod: 'Ship',
                         pickUpWarehouse: null,
-                        shipTo: { id },
-                        shipToId: id,
+                        shipTo: { id: shipToId },
+                        shipToId,
                     },
                 });
                 onCustomerSelected(id, setAsDefault);

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

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

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

@@ -18,7 +18,7 @@ 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, returnUrl, }) {
+function ConnectedCreateShipToAddressForm({ billToId, makeDefault, returnUrl, }) {
     const paths = usePaths();
     const { navigate } = useNavigate();
     const { countries, currentCountry, error: errorCountries, isFetching: isLoadingCountries, } = useCountries();
@@ -83,7 +83,7 @@ function ConnectedCreateShipToAddressForm({ billToId, returnUrl, }) {
                 });
             }
             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, { 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" }) })] })] }));
+        }, 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/pages/create-ship-to-address-details-page/create-ship-to-address-details-page.d.ts

@@ -1,5 +1,6 @@
-export declare function CreateShipToAddressDetailsPage({ billToId, returnUrl, }: {
+export declare function CreateShipToAddressDetailsPage({ billToId, makeDefault, returnUrl, }: {
     billToId: string;
+    makeDefault?: boolean;
     returnUrl?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function CreateShipToAddressDetailsPageBreadcrumb({ billToId, }: {

package/dist/pages/my-sonic/pages/create-ship-to-address-details-page/create-ship-to-address-details-page.js

@@ -7,10 +7,10 @@ import { ConnectedCreateShipToAddressForm } from '../../actions/create-ship-to-a
 import { MySonicLayoutBreadcrumb } from '../../layouts/my-sonic-layout/my-sonic-layout-breadcrumb.js';
 import { MySonicLayoutPage } from '../../layouts/my-sonic-layout/my-sonic-layout-page.js';
 
-function CreateShipToAddressDetailsPage({ billToId, returnUrl, }) {
+function CreateShipToAddressDetailsPage({ billToId, makeDefault, returnUrl, }) {
     const t = useFormattedMessage();
     const paths = usePaths();
-    return (jsx(MySonicLayoutPage, { title: t('Shipping address'), children: jsx(ConnectedCreateShipToAddressForm, { billToId: billToId, returnUrl: returnUrl || paths.ACCOUNT }) }));
+    return (jsx(MySonicLayoutPage, { title: t('Shipping address'), children: jsx(ConnectedCreateShipToAddressForm, { billToId: billToId, makeDefault: makeDefault, returnUrl: returnUrl || paths.ACCOUNT }) }));
 }
 function CreateShipToAddressDetailsPageBreadcrumb({ billToId, }) {
     const t = useFormattedMessage();

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

@@ -14,6 +14,9 @@ export declare function fetchShipToAddress({ billToId, includeValidation, shipTo
     includeValidation?: boolean;
     shipToId: string;
 }): Promise<ShipToModel>;
+export declare function fetchShipByBillTo({ billToId }: {
+    billToId: string;
+}): Promise<ShipToCollectionModel>;
 export interface FetchBillToAddressesParams {
     filter?: string;
     pageSize?: number;

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

@@ -25,6 +25,13 @@ async function fetchShipToAddress({ billToId, includeValidation = false, shipToI
     });
     return body;
 }
+async function fetchShipByBillTo({ billToId }) {
+    const { body } = await request({
+        credentials: 'include',
+        url: `${config.SHOP_API_URL}/api/v1/billtos/${billToId}/shiptos`,
+    });
+    return body;
+}
 async function fetchBillToAddresses({ filter, pageSize = 20, } = {}) {
     const { body } = await request({
         credentials: 'include',
@@ -102,4 +109,4 @@ async function fetchFulfillmentMethods({ customerId, }) {
     return updatedBillTo;
 }
 
-export { fetchBillToAddress, fetchBillToAddresses, fetchCurrentBillToAddress, fetchCurrentShipToAddress, fetchFulfillmentMethods, fetchPagedShipToAddresses, fetchShipToAddress, fetchShipToAddresses, patchBillToAddress, patchShipToAddress, postShipToAddress };
+export { fetchBillToAddress, fetchBillToAddresses, fetchCurrentBillToAddress, fetchCurrentShipToAddress, fetchFulfillmentMethods, fetchPagedShipToAddresses, fetchShipByBillTo, fetchShipToAddress, fetchShipToAddresses, patchBillToAddress, patchShipToAddress, postShipToAddress };

package/package.json

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