@sonic-equipment/ui 171.0.0 → 173.0.0

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

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 import { ImageSourceType } from '../../shared/model/image';
 import { ProductTotalPriceType } from '../../shared/model/price';
 export interface BaseOrderLineCardProps {
-    deliveryDate?: Date;
+    deliveryDate?: Date | null;
     href: string;
     image: ImageSourceType;
     isReadonly: boolean;

package/dist/delivery-time/delivery-time.d.ts

@@ -1,5 +1,5 @@
 export interface DeliveryTimeProps {
     className?: string;
-    deliveryDate?: Date;
+    deliveryDate: Date | null | undefined;
 }
-export declare function DeliveryTime({ className, deliveryDate }: DeliveryTimeProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeliveryTime({ className, deliveryDate }: DeliveryTimeProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/delivery-time/delivery-time.js

@@ -11,7 +11,9 @@ import styles from './delivery-time.module.css.js';
 function DeliveryTime({ className, deliveryDate }) {
     const { cultureCode } = useIntl();
     const t = useFormattedMessage();
-    if (!deliveryDate) {
+    if (deliveryDate === undefined)
+        return null;
+    if (deliveryDate === null) {
         return (jsx("div", { className: clsx(styles['delivery-time'], className), children: jsx("p", { 
                 // eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml
                 dangerouslySetInnerHTML: {

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

@@ -85,7 +85,7 @@ function CartContent({ cartLines }) {
             secondary: isAuthenticated ? (jsx(Button, { color: "secondary", "data-test-selector": "saveCartForLaterButton", onClick: () => {
                     saveCartForLater.mutate({ cart: currentCart });
                 }, variant: "outline", children: jsx(FormattedMessage, { id: "Save order" }) })) : (jsx(Button, { color: "secondary", "data-test-selector": "saveCartForLaterButton", href: PATHS.SIGN_IN, variant: "outline", children: jsx(FormattedMessage, { id: "Save order" }) })),
-        }, mobileSummary: jsx(CartTotalsSummary, { currencyCode: currencyCode, totalAmount: currentCart.orderGrandTotal }), overview: jsx(CartTotals, { currencyCode: currencyCode, shippingCost: currentCart.shippingAndHandling, subtotal: currentCart.orderSubTotal, tax: currentCart.totalTax, total: currentCart.orderGrandTotal, vatPercentage: cartLines[0]?.pricing?.vatRate || 0 }), children: jsx(OrderLineList, { onRemoveAll: () => deleteCurrentCart.mutate(), children: cartLines.map(cartLine => (jsx(ConnectedOrderLineCard, { deliveryDate: cartLine.atp?.date, href: cartLine.productUri, image: {
+        }, mobileSummary: jsx(CartTotalsSummary, { currencyCode: currencyCode, totalAmount: currentCart.orderGrandTotal }), overview: jsx(CartTotals, { currencyCode: currencyCode, shippingCost: currentCart.shippingAndHandling, subtotal: currentCart.orderSubTotal, tax: currentCart.totalTax, total: currentCart.orderGrandTotal, vatPercentage: cartLines[0]?.pricing?.vatRate || 0 }), children: jsx(OrderLineList, { onRemoveAll: () => deleteCurrentCart.mutate(), children: cartLines.map(cartLine => (jsx(ConnectedOrderLineCard, { deliveryDate: cartLine.atp?.date ?? null, href: cartLine.productUri, image: {
                     fit: 'contain',
                     image: {
                         '1': cartLine.smallImagePath,

package/dist/pages/checkout/order-confirmation-page/order-confirmation-page-content.js

@@ -76,7 +76,7 @@ function OrderConfirmationPageContent({ cart, }) {
                                     email: cart.shipTo?.email,
                                     phone: cart.shipTo?.phone,
                                     postalCode: cart.shipTo?.postalCode,
-                                } }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: t('Order'), children: jsx(CheckoutPageSectionContent, { stretch: true, children: jsx(OrderLineList, { children: cart.cartLines?.map(cartLine => (jsx(OrderLineCard, { deliveryDate: cartLine.atp?.date, href: cartLine.productUri, image: {
+                                } }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: t('Order'), children: jsx(CheckoutPageSectionContent, { stretch: true, children: jsx(OrderLineList, { children: cart.cartLines?.map(cartLine => (jsx(OrderLineCard, { deliveryDate: undefined, href: cartLine.productUri, image: {
                                         fit: 'contain',
                                         image: {
                                             '1': cartLine.smallImagePath,

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

@@ -30,7 +30,7 @@ function PaymentPageContent({ atp, cart, formId, hasAtp, isProcessing, isValidat
         ], "data-test-selector": "paymentPage", title: t('Review and payment'), children: jsxs(CheckoutPageLayout, { actions: {
                 primary: (jsx(Button, { withArrow: true, "data-test-selector": "checkoutReviewAndSubmit_placeOrder", form: formId, isDisabled: isProcessing, isLoading: isProcessing ? (jsx(FormattedMessage, { id: "Processing" })) : isValidatingVAT ? (jsx(FormattedMessage, { id: "Validating" })) : (false), type: "submit", children: cart.paymentMethod?.name === 'PBI' ? (jsx(FormattedMessage, { id: "Finalize order" })) : (jsx(FormattedMessage, { id: "Finalize payment" })) })),
             }, mobileSummary: jsx(CartTotalsSummary, { currencyCode: currencyCode, totalAmount: cart.orderGrandTotal }), overview: jsx(CartTotals, { currencyCode: currencyCode, deliveryDate: hasAtp ? undefined : cart.requestedDeliveryDate, fulfillmentMethod: cart.fulfillmentMethod, isPayByInvoice: (cart.paymentOptions?.paymentMethods?.length || 1) <= 1 &&
-                    cart.paymentMethod?.name === 'PBI', shippingCost: cart.shippingAndHandling, subtotal: cart.orderSubTotal, tax: cart.totalTax, total: cart.orderGrandTotal, vatPercentage: cart.cartLines?.[0]?.pricing?.vatRate || 0 }), children: [jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Payment" }), children: jsx(CheckoutPageSectionContent, { children: jsx(Payment, { atp: atp, cart: cart, form: formId, isProcessing: isProcessing, onPaymentComplete: onPaymentComplete, onProcessing: setIsProcessing, onValidatingVAT: setIsValidatingVAT }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Order" }), children: jsx(CheckoutPageSectionContent, { stretch: true, children: jsx(OrderLineList, { children: cart.cartLines?.map(cartLine => (jsx(OrderLineCard, { deliveryDate: cartLine.atp?.date, href: cartLine.productUri, image: {
+                    cart.paymentMethod?.name === 'PBI', shippingCost: cart.shippingAndHandling, subtotal: cart.orderSubTotal, tax: cart.totalTax, total: cart.orderGrandTotal, vatPercentage: cart.cartLines?.[0]?.pricing?.vatRate || 0 }), children: [jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Payment" }), children: jsx(CheckoutPageSectionContent, { children: jsx(Payment, { atp: atp, cart: cart, form: formId, isProcessing: isProcessing, onPaymentComplete: onPaymentComplete, onProcessing: setIsProcessing, onValidatingVAT: setIsValidatingVAT }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Order" }), children: jsx(CheckoutPageSectionContent, { stretch: true, children: jsx(OrderLineList, { children: cart.cartLines?.map(cartLine => (jsx(OrderLineCard, { deliveryDate: cartLine.atp?.date ?? null, href: cartLine.productUri, image: {
                                     fit: 'contain',
                                     image: {
                                         '1': cartLine.smallImagePath,

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-with-atp.js

@@ -14,7 +14,7 @@ function useFetchCurrentCartWithAtp({ forceRecalculation = true, select = cartMo
                     ...cartResult.data,
                     cartLines: cartResult.data.cartLines?.map(line => ({
                         ...line,
-                        atp: atp.find(a => a.productCode === line.erpNumber),
+                        atp: atp.find(a => a.productCode === line.erpNumber) || null,
                     })),
                 }
                 : cartResult.data),

package/dist/styles.css

@@ -3747,9 +3747,12 @@ html {
 
   .carousel-module-ealh- .carousel-module-bUMlb {
     display: grid;
+    flex-grow: 0;
     block-size: auto;
+    font-size: inherit;
     inline-size: -moz-fit-content;
     inline-size: fit-content;
+    text-align: left;
   }
 
   /* stylelint-disable-next-line no-descending-specificity */
@@ -4759,7 +4762,7 @@ button.swiper-pagination-bullet {
       display: grid;
       gap: var(--space-32);
       grid-template-columns: repeat(auto-fit, 220px);
-      margin-block-end: 104px;
+      margin-block-end: 48px;
     }
 
     .footer-module-YzJ68 .footer-module-TZq-4 {
@@ -5393,6 +5396,7 @@ button.swiper-pagination-bullet {
   .search-section-module-qaTiw .search-section-module-E--U2 .search-section-module-AHlDR {
       margin: 0;
       color: var(--color-brand-dark-gray);
+      font-family: inherit;
       font-size: var(--font-size-16);
       font-weight: var(--font-weight-normal);
       line-height: 1;

package/package.json

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