@sonic-equipment/ui 170.0.0 → 173.0.0

package/dist/node_modules/.pnpm/{swiper@11.2.5 → swiper@11.2.8}/node_modules/swiper/modules/free-mode.js

@@ -1,4 +1,4 @@
-import { d as now, k as elementTransitionEnd } from '../shared/utils.js';
+import { f as now, l as elementTransitionEnd } from '../shared/utils.js';
 
 function freeMode(_ref) {
   let {

package/dist/node_modules/.pnpm/{swiper@11.2.5 → swiper@11.2.8}/node_modules/swiper/modules/thumbs.js

@@ -1,5 +1,5 @@
 import { g as getDocument } from '../shared/ssr-window.esm.js';
-import { l as isObject, e as elementChildren } from '../shared/utils.js';
+import { o as isObject, e as elementChildren } from '../shared/utils.js';
 
 function Thumb(_ref) {
   let {

package/dist/node_modules/.pnpm/{swiper@11.2.5 → swiper@11.2.8}/node_modules/swiper/shared/swiper-core.js

@@ -1,5 +1,5 @@
 import { a as getWindow, g as getDocument } from './ssr-window.esm.js';
-import { w as extend, u as showWarning, e as elementChildren, n as nextTick, t as animateCSSModeScroll, j as getTranslate, q as elementNextAll, r as elementPrevAll, s as setCSSProperty, p as elementStyle, f as elementOuterSize, h as elementIndex, c as createElement, x as deleteProps, v as elementIsChildOf, d as now, a as elementParents } from './utils.js';
+import { x as extend, v as showWarning, e as elementChildren, n as nextTick, u as animateCSSModeScroll, k as getTranslate, r as elementNextAll, t as elementPrevAll, a as setCSSProperty, q as elementStyle, h as elementOuterSize, i as elementIndex, c as createElement, y as deleteProps, w as elementIsChildOf, f as now, b as elementParents } from './utils.js';
 
 let support;
 function calcSupport() {
@@ -1310,11 +1310,9 @@ function transitionEmit(_ref) {
     if (activeIndex > previousIndex) dir = 'next';else if (activeIndex < previousIndex) dir = 'prev';else dir = 'reset';
   }
   swiper.emit(`transition${step}`);
-  if (runCallbacks && activeIndex !== previousIndex) {
-    if (dir === 'reset') {
-      swiper.emit(`slideResetTransition${step}`);
-      return;
-    }
+  if (runCallbacks && dir === 'reset') {
+    swiper.emit(`slideResetTransition${step}`);
+  } else if (runCallbacks && activeIndex !== previousIndex) {
     swiper.emit(`slideChangeTransition${step}`);
     if (dir === 'next') {
       swiper.emit(`slideNextTransition${step}`);
@@ -1810,7 +1808,7 @@ var slide = {
   slideToClickedSlide
 };
 
-function loopCreate(slideRealIndex) {
+function loopCreate(slideRealIndex, initial) {
   const swiper = this;
   const {
     params,
@@ -1858,7 +1856,8 @@ function loopCreate(slideRealIndex) {
   }
   swiper.loopFix({
     slideRealIndex,
-    direction: params.centeredSlides ? undefined : 'next'
+    direction: params.centeredSlides ? undefined : 'next',
+    initial
   });
 }
 
@@ -1869,6 +1868,7 @@ function loopFix(_temp) {
     direction,
     setTranslate,
     activeSlideIndex,
+    initial,
     byController,
     byMousewheel
   } = _temp === void 0 ? {} : _temp;
@@ -1883,7 +1883,8 @@ function loopFix(_temp) {
     params
   } = swiper;
   const {
-    centeredSlides
+    centeredSlides,
+    initialSlide
   } = params;
   swiper.allowSlidePrev = true;
   swiper.allowSlideNext = true;
@@ -1919,14 +1920,16 @@ function loopFix(_temp) {
   loopedSlides += params.loopAdditionalSlides;
   swiper.loopedSlides = loopedSlides;
   const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
-  if (slides.length < slidesPerView + loopedSlides) {
-    showWarning('Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters');
+  if (slides.length < slidesPerView + loopedSlides || swiper.params.effect === 'cards' && slides.length < slidesPerView + loopedSlides * 2) {
+    showWarning('Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters');
   } else if (gridEnabled && params.grid.fill === 'row') {
     showWarning('Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`');
   }
   const prependSlidesIndexes = [];
   const appendSlidesIndexes = [];
-  let activeIndex = swiper.activeIndex;
+  const cols = gridEnabled ? Math.ceil(slides.length / params.grid.rows) : slides.length;
+  const isInitialOverflow = initial && cols - initialSlide < slidesPerView && !centeredSlides;
+  let activeIndex = isInitialOverflow ? initialSlide : swiper.activeIndex;
   if (typeof activeSlideIndex === 'undefined') {
     activeSlideIndex = swiper.getSlideIndex(slides.find(el => el.classList.contains(params.slideActiveClass)));
   } else {
@@ -1936,7 +1939,6 @@ function loopFix(_temp) {
   const isPrev = direction === 'prev' || !direction;
   let slidesPrepended = 0;
   let slidesAppended = 0;
-  const cols = gridEnabled ? Math.ceil(slides.length / params.grid.rows) : slides.length;
   const activeColIndex = gridEnabled ? slides[activeSlideIndex].column : activeSlideIndex;
   const activeColIndexWithShift = activeColIndex + (centeredSlides && typeof setTranslate === 'undefined' ? -slidesPerView / 2 + 0.5 : 0);
   // prepend last slides before start
@@ -1958,6 +1960,9 @@ function loopFix(_temp) {
     }
   } else if (activeColIndexWithShift + slidesPerView > cols - loopedSlides) {
     slidesAppended = Math.max(activeColIndexWithShift - (cols - loopedSlides * 2), slidesPerGroup);
+    if (isInitialOverflow) {
+      slidesAppended = Math.max(slidesAppended, slidesPerView - cols + initialSlide + 1);
+    }
     for (let i = 0; i < slidesAppended; i += 1) {
       const index = i - Math.floor(i / cols) * cols;
       if (gridEnabled) {
@@ -1973,6 +1978,14 @@ function loopFix(_temp) {
   requestAnimationFrame(() => {
     swiper.__preventObserver__ = false;
   });
+  if (swiper.params.effect === 'cards' && slides.length < slidesPerView + loopedSlides * 2) {
+    if (appendSlidesIndexes.includes(activeSlideIndex)) {
+      appendSlidesIndexes.splice(appendSlidesIndexes.indexOf(activeSlideIndex), 1);
+    }
+    if (prependSlidesIndexes.includes(activeSlideIndex)) {
+      prependSlidesIndexes.splice(prependSlidesIndexes.indexOf(activeSlideIndex), 1);
+    }
+  }
   if (isPrev) {
     prependSlidesIndexes.forEach(index => {
       slides[index].swiperLoopMoveDOM = true;
@@ -2329,7 +2342,9 @@ function onTouchMove(event) {
         data.isMoved = false;
         return;
       }
-    } else if (pageX < touches.startX && swiper.translate <= swiper.maxTranslate() || pageX > touches.startX && swiper.translate >= swiper.minTranslate()) {
+    } else if (rtl && (pageX > touches.startX && -swiper.translate <= swiper.maxTranslate() || pageX < touches.startX && -swiper.translate >= swiper.minTranslate())) {
+      return;
+    } else if (!rtl && (pageX < touches.startX && swiper.translate <= swiper.maxTranslate() || pageX > touches.startX && swiper.translate >= swiper.minTranslate())) {
       return;
     }
   }
@@ -3794,7 +3809,7 @@ class Swiper {
 
     // Create loop
     if (swiper.params.loop) {
-      swiper.loopCreate();
+      swiper.loopCreate(undefined, true);
     }
 
     // Attach events

package/dist/node_modules/.pnpm/{swiper@11.2.5 → swiper@11.2.8}/node_modules/swiper/shared/update-on-virtual-data.js

@@ -122,6 +122,7 @@ const updateOnVirtualData = swiper => {
   swiper.updateSlides();
   swiper.updateProgress();
   swiper.updateSlidesClasses();
+  swiper.emit('_virtualUpdated');
   if (swiper.parallax && swiper.params.parallax && swiper.params.parallax.enabled) {
     swiper.parallax.setTranslate();
   }

package/dist/node_modules/.pnpm/{swiper@11.2.5 → swiper@11.2.8}/node_modules/swiper/shared/update-swiper.js

@@ -1,3 +1,5 @@
+import { s as setInnerHTML } from './utils.js';
+
 /* underscore in name -> watch for changes */
 const paramsList = ['eventsPrefix', 'injectStyles', 'injectStylesUrls', 'modules', 'init', '_direction', 'oneWayMovement', 'swiperElementNodeName', 'touchEventsTarget', 'initialSlide', '_speed', 'cssMode', 'updateOnWindowResize', 'resizeObserver', 'nested', 'focusableElements', '_enabled', '_width', '_height', 'preventInteractionOnTransition', 'userAgent', 'url', '_edgeSwipeDetection', '_edgeSwipeThreshold', '_freeMode', '_autoHeight', 'setWrapperSize', 'virtualTranslate', '_effect', 'breakpoints', 'breakpointsBase', '_spaceBetween', '_slidesPerView', 'maxBackfaceHiddenSlides', '_grid', '_slidesPerGroup', '_slidesPerGroupSkip', '_slidesPerGroupAuto', '_centeredSlides', '_centeredSlidesBounds', '_slidesOffsetBefore', '_slidesOffsetAfter', 'normalizeSlideIndex', '_centerInsufficientSlides', '_watchOverflow', 'roundLengths', 'touchRatio', 'touchAngle', 'simulateTouch', '_shortSwipes', '_longSwipes', 'longSwipesRatio', 'longSwipesMs', '_followFinger', 'allowTouchMove', '_threshold', 'touchMoveStopPropagation', 'touchStartPreventDefault', 'touchStartForcePreventDefault', 'touchReleaseOnEdges', 'uniqueNavElements', '_resistance', '_resistanceRatio', '_watchSlidesProgress', '_grabCursor', 'preventClicks', 'preventClicksPropagation', '_slideToClickedSlide', '_loop', 'loopAdditionalSlides', 'loopAddBlankSlides', 'loopPreventsSliding', '_rewind', '_allowSlidePrev', '_allowSlideNext', '_swipeHandler', '_noSwiping', 'noSwipingClass', 'noSwipingSelector', 'passiveListeners', 'containerModifierClass', 'slideClass', 'slideActiveClass', 'slideVisibleClass', 'slideFullyVisibleClass', 'slideNextClass', 'slidePrevClass', 'slideBlankClass', 'wrapperClass', 'lazyPreloaderClass', 'lazyPreloadPrevNext', 'runCallbacksOnInit', 'observer', 'observeParents', 'observeSlideChildren',
 // modules
@@ -192,14 +194,14 @@ function updateSwiper(_ref) {
       if (!nextEl || typeof nextEl === 'string') {
         nextEl = document.createElement('div');
         nextEl.classList.add('swiper-button-next');
-        nextEl.innerHTML = swiper.hostEl.constructor.nextButtonSvg;
+        setInnerHTML(nextEl, swiper.hostEl.constructor.nextButtonSvg);
         nextEl.part.add('button-next');
         swiper.el.appendChild(nextEl);
       }
       if (!prevEl || typeof prevEl === 'string') {
         prevEl = document.createElement('div');
         prevEl.classList.add('swiper-button-prev');
-        prevEl.innerHTML = swiper.hostEl.constructor.prevButtonSvg;
+        setInnerHTML(prevEl, swiper.hostEl.constructor.prevButtonSvg);
         prevEl.part.add('button-prev');
         swiper.el.appendChild(prevEl);
       }

package/dist/node_modules/.pnpm/{swiper@11.2.5 → swiper@11.2.8}/node_modules/swiper/shared/utils.js

@@ -299,5 +299,17 @@ function elementOuterSize(el, size, includeMargins) {
 function makeElementsArray(el) {
   return (Array.isArray(el) ? el : [el]).filter(e => !!e);
 }
+function setInnerHTML(el, html) {
+  if (html === void 0) {
+    html = '';
+  }
+  if (typeof trustedTypes !== 'undefined') {
+    el.innerHTML = trustedTypes.createPolicy('html', {
+      createHTML: s => s
+    }).createHTML(html);
+  } else {
+    el.innerHTML = html;
+  }
+}
 
-export { elementParents as a, createElement as c, now as d, elementChildren as e, elementOuterSize as f, elementIndex as h, classesToTokens as i, getTranslate as j, elementTransitionEnd as k, isObject as l, makeElementsArray as m, nextTick as n, elementStyle as p, elementNextAll as q, elementPrevAll as r, setCSSProperty as s, animateCSSModeScroll as t, showWarning as u, elementIsChildOf as v, extend as w, deleteProps as x };
+export { setCSSProperty as a, elementParents as b, createElement as c, elementChildren as e, now as f, elementOuterSize as h, elementIndex as i, classesToTokens as j, getTranslate as k, elementTransitionEnd as l, makeElementsArray as m, nextTick as n, isObject as o, elementStyle as q, elementNextAll as r, setInnerHTML as s, elementPrevAll as t, animateCSSModeScroll as u, showWarning as v, elementIsChildOf as w, extend as x, deleteProps as y };

package/dist/node_modules/.pnpm/{swiper@11.2.5 → swiper@11.2.8}/node_modules/swiper/swiper-react.js

@@ -4,7 +4,7 @@ import { g as getParams, m as mountSwiper, a as getChangedParams, u as updateOnV
 import { d as uniqueClasses, w as wrapperClass, n as needsNavigation, b as needsScrollbar, a as needsPagination, e as extend, u as updateSwiper } from './shared/update-swiper.js';
 
 /**
- * Swiper React 11.2.5
+ * Swiper React 11.2.8
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -12,7 +12,7 @@ import { d as uniqueClasses, w as wrapperClass, n as needsNavigation, b as needs
  *
  * Released under the MIT License
  *
- * Released on: March 3, 2025
+ * Released on: May 23, 2025
  */
 
 

package/dist/notifications/announcements/announcement-list.js

@@ -15,7 +15,7 @@ function AnnouncementList({ announcements, className, onDismiss, sticky, }) {
         const height = Math.floor(size.height);
         document?.documentElement.style.setProperty('--announcements-height', `${height}px`);
     });
-    return (jsx("section", { ref: announcementRef, className: clsx(styles['announcement-list'], sticky && styles['sticky'], className), children: jsx(TransitionGroup, { className: styles['list'], role: "list", children: filteredAnnouncements.map(announcement => (jsx(CSSTransition, { classNames: {
+    return (jsx("section", { ref: announcementRef, className: clsx(styles['announcement-list'], sticky && styles['sticky'], className), "data-test-selector": "announcementList", children: jsx(TransitionGroup, { className: styles['list'], role: "list", children: filteredAnnouncements.map(announcement => (jsx(CSSTransition, { classNames: {
                     enter: styles['enter'],
                     enterActive: styles['enter-active'],
                     exit: styles['exit'],

package/dist/notifications/announcements/announcement.js

@@ -26,8 +26,8 @@ const iconMap = {
     sales: jsx(SolidSaleIcon, {}),
 };
 const Announcement = forwardRef(({ announcement: { href, id, subType, text, title, type }, className, onDismiss, }, ref) => {
-    return (jsx("div", { ref: multiRef(ref), className: clsx(styles.announcement, styles[type], styles[subType], className), role: "listitem", children: jsxs("div", { className: styles.wrapper, children: [jsx("div", { className: styles.icon, role: "presentation", children: iconMap[subType] }), jsxs("div", { className: styles.content, children: [jsx("h2", { className: styles.title, children: title }), text &&
-                            (href ? (jsxs(Link, { className: styles.link, href: href, children: [text, jsx(GlyphsArrowSemiBoldRightIcon, {})] })) : (jsx("p", { className: styles.text, children: text })))] }), jsx(IconButton, { className: styles.close, color: "current-color", onClick: () => onDismiss?.(id), children: jsx(StrokeCloseboxIcon, {}) })] }) }));
+    return (jsx("div", { ref: multiRef(ref), className: clsx(styles.announcement, styles[type], styles[subType], className), "data-id": id, "data-sub-type": subType, "data-test-selector": "announcement", "data-type": type, role: "listitem", children: jsxs("div", { className: styles.wrapper, children: [jsx("div", { className: styles.icon, role: "presentation", children: iconMap[subType] }), jsxs("div", { className: styles.content, children: [jsx("h2", { className: styles.title, "data-test-selector": "announcementTitle", children: title }), text &&
+                            (href ? (jsxs(Link, { className: styles.link, "data-test-selector": "announcementLink", href: href, children: [text, jsx(GlyphsArrowSemiBoldRightIcon, {})] })) : (jsx("p", { className: styles.text, children: text })))] }), jsx(IconButton, { className: styles.close, color: "current-color", "data-test-selector": "announcementCloseButton", onClick: () => onDismiss?.(id), children: jsx(StrokeCloseboxIcon, {}) })] }) }));
 });
 Announcement.displayName = 'Announcement';
 

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/hooks/use-get-adyen-redirect-result.js

@@ -1,3 +1,4 @@
+"use client";
 import { useRef } from 'react';
 import qs from 'query-string';
 

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-cart-by-id.d.ts

@@ -5,4 +5,4 @@ export interface UseFetchCartByIdArgs<T> {
     id: string;
     select?: (data: CartModel) => T;
 }
-export declare function useFetchCartById<T = CartModel>({ enabled, forceRecalculation, id, select, }: UseFetchCartByIdArgs<T>): import("@tanstack/react-query").UseQueryResult<T, Error>;
+export declare function useFetchCartById<T = CartModel>({ enabled, forceRecalculation, id, select, }: UseFetchCartByIdArgs<T>): import("@tanstack/react-query").UseQueryResult<import("@tanstack/react-query").NoInfer<T>, Error>;

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/shared/api/storefront/hooks/cart/use-fetch-current-cart.d.ts

@@ -1,3 +1,3 @@
 import { CartModel } from '../../model/storefront.model';
 import { UseFetchCartByIdArgs } from './use-fetch-cart-by-id';
-export declare function useFetchCurrentCart<T = CartModel>(args?: Omit<UseFetchCartByIdArgs<T>, 'id'>): import("@tanstack/react-query").UseQueryResult<T, Error>;
+export declare function useFetchCurrentCart<T = CartModel>(args?: Omit<UseFetchCartByIdArgs<T>, 'id'>): import("@tanstack/react-query").UseQueryResult<import("@tanstack/react-query").NoInfer<T>, Error>;

package/dist/shared/api/storefront/hooks/website/use-fetch-countries-with-languages.d.ts

@@ -2,4 +2,4 @@ import { Country } from '../../model/storefront.model';
 export declare function useFetchCountriesWithLanguages<TReturnType = Country[]>({ enabled, select, }?: {
     enabled?: boolean;
     select?: (data: Country[]) => TReturnType;
-}): import("@tanstack/react-query").UseQueryResult<TReturnType, Error>;
+}): import("@tanstack/react-query").UseQueryResult<import("@tanstack/react-query").NoInfer<TReturnType>, Error>;

package/dist/shared/hooks/use-debounced-callback.js

@@ -1,3 +1,4 @@
+"use client";
 import { useRef, useCallback } from 'react';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/dist/shared/hooks/use-enable-mobile-zoom.js

@@ -1,3 +1,4 @@
+"use client";
 import { useRef, useEffect } from 'react';
 
 function useEnableMobileZoom({ isEnabled }) {

package/dist/shared/hooks/use-intersection-observer.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState, useRef, useEffect } from 'react';
 
 function useIntersectionObserver({ isDisabled, observables, onIntersectingChange, }) {

package/dist/shared/hooks/use-mutation-observer.js

@@ -1,3 +1,4 @@
+"use client";
 import { useRef, useEffect } from 'react';
 
 function useMutationObserver(onChange, options) {

package/dist/shared/hooks/use-resize-observer.js

@@ -1,3 +1,4 @@
+"use client";
 import { useRef, useEffect } from 'react';
 
 function useResizeObserver(resizeCallback) {

package/dist/shared/routing/types.d.ts

@@ -6,6 +6,7 @@ export interface RouteContext {
 }
 export interface RouteLinkElementProps extends React.HTMLProps<HTMLAnchorElement> {
     href: string;
+    onNavigate: () => void;
     route?: NavigateOptions;
 }
 export interface NavigateOptions {

package/dist/shared/routing/use-route-link.d.ts

@@ -0,0 +1,8 @@
+import { NavigateOptions } from './types';
+export declare function useRouteLink(): {
+    RouteLinkElement: React.ElementType<import("./types").RouteLinkElementProps> | undefined;
+    getRouteLinkProps: (href: string, route?: NavigateOptions) => {
+        href: string;
+        onNavigate: () => void;
+    };
+};

package/dist/shared/routing/use-route-link.js

@@ -0,0 +1,24 @@
+import { useCallback } from 'react';
+import { buildHref } from './route-utils.js';
+import { useBasePath } from './use-base-path.js';
+import { useOnNavigate } from './use-on-navigate.js';
+import { useRouteLinkElement } from './use-route-link-element.js';
+
+function useRouteLink() {
+    const basePath = useBasePath();
+    const RouteLinkElement = useRouteLinkElement();
+    const triggerCallbacks = useOnNavigate();
+    const getRouteLinkProps = useCallback((href, route) => {
+        href = buildHref({ basePath, href });
+        return {
+            href,
+            onNavigate: () => triggerCallbacks(href, route),
+        };
+    }, [basePath, triggerCallbacks]);
+    return {
+        RouteLinkElement,
+        getRouteLinkProps,
+    };
+}
+
+export { useRouteLink };

package/dist/styles.css

@@ -3379,7 +3379,7 @@ html {
 }
 
 /**
- * Swiper 11.2.5
+ * Swiper 11.2.8
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -3387,7 +3387,7 @@ html {
  *
  * Released under the MIT License
  *
- * Released on: March 3, 2025
+ * Released on: May 23, 2025
  */
 
 /* FONT_START */
@@ -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": "170.0.0",
+  "version": "173.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -52,59 +52,59 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.6",
     "@csstools/postcss-global-data": "3.0.0",
-    "@eslint-react/eslint-plugin": "^1.35.0",
+    "@eslint-react/eslint-plugin": "^1.50.0",
     "@rollup/plugin-alias": "5.1.1",
     "@rollup/plugin-commonjs": "28.0.3",
     "@rollup/plugin-node-resolve": "16.0.1",
     "@rollup/plugin-replace": "6.0.2",
     "@rollup/plugin-typescript": "12.1.2",
-    "@storybook/addon-docs": "^8.6.7",
-    "@storybook/addon-essentials": "^8.6.7",
-    "@storybook/addon-interactions": "^8.6.7",
-    "@storybook/addon-links": "^8.6.7",
-    "@storybook/addon-viewport": "^8.6.7",
-    "@storybook/blocks": "^8.6.7",
-    "@storybook/preview-api": "^8.6.7",
-    "@storybook/react": "^8.6.7",
-    "@storybook/react-vite": "^8.6.7",
-    "@storybook/test": "^8.6.7",
+    "@storybook/addon-docs": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/addon-viewport": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/preview-api": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/test": "^8.6.14",
     "@total-typescript/ts-reset": "^0.6.1",
     "@types/js-cookie": "3.0.6",
-    "@types/node": "22.13.10",
+    "@types/node": "22.15.23",
     "@types/postcss-import": "14.0.3",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
-    "@typescript-eslint/eslint-plugin": "8.26.1",
-    "@typescript-eslint/parser": "8.26.1",
+    "@typescript-eslint/eslint-plugin": "8.33.0",
+    "@typescript-eslint/parser": "8.33.0",
     "@typescript/lib-dom": "npm:typescript-partial-lib-dom@^1.1.0",
-    "@vitejs/plugin-react": "4.3.4",
+    "@vitejs/plugin-react": "4.5.0",
     "autoprefixer": "10.4.21",
     "concurrently": "9.1.2",
     "eslint": "8.57.0",
-    "eslint-config-prettier": "10.1.1",
-    "eslint-import-resolver-typescript": "3.9.1",
+    "eslint-config-prettier": "10.1.5",
+    "eslint-import-resolver-typescript": "3.10.1",
     "eslint-plugin-css-modules": "^2.12.0",
-    "eslint-plugin-formatjs": "^5.2.14",
+    "eslint-plugin-formatjs": "^5.3.1",
     "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-mdx": "3.2.0",
-    "eslint-plugin-prettier": "5.2.3",
-    "eslint-plugin-react": "7.37.4",
+    "eslint-plugin-mdx": "3.4.2",
+    "eslint-plugin-prettier": "5.4.0",
+    "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "5.2.0",
     "eslint-plugin-simple-import-sort": "12.1.1",
     "eslint-plugin-sort-destructure-keys": "2.0.0",
     "eslint-plugin-sort-keys-fix": "1.1.2",
     "eslint-plugin-ssr-friendly": "^1.3.0",
-    "eslint-plugin-storybook": "^0.11.6",
+    "eslint-plugin-storybook": "^0.12.0",
     "eslint-plugin-typescript-sort-keys": "3.3.0",
     "eslint-plugin-unicorn": "^56.0.1",
     "eslint-plugin-unused-imports": "4.1.4",
     "http-server": "14.1.1",
     "husky": "9.1.7",
-    "instantsearch.js": "4.78.0",
-    "nodemon": "3.1.9",
+    "instantsearch.js": "4.78.3",
+    "nodemon": "3.1.10",
     "postcss": "8.5.3",
-    "postcss-custom-media": "11.0.5",
+    "postcss-custom-media": "11.0.6",
     "postcss-import": "16.1.0",
     "postcss-nested": "7.0.2",
     "prettier": "3.5.3",
@@ -112,44 +112,44 @@
     "react-dom": "18.3.1",
     "react-json-view": "1.21.3",
     "rimraf": "6.0.1",
-    "rollup": "4.36.0",
+    "rollup": "4.41.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-preserve-directives": "^0.4.0",
-    "storybook": "^8.6.7",
-    "stylelint": "16.16.0",
+    "storybook": "^8.6.14",
+    "stylelint": "16.19.1",
     "stylelint-config-css-modules": "4.4.0",
     "stylelint-config-idiomatic-order": "10.0.0",
     "stylelint-config-standard": "37.0.0",
-    "typescript": "5.8.2",
-    "typescript-eslint": "^8.26.1",
-    "vite": "6.2.2",
+    "typescript": "5.8.3",
+    "typescript-eslint": "^8.33.0",
+    "vite": "6.3.5",
     "vite-tsconfig-paths": "5.1.4",
-    "vitest": "3.0.9"
+    "vitest": "3.1.4"
   },
   "dependencies": {
     "@adyen/adyen-web": "5.32.0",
-    "@algolia/autocomplete-core": "1.18.1",
-    "@algolia/autocomplete-plugin-query-suggestions": "1.18.1",
-    "@algolia/autocomplete-plugin-recent-searches": "1.18.1",
-    "@algolia/autocomplete-preset-algolia": "1.18.1",
+    "@algolia/autocomplete-core": "1.19.2",
+    "@algolia/autocomplete-plugin-query-suggestions": "1.19.2",
+    "@algolia/autocomplete-plugin-recent-searches": "1.19.2",
+    "@algolia/autocomplete-preset-algolia": "1.19.2",
     "@algolia/client-search": "4.24.0",
-    "@tanstack/react-query": "5.69.0",
-    "@tanstack/react-query-devtools": "5.69.0",
+    "@tanstack/react-query": "5.77.2",
+    "@tanstack/react-query-devtools": "5.77.2",
     "@types/react-transition-group": "4.4.12",
     "algoliasearch": "4.24.0",
     "clsx": "2.1.1",
     "fast-equals": "5.2.2",
-    "instantsearch.js": "4.78.0",
+    "instantsearch.js": "4.78.3",
     "js-cookie": "3.0.5",
-    "query-string": "9.1.1",
-    "react-aria": "3.38.1",
-    "react-aria-components": "1.7.1",
-    "react-instantsearch": "7.15.4",
+    "query-string": "9.2.0",
+    "react-aria": "3.40.0",
+    "react-aria-components": "1.9.0",
+    "react-instantsearch": "7.15.8",
     "react-toastify": "10.0.6",
     "react-transition-group": "4.4.5",
     "search-insights": "2.17.3",
-    "swiper": "11.2.5"
+    "swiper": "11.2.8"
   },
   "publishConfig": {
     "access": "public"