@sonic-equipment/ui 143.0.0 → 145.0.0

package/dist/buttons/icon-button/icon-button.d.ts

@@ -10,4 +10,4 @@ export interface IconButtonProps {
     title?: string;
     type?: 'button' | 'submit' | 'reset';
 }
-export declare function IconButton({ children, className, color, href, isDisabled, onClick: _onClick, size, target, title, type, }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconButton({ children, className, color, href, isDisabled, onClick: _onClick, size, target, title, type, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/buttons/icon-button/icon-button.js

@@ -3,16 +3,16 @@ import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import styles from './icon-button.module.css.js';
 
-function IconButton({ children, className, color = 'primary', href, isDisabled, onClick: _onClick, size = 'md', target, title, type = 'button', }) {
+function IconButton({ children, className, color = 'primary', href, isDisabled, onClick: _onClick, size = 'md', target, title, type = 'button', ...rest }) {
     const onClick = (e) => {
         e.preventDefault();
         e.stopPropagation();
         _onClick?.(e);
     };
     if (href) {
-        return (jsx("a", { className: clsx(styles['icon-button'], styles[size], styles[color], className), "data-disabled": isDisabled ? true : undefined, href: href, onClick: onClick, target: target, title: title, children: children }));
+        return (jsx("a", { className: clsx(styles['icon-button'], styles[size], styles[color], className), "data-disabled": isDisabled ? true : undefined, href: href, onClick: onClick, target: target, title: title, ...rest, children: children }));
     }
-    return (jsx("button", { className: clsx(styles['icon-button'], styles[size], styles[color], className), "data-disabled": isDisabled ? true : undefined, disabled: isDisabled, onClick: onClick, title: title, type: type, children: children }));
+    return (jsx("button", { className: clsx(styles['icon-button'], styles[size], styles[color], className), "data-disabled": isDisabled ? true : undefined, disabled: isDisabled, onClick: onClick, title: title, type: type, ...rest, children: children }));
 }
 
 export { IconButton };

package/dist/pages/checkout/shipping-page/shipping-page-content.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useMemo } from 'react';
 import { Button } from '../../../buttons/button/button.js';
 import { CartTotals } from '../../../cart-totals/cart-totals.js';
 import { CartTotalsSummary } from '../../../cart-totals/cart-totals-summary.js';
@@ -20,10 +19,7 @@ function ShippingPageContent({ cart, editAddress, errorPatchBillingAddress, fulf
         ...acc,
         [method]: t(`fulfillmentMethod.${method}`),
     }), {});
-    const hasBillToAddress = useMemo(() => {
-        return Boolean(cart.billTo?.address1);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [Boolean(cart)]);
+    const hasBillToAddress = Boolean(cart.billTo?.address1);
     return (jsx(Page, { breadcrumb: [
             { href: PATHS.HOME, label: t('Home') },
             {

package/dist/pages/checkout/shipping-page/shipping-page.js

@@ -23,8 +23,10 @@ function ShippingPage() {
     const gaEventPushed = useRef(false);
     const { data: cart, error: errorFetchCart, isLoading: isLoadingCart, refetch: refetchCart, } = useFetchCurrentCart();
     const { data: session } = useFetchSession();
+    const hasNoBillToAddress = hasNo(cart?.billTo?.address1);
+    const isGuest = Boolean(session?.isGuest);
     const { countries, currentCountry: selectedCountry, isFetching: isLoadingCountries, } = useCountries({
-        enabled: hasNo(cart?.billTo?.address1) || Boolean(session?.isGuest),
+        enabled: hasNoBillToAddress || isGuest,
     });
     const currentCountry = countries && cart?.billTo?.country
         ? countries.find(country => country.id === cart.billTo?.country?.id)
@@ -80,14 +82,14 @@ function ShippingPage() {
         return jsx(ErrorPage, { error: errorFetchCart });
     if (isLoading || isNavigating || isError || isSuccess)
         return jsx(LoadingPage, {});
+    if (hasNoBillToAddress && !countries)
+        throw new Error('Countries are missing');
     if (!isAuthenticated ||
         hasNo(session) ||
         hasNo(cart) ||
-        hasNo(countries) ||
         hasNo(cart.cartLines) ||
         cart.cartLines.length === 0 ||
-        hasNo(cart.billTo) ||
-        (hasNo(cart.billTo.address1) && hasNo(countries)))
+        hasNo(cart.billTo))
         // TODO: Return error page, but first check all the conditions
         return null;
     async function handleSubmit({ address, cart, notes, }) {
@@ -117,7 +119,10 @@ function ShippingPage() {
             event: { event: 'add_shipping_info' },
         }));
     }
-    return (jsx(ShippingPageContent, { cart: cart, editAddress: jsxs(Fragment, { children: [jsx(EditAddressesForm, { billTo: cart.billTo, countries: countries, currentCountry: currentCountry, isLoading: isPatching, isPickup: isPickup, onSubmit: async ({ address, notes }) => {
+    return (jsx(ShippingPageContent, { cart: cart, 
+        // TODO: Combine editAddress and readOnlyAddress into one section in order
+        // for typescript to correctly infer which properties are set in what case
+        editAddress: jsxs(Fragment, { children: [jsx(EditAddressesForm, { billTo: cart.billTo, countries: countries || [], currentCountry: currentCountry, isLoading: isPatching, isPickup: isPickup, onSubmit: async ({ address, notes }) => {
                         if (!cart.billTo)
                             return;
                         formData.current = { address, notes };
@@ -139,7 +144,7 @@ function ShippingPage() {
                             cart,
                             notes: formData.current.notes,
                         });
-                    } })] }), errorPatchBillingAddress: errorPatchBillingAddress, fulfillmentMethods: fulfillmentMethods, isGuest: session.isGuest, isLoadingFulfillmentMethods: isLoadingFulfillmentMethods, isPatching: isPatching, isPatchingSession: isPatchingSession, onChangeFulfillmentMethod: async (value) => {
+                    } })] }), errorPatchBillingAddress: errorPatchBillingAddress, fulfillmentMethods: fulfillmentMethods, isGuest: isGuest, isLoadingFulfillmentMethods: isLoadingFulfillmentMethods, isPatching: isPatching, isPatchingSession: isPatchingSession, onChangeFulfillmentMethod: async (value) => {
             await patchSession({
                 session: {
                     ...session,

package/package.json

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