@sonic-equipment/ui 211.0.0 → 213.0.0

package/dist/algolia/algolia-query-string-routing.js

@@ -1,6 +1,6 @@
 "use client";
-import simpleStateMapping from '../node_modules/.pnpm/instantsearch.js@4.78.3_algoliasearch@4.24.0/node_modules/instantsearch.js/es/lib/stateMappings/simple.js';
-import historyRouter from '../node_modules/.pnpm/instantsearch.js@4.78.3_algoliasearch@4.24.0/node_modules/instantsearch.js/es/lib/routers/history.js';
+import simpleStateMapping from '../node_modules/.pnpm/instantsearch.js@4.79.2_algoliasearch@4.24.0/node_modules/instantsearch.js/es/lib/stateMappings/simple.js';
+import historyRouter from '../node_modules/.pnpm/instantsearch.js@4.79.2_algoliasearch@4.24.0/node_modules/instantsearch.js/es/lib/routers/history.js';
 
 function createQueryStringRouting({ algoliaIndex, hierarchicalCategories, }) {
     return {

package/dist/authentication/authenticated-container.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare function AuthenticatedContainer({ children, onUnauthenticated, views, }: {
+    children: React.ReactNode;
+    onUnauthenticated?: () => void;
+    views?: {
+        unauthenticated?: ReactNode;
+        undetermined?: ReactNode;
+    };
+}): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null;

package/dist/authentication/authenticated-container.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { useIsAuthenticated } from '../shared/api/storefront/hooks/authentication/use-is-authenticated.js';
+
+function AuthenticatedContainer({ children, onUnauthenticated, views, }) {
+    const isAuthenticated = useIsAuthenticated();
+    const wasAuthenticated = useRef(Boolean(isAuthenticated));
+    useEffect(() => {
+        if (wasAuthenticated.current === true && isAuthenticated === false)
+            onUnauthenticated?.();
+        wasAuthenticated.current = isAuthenticated || false;
+    }, [isAuthenticated, onUnauthenticated]);
+    if (isAuthenticated === false)
+        return views?.unauthenticated ?? null;
+    if (isAuthenticated === undefined)
+        return views?.undetermined ?? null;
+    return jsx(Fragment, { children: children });
+}
+
+export { AuthenticatedContainer };

package/dist/base.css

@@ -15,8 +15,7 @@ body {
   color: #000;
   font-size: 16px;
   font-weight: 400;
-  -webkit-hyphens: auto;
-          hyphens: auto;
+  hyphens: auto;
   line-height: 1.5;
 }
 

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { FormattedMessage } from '../../intl/formatted-message.js';

package/dist/carousel/carousel.js

@@ -2,9 +2,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useMemo } from 'react';
 import clsx from 'clsx';
-import Navigation from '../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/navigation.js';
-import freeMode from '../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/free-mode.js';
-import { Swiper, SwiperSlide } from '../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/swiper-react.js';
+import Navigation from '../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/navigation.js';
+import freeMode from '../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/free-mode.js';
+import { Swiper, SwiperSlide } from '../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/swiper-react.js';
 import { breakpoints } from '../shared/utils/breakpoints.js';
 import { deepMerge } from '../shared/utils/merge.js';
 import { CarouselNavigationButton } from './carousel-navigation-button.js';

package/dist/carousel/usp-carousel/usp-carousel.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState } from 'react';
-import { Swiper, SwiperSlide } from '../../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/swiper-react.js';
+import { Swiper, SwiperSlide } from '../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/swiper-react.js';
 import { CarouselPagination } from '../pagination/pagination.js';
 import styles from './usp-carousel.module.css.js';
 

package/dist/cart-totals/cart-totals.js

@@ -9,7 +9,7 @@ import styles from './cart-totals.module.css.js';
 const formatDisplayPriceToSymbolSpaceValue = (displayPrice) => displayPrice.replace(/^(\D)([\d,.]*$)/, (_, symbol, value) => `${symbol} ${value}`);
 function CartTotals({ currencyCode, deliveryDate, fulfillmentMethod, isPayByInvoice, orderNumber, shippingCost, subtotal, tax, total, vatPercentage, }) {
     const t = useFormattedMessage();
-    return (jsxs("div", { className: styles['cart-totals'], children: [orderNumber && (jsxs("section", { className: styles.section, children: [jsx(Heading, { className: styles['section-header'], size: "xxxs", tag: "h3", children: jsx(FormattedMessage, { id: "Order number" }) }), jsx("div", { children: jsx("div", { className: styles.line, children: jsx("p", { className: styles.label, "data-test-selector": "orderConfirmation_orderNumber", children: orderNumber }) }) })] })), deliveryDate !== undefined && (jsxs("section", { className: styles.section, children: [jsx(Heading, { className: styles['section-header'], size: "xxxs", tag: "h3", children: jsx(FormattedMessage, { id: "Delivery date" }) }), jsx("div", { children: jsx("div", { className: styles.line, children: jsx("p", { className: styles.label, "data-test-selector": "deliveryDate", children: deliveryDate || t('As soon as possible') }) }) })] })), fulfillmentMethod && (jsxs("section", { className: styles.section, children: [jsx(Heading, { className: styles['section-header'], size: "xxxs", tag: "h3", children: jsx(FormattedMessage, { id: "Fulfillment method" }) }), jsx("div", { children: jsx("div", { className: styles.line, children: jsx("p", { className: styles.label, "data-test-selector": "fulfillmentMethod", children: jsx(FormattedMessage, { id: `fulfillmentmethod.${fulfillmentMethod}` }) }) }) })] })), isPayByInvoice && (jsxs("section", { className: styles.section, children: [jsx(Heading, { className: styles['section-header'], size: "xxxs", tag: "h3", children: jsx(FormattedMessage, { id: "Payment method" }) }), jsx("div", { children: jsx("div", { className: styles.line, children: jsx("p", { className: styles.label, "data-test-selector": "paymentMethod", children: jsx(FormattedMessage, { id: "Pay by invoice" }) }) }) })] })), jsxs("section", { className: styles.section, children: [jsx(Heading, { className: styles['section-header'], size: "xxxs", tag: "h3", children: jsx(FormattedMessage, { id: "Cost overview" }) }), jsxs("div", { children: [jsxs("div", { className: styles.line, children: [jsxs("p", { className: styles.label, children: [jsx(FormattedMessage, { id: "Subtotal" }), ' ', jsx(FormattedMessage, { id: "Excl. VAT" })] }), jsx(Price, { className: styles.value, currencyCode: currencyCode, "data-test-selector": "cartTotal_subTotal", price: subtotal })] }), jsxs("div", { className: styles.line, children: [jsx("p", { className: styles.label, children: jsx(FormattedMessage, { id: "Shipping and handling" }) }), jsx(Price, { className: styles.value, currencyCode: currencyCode, "data-test-selector": "shippingCost", price: shippingCost })] }), jsxs("div", { className: styles.line, children: [jsxs("p", { className: styles.label, children: [jsx(FormattedMessage, { id: "VAT" }), ' ', vatPercentage ? `${vatPercentage}%` : ''] }), jsx(Price, { className: styles.value, currencyCode: currencyCode, "data-test-selector": "vatAmount", price: tax })] })] })] }), jsx("section", { className: styles.totals, children: jsxs("div", { className: styles.line, children: [jsx("p", { className: styles.label, children: jsx(FormattedMessage, { id: "Total" }) }), jsx(Price, { className: styles.value, currencyCode: currencyCode, "data-test-selector": "cartTotal_orderGrandTotalDisplay", price: total })] }) })] }));
+    return (jsxs("div", { className: styles['cart-totals'], children: [orderNumber && (jsxs("section", { className: styles.section, children: [jsx(Heading, { className: styles['section-header'], size: "xxxs", tag: "h3", children: jsx(FormattedMessage, { id: "Order number" }) }), jsx("div", { children: jsx("div", { className: styles.line, children: jsx("p", { className: styles.label, "data-test-selector": "orderConfirmation_orderNumber", children: orderNumber }) }) })] })), deliveryDate !== undefined && (jsxs("section", { className: styles.section, children: [jsx(Heading, { className: styles['section-header'], size: "xxxs", tag: "h3", children: jsx(FormattedMessage, { id: "Delivery date" }) }), jsx("div", { children: jsx("div", { className: styles.line, children: jsx("p", { className: styles.label, "data-test-selector": "deliveryDate", children: deliveryDate || t('As soon as possible') }) }) })] })), fulfillmentMethod && (jsxs("section", { className: styles.section, children: [jsx(Heading, { className: styles['section-header'], size: "xxxs", tag: "h3", children: jsx(FormattedMessage, { id: "Fulfillment method" }) }), jsx("div", { children: jsx("div", { className: styles.line, children: jsx("p", { className: styles.label, "data-test-selector": "fulfillmentMethod", children: jsx(FormattedMessage, { id: `fulfillmentmethod.${fulfillmentMethod}` }) }) }) })] })), isPayByInvoice && (jsxs("section", { className: styles.section, children: [jsx(Heading, { className: styles['section-header'], size: "xxxs", tag: "h3", children: jsx(FormattedMessage, { id: "Payment method" }) }), jsx("div", { children: jsx("div", { className: styles.line, children: jsx("p", { className: styles.label, "data-test-selector": "paymentMethod", children: jsx(FormattedMessage, { id: "Pay by invoice" }) }) }) })] })), jsxs("section", { className: styles.section, children: [jsx(Heading, { className: styles['section-header'], size: "xxxs", tag: "h3", children: jsx(FormattedMessage, { id: "Cost overview" }) }), jsxs("div", { children: [jsxs("div", { className: styles.line, children: [jsxs("p", { className: styles.label, children: [jsx(FormattedMessage, { id: "Subtotal" }), " (", jsx(FormattedMessage, { id: "Excl. VAT" }), ")"] }), jsx(Price, { className: styles.value, currencyCode: currencyCode, "data-test-selector": "cartTotal_subTotal", price: subtotal })] }), jsxs("div", { className: styles.line, children: [jsx("p", { className: styles.label, children: jsx(FormattedMessage, { id: "Shipping and handling" }) }), jsx(Price, { className: styles.value, currencyCode: currencyCode, "data-test-selector": "shippingCost", price: shippingCost })] }), jsxs("div", { className: styles.line, children: [jsxs("p", { className: styles.label, children: [jsx(FormattedMessage, { id: "VAT" }), ' ', vatPercentage ? `${vatPercentage}%` : ''] }), jsx(Price, { className: styles.value, currencyCode: currencyCode, "data-test-selector": "vatAmount", price: tax })] })] })] }), jsx("section", { className: styles.totals, children: jsxs("div", { className: styles.line, children: [jsx("p", { className: styles.label, children: jsx(FormattedMessage, { id: "Total" }) }), jsx(Price, { className: styles.value, currencyCode: currencyCode, "data-test-selector": "cartTotal_orderGrandTotalDisplay", price: total })] }) })] }));
 }
 
 export { CartTotals, formatDisplayPriceToSymbolSpaceValue };

package/dist/collapsables/accordion/accordion-item.js

@@ -29,7 +29,7 @@ function AccordionItem({ _pseudo = 'none', allowCollapse = true, allowToggle = t
                     }), disabled: isDisabled, id: id, onClick: () => {
                         if (allowToggle && allowCollapse)
                             toggle();
-                    }, tabIndex: allowToggle ? 0 : -1, type: "button", children: [title, jsx("span", { className: styles.icon, children: size === 'lg' ? (jsx(GlyphsChevronsBoldDownIcon, {})) : (jsx(GlyphsChevronsSlimDownIcon, {})) })] }) }), jsx("div", { "aria-hidden": !isOpen, "aria-labelledby": id, className: styles.panel, id: panelId, inert: isOpen ? undefined : 'true', role: "region", children: children })] }));
+                    }, tabIndex: allowToggle ? 0 : -1, type: "button", children: [title, jsx("span", { className: styles.icon, children: size === 'lg' ? (jsx(GlyphsChevronsBoldDownIcon, {})) : (jsx(GlyphsChevronsSlimDownIcon, {})) })] }) }), jsx("div", { "aria-hidden": !isOpen, "aria-labelledby": id, className: styles.panel, id: panelId, inert: isOpen ? undefined : true, role: "region", children: children })] }));
 }
 
 export { AccordionItem };

package/dist/collapsables/show-all/show-all.js

@@ -23,7 +23,7 @@ function ShowAll({ children, hasTransparency = true, initialHeight = 0, initialI
             [styles['is-open']]: isReallyOpen,
         }), style: contentFits ? undefined : { '--initial-height': `${initialHeight}px` }, children: [jsx("div", { className: styles.panel, children: jsx("div", { className: clsx(styles.content, {
                         [styles['has-transparency']]: !contentFits && hasTransparency,
-                    }), children: jsx("div", { ref: ref, "aria-hidden": !isReallyOpen, inert: isReallyOpen ? undefined : 'true', children: children }) }) }), !contentFits && (jsxs(Link, { className: styles.button, color: "secondary", onClick: () => {
+                    }), children: jsx("div", { ref: ref, "aria-hidden": !isReallyOpen, inert: isReallyOpen ? undefined : true, children: children }) }) }), !contentFits && (jsxs(Link, { className: styles.button, color: "secondary", onClick: () => {
                     if (isControlled)
                         return onToggle(!isControlled);
                     toggle();

package/dist/exports.d.ts

@@ -26,6 +26,7 @@ export * from './algolia/use-algolia-insights';
 export * from './algolia/use-algolia-insights-provider-global-state';
 export * from './algolia/use-algolia-instant-search-state';
 export * from './algolia/use-algolia-search';
+export * from './authentication/authenticated-container';
 export * from './background-overlay/background-overlay';
 export * from './background-overlay/background-overlay-manager';
 export * from './badges/badge/badge';

package/dist/header/buttons/account/connected-account-button.js

@@ -14,7 +14,7 @@ function ConnectedAccountButton({ className, 'data-test-selector': dataTestSelec
     const { href } = useLocation();
     return (jsx(IconButton, { className: className, "data-authenticated": isAuthenticated ? true : false, "data-test-selector": dataTestSelector, href: isAuthenticated
             ? paths.ACCOUNT
-            : `${paths.SIGN_IN}${href ? `?returnUrl=${encodeURIComponent(href)}` : ''}`, onClick: onClick, children: jsx(AccountIcon, { "aria-label": isAuthenticated ? t('My Sonic') : t('Sign in or create account'), isAuthenticated: isAuthenticated }) }));
+            : `${paths.SIGN_IN}${href ? `?returnUrl=${encodeURIComponent(href)}` : ''}`, isDisabled: isAuthenticated === undefined, onClick: onClick, children: jsx(AccountIcon, { "aria-label": isAuthenticated ? t('My Sonic') : t('Sign in or create account'), isAuthenticated: isAuthenticated }) }));
 }
 
 export { ConnectedAccountButton };

package/dist/index.js

@@ -31,6 +31,7 @@ export { useAlgoliaInsights } from './algolia/use-algolia-insights.js';
 export { useAlgoliaInsightsGlobalState } from './algolia/use-algolia-insights-provider-global-state.js';
 export { useAlgoliaInstantSearchState, useAlgoliaInstantSearchStateIndex, useAlgoliaInstantSearchStateOnline, useAlgoliaInstantSearchStateQueryId, useAlgoliaInstantSearchStateStatus } from './algolia/use-algolia-instant-search-state.js';
 export { useAlgoliaSearch } from './algolia/use-algolia-search.js';
+export { AuthenticatedContainer } from './authentication/authenticated-container.js';
 export { BackgroundOverlay } from './background-overlay/background-overlay.js';
 export { BackgroundOverlayManager } from './background-overlay/background-overlay-manager.js';
 export { Badge } from './badges/badge/badge.js';

package/dist/media/image-lightbox/image-lightbox.js

@@ -2,9 +2,9 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import clsx from 'clsx';
-import Navigation from '../../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/navigation.js';
-import Thumb from '../../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/thumbs.js';
-import { Swiper, SwiperSlide } from '../../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/swiper-react.js';
+import Navigation from '../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/navigation.js';
+import Thumb from '../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/thumbs.js';
+import { Swiper, SwiperSlide } from '../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/swiper-react.js';
 import { CarouselNavigationButton } from '../../carousel/carousel-navigation-button.js';
 import { CarouselPagination } from '../../carousel/pagination/pagination.js';
 import { Image } from '../image/image.js';

package/dist/navigation/account-icon/account-icon.js

@@ -7,7 +7,7 @@ import { useFormattedMessage } from '../../intl/use-formatted-message.js';
 
 function AccountIcon({ 'aria-label': ariaLabel, isAuthenticated, }) {
     const t = useFormattedMessage();
-    return (jsx(IconWithBadge, { "aria-label": ariaLabel, badge: isAuthenticated ? (jsx(Badge, { "aria-label": `(${t('Signed in')})`, variant: "green" })) : (jsx(Badge, { "aria-label": `(${t('Signed out')})`, variant: "red" })), icon: jsx(SolidLoginIcon, { role: "presentation" }) }));
+    return (jsx(IconWithBadge, { "aria-label": ariaLabel, badge: isAuthenticated === undefined ? null : isAuthenticated ? (jsx(Badge, { "aria-label": `(${t('Signed in')})`, variant: "green" })) : (jsx(Badge, { "aria-label": `(${t('Signed out')})`, variant: "red" })), icon: jsx(SolidLoginIcon, { role: "presentation" }) }));
 }
 
 export { AccountIcon };

package/dist/node_modules/.pnpm/qs@6.9.7/node_modules/qs/lib/stringify.js

@@ -127,7 +127,7 @@ function requireStringify () {
 	    var objKeys;
 	    if (generateArrayPrefix === 'comma' && isArray(obj)) {
 	        // we need to join elements in
-	        objKeys = [{ value: obj.length > 0 ? obj.join(',') || null : void 0 }];
+	        objKeys = [{ value: obj.length > 0 ? obj.join(',') || null : void undefined }];
 	    } else if (isArray(filter)) {
 	        objKeys = filter;
 	    } else {

package/dist/node_modules/.pnpm/{swiper@11.2.8 → swiper@11.2.10}/node_modules/swiper/shared/ssr-window.esm.js

@@ -1,5 +1,5 @@
 /**
- * SSR Window 5.0.0
+ * SSR Window 5.0.1
  * Better handling for window object in SSR environment
  * https://github.com/nolimits4web/ssr-window
  *
@@ -7,7 +7,7 @@
  *
  * Licensed under MIT
  *
- * Released on: February 12, 2025
+ * Released on: June 27, 2025
  */
 /* eslint-disable no-param-reassign */
 function isObject(obj) {

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

@@ -1768,23 +1768,16 @@ function slideToClickedSlide() {
     slidesEl
   } = swiper;
   const slidesPerView = params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : params.slidesPerView;
-  let slideToIndex = swiper.clickedIndex;
+  let slideToIndex = swiper.getSlideIndexWhenGrid(swiper.clickedIndex);
   let realIndex;
   const slideSelector = swiper.isElement ? `swiper-slide` : `.${params.slideClass}`;
+  const isGrid = swiper.grid && swiper.params.grid && swiper.params.grid.rows > 1;
   if (params.loop) {
     if (swiper.animating) return;
     realIndex = parseInt(swiper.clickedSlide.getAttribute('data-swiper-slide-index'), 10);
     if (params.centeredSlides) {
-      if (slideToIndex < swiper.loopedSlides - slidesPerView / 2 || slideToIndex > swiper.slides.length - swiper.loopedSlides + slidesPerView / 2) {
-        swiper.loopFix();
-        slideToIndex = swiper.getSlideIndex(elementChildren(slidesEl, `${slideSelector}[data-swiper-slide-index="${realIndex}"]`)[0]);
-        nextTick(() => {
-          swiper.slideTo(slideToIndex);
-        });
-      } else {
-        swiper.slideTo(slideToIndex);
-      }
-    } else if (slideToIndex > swiper.slides.length - slidesPerView) {
+      swiper.slideToLoop(realIndex);
+    } else if (slideToIndex > (isGrid ? (swiper.slides.length - slidesPerView) / 2 - (swiper.params.grid.rows - 1) : swiper.slides.length - slidesPerView)) {
       swiper.loopFix();
       slideToIndex = swiper.getSlideIndex(elementChildren(slidesEl, `${slideSelector}[data-swiper-slide-index="${realIndex}"]`)[0]);
       nextTick(() => {
@@ -1821,7 +1814,20 @@ function loopCreate(slideRealIndex, initial) {
       el.setAttribute('data-swiper-slide-index', index);
     });
   };
+  const clearBlankSlides = () => {
+    const slides = elementChildren(slidesEl, `.${params.slideBlankClass}`);
+    slides.forEach(el => {
+      el.remove();
+    });
+    if (slides.length > 0) {
+      swiper.recalcSlides();
+      swiper.updateSlides();
+    }
+  };
   const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
+  if (params.loopAddBlankSlides && (params.slidesPerGroup > 1 || gridEnabled)) {
+    clearBlankSlides();
+  }
   const slidesPerGroup = params.slidesPerGroup * (gridEnabled ? params.grid.rows : 1);
   const shouldFillGroup = swiper.slides.length % slidesPerGroup !== 0;
   const shouldFillGrid = gridEnabled && swiper.slides.length % params.grid.rows !== 0;
@@ -1913,7 +1919,7 @@ function loopFix(_temp) {
     }
   }
   const slidesPerGroup = params.slidesPerGroupAuto ? slidesPerView : params.slidesPerGroup;
-  let loopedSlides = slidesPerGroup;
+  let loopedSlides = centeredSlides ? Math.max(slidesPerGroup, Math.ceil(slidesPerView / 2)) : slidesPerGroup;
   if (loopedSlides % slidesPerGroup !== 0) {
     loopedSlides += slidesPerGroup - loopedSlides % slidesPerGroup;
   }
@@ -3510,6 +3516,16 @@ class Swiper {
   getSlideIndexByData(index) {
     return this.getSlideIndex(this.slides.find(slideEl => slideEl.getAttribute('data-swiper-slide-index') * 1 === index));
   }
+  getSlideIndexWhenGrid(index) {
+    if (this.grid && this.params.grid && this.params.grid.rows > 1) {
+      if (this.params.grid.fill === 'column') {
+        index = Math.floor(index / this.params.grid.rows);
+      } else if (this.params.grid.fill === 'row') {
+        index = index % Math.ceil(this.slides.length / this.params.grid.rows);
+      }
+    }
+    return index;
+  }
   recalcSlides() {
     const swiper = this;
     const {

package/dist/node_modules/.pnpm/{swiper@11.2.8 → swiper@11.2.10}/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.8
+ * Swiper React 11.2.10
  * 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: May 23, 2025
+ * Released on: June 28, 2025
  */
 
 

package/dist/pages/account/sign-in-page/sign-in-page.js

@@ -44,7 +44,7 @@ function SignInPage({ returnUrl } = {}) {
         if (data.guestSignIn) {
             if (session?.isGuest && session.isAuthenticated)
                 return onSuccess();
-            createGuest(void 0, { onSuccess });
+            createGuest(void undefined, { onSuccess });
         }
         else {
             signIn({

package/dist/pages/my-sonic/pages/order-history/order-history.js

@@ -66,9 +66,10 @@ function OrderHistory() {
         ...options,
         [status]: t(`orderStatus.${status}`),
     }), { any: t('orderStatus.Any') });
-    return (jsx(Fragment, { children: jsxs("section", { ref: orderHistoryRef, className: styles['order-history'], children: [jsx("div", { className: styles['search'], children: jsx(SearchField, { isDebounced: true, label: t('Search orders'), onChange: searchOrders, placeholder: t('Search orders'), showLabel: false, variant: "outline" }) }), jsx("div", { className: styles['filter'], children: jsx(SelectField, { label: t('Filter order status'), onChange: filterOrders, options: filterOptions, selectedOption: status, showLabel: false }) }), jsx("div", { "aria-label": t('Results'), "aria-live": "polite", className: styles['results'], children: jsx(DynamicLoadingOverlay, { isLoading: isFetching, children: orders && orders.length > 0 ? (jsx(DataTable, { actions: [
+    return (jsx(Fragment, { children: jsxs("section", { ref: orderHistoryRef, className: styles['order-history'], "data-test-selector": "order-history", children: [jsx("div", { className: styles['search'], children: jsx(SearchField, { isDebounced: true, "data-test-selector": "order-history-search", label: t('Search orders'), onChange: searchOrders, placeholder: t('Search orders'), showLabel: false, variant: "outline" }) }), jsx("div", { className: styles['filter'], children: jsx(SelectField, { "data-test-selector": "order-history-filter", label: t('Filter order status'), onChange: filterOrders, options: filterOptions, selectedOption: status, showLabel: false }) }), jsx("div", { "aria-label": t('Results'), "aria-live": "polite", className: styles['results'], children: jsx(DynamicLoadingOverlay, { isLoading: isFetching, children: orders && orders.length > 0 ? (jsx(DataTable, { actions: [
                                 {
-                                    isPrimary: true,
+                                    'data-test-selector': 'order-history-reorder',
+                                    isPrimary: false,
                                     key: 'reorder',
                                     label: 'Reorder',
                                     onAction: order => window?.alert(`Reorder ${order.id}`),
@@ -80,13 +81,13 @@ function OrderHistory() {
                                     },
                                     key: 'webOrderNumber',
                                     props: {
-                                        cssColumn: 'minmax(10ch, min-content)',
+                                        cssColumn: 'minmax(15ch, min-content)',
                                         nowrap: true,
                                         sticky: true,
                                     },
                                     sort: { direction: 'DESC', isEnabled: true },
                                     value: {
-                                        render: order => (jsx(Link, { hasUnderline: true, color: "secondary", href: `/my-sonic/order-history/${order.id}`, onClick: () => window?.alert(`open ${order.id}`), children: order.webOrderNumber })),
+                                        render: order => (jsx(Link, { hasUnderline: true, color: "secondary", "data-test-selector": "order-history-order-link", href: `/my-sonic/order-history/${order.id}`, onClick: () => window?.alert(`open ${order.id}`), children: order.webOrderNumber })),
                                     },
                                 },
                                 {
@@ -163,7 +164,9 @@ function OrderHistory() {
                                     name: key,
                                     order: direction,
                                 });
-                            } })) : (!isFetching && (jsx("p", { className: styles['no-results'], children: t('No orders found.') }))) }) }), orders && orders.length > 0 && (jsx("nav", { className: styles['paging'], children: jsx(Pagination, { currentPage: pagination?.currentPage || 1, onChange: page => setPage(page), totalPages: pagination?.numberOfPages || 1 }) })), jsx("div", { className: styles['sticky-bar'], role: "presentation" })] }) }));
+                            }, row: {
+                                'data-test-selector': (order, _) => `tr-${order.id}`,
+                            } })) : (!isFetching && (jsx("p", { className: styles['no-results'], children: t('No orders found.') }))) }) }), orders && orders.length > 0 && (jsx("nav", { className: styles['paging'], children: jsx(Pagination, { currentPage: pagination?.currentPage || 1, "data-test-selector": "order-history-pagination", onChange: page => setPage(page), totalPages: pagination?.numberOfPages || 1 }) })), jsx("div", { className: styles['sticky-bar'], role: "presentation" })] }) }));
 }
 
 export { OrderHistory };

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

@@ -49,11 +49,12 @@ function ConnectedAddressBookWidget() {
         }
     };
     return (jsx(TableCard, { stickyHeader: true, actions: [
-            jsx(SearchField, { isDebounced: true, className: styles['search-field'], label: t('Search'), onChange: searchAddresses, placeholder: t('Search'), showLabel: false, size: "md", variant: "outline" }, "searchAddresses"),
-            jsx(Button, { color: "secondary", href: `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/current${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/new?returnUrl=${encodeURIComponent(`${href}#${addressBookId}`)}`, size: "sm", variant: "outline", children: t('Add address') }, "addAddress"),
-        ], className: styles['address-book-widget'], "data-test-selector": "address-book-widget", id: addressBookId, isLoading: isFetching, paging: addresses &&
+            jsx(SearchField, { isDebounced: true, className: styles['search-field'], "data-test-selector": "address-book-search", label: t('Search'), onChange: searchAddresses, placeholder: t('Search'), showLabel: false, size: "md", variant: "outline" }, "searchAddresses"),
+            jsx(Button, { color: "secondary", "data-test-selector": "address-book-add-address", href: `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/current${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/new?returnUrl=${encodeURIComponent(`${href}#${addressBookId}`)}`, size: "sm", variant: "outline", children: t('Add address') }, "addAddress"),
+        ], className: styles['address-book-widget'], "data-test-selector": "address-book", id: addressBookId, isLoading: isFetching, paging: addresses &&
             addresses.length > 0 && (jsx("nav", { className: styles['paging'], children: jsx(Pagination, { currentPage: pagination?.currentPage || 1, onChange: page => setPage(page), totalPages: pagination?.numberOfPages || 1 }) })), results: addresses ? addresses.length : 0, showError: error, title: "Address book", children: jsx("div", { ref: addressBookRef, "aria-label": "Results", "aria-live": "polite", className: styles['results'], children: jsx(DynamicLoadingOverlay, { isLoading: isFetching, children: jsx(DataTable, { actions: [
                         {
+                            'data-test-selector': 'edit-address',
                             href: address => `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/current${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/${address.id}?returnUrl=${encodeURIComponent(`${href}#${addressBookId}`)}`,
                             key: 'edit',
                             label: 'Edit',
@@ -71,7 +72,7 @@ function ConnectedAddressBookWidget() {
                             },
                             value: {
                                 render: address => {
-                                    return (address.isDefault && (jsx(SolidRatingIcon, { "aria-label": `(${t('addressProperty.Default')})`, className: styles['default-icon'] })));
+                                    return (address.isDefault && (jsx(SolidRatingIcon, { "aria-label": `(${t('addressProperty.Default')})`, className: styles['default-icon'], "data-test-selector": "default-address" })));
                                 },
                             },
                         },
@@ -132,8 +133,8 @@ function ConnectedAddressBookWidget() {
                             header: { label: 'addressProperty.Country' },
                             key: 'country.name',
                             props: {
-                                cssColumn: 'minmax(12ch, min-content)',
-                                nowrap: true,
+                                cssColumn: 'minmax(15ch, min-content)',
+                                truncated: 2,
                             },
                             sort: {
                                 isEnabled: true,
@@ -162,6 +163,9 @@ function ConnectedAddressBookWidget() {
                             name: key,
                             order: direction,
                         });
+                    }, row: {
+                        'data-test-selector': (address, _) => `address-${address.id}`,
+                        selected: (address, _) => address.isDefault,
                     } }) }) }) }));
 }
 

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-lines-with-atp.d.ts

@@ -21,6 +21,7 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("../../model/storefront.model").CartModel>;
@@ -47,6 +48,7 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("../../model/storefront.model").CartModel>;
@@ -73,6 +75,7 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("../../model/storefront.model").CartModel>;
@@ -99,6 +102,7 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("../../model/storefront.model").CartModel>;
@@ -125,6 +129,7 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("../../model/storefront.model").CartModel>;
@@ -151,6 +156,7 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("../../model/storefront.model").CartModel>;

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

@@ -25,6 +25,7 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<CartModel>;
@@ -51,6 +52,7 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<CartModel>;
@@ -77,6 +79,7 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<CartModel>;
@@ -103,6 +106,7 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<CartModel>;
@@ -129,6 +133,7 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<CartModel>;
@@ -155,6 +160,7 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<CartModel>;

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

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { fetchPagedShipToAddresses } from '../../services/customer-service.js';
 

package/dist/sidebar/sidebar.js

@@ -14,7 +14,7 @@ function Sidebar({ children, className }) {
             [styles['is-closed']]: !isOpen,
             [styles['is-docked']]: isDocked,
             [styles['is-not-docked']]: !isDocked,
-        }, className), inert: isOpen ? undefined : 'true', children: [jsx(IconButton, { className: styles.close, color: "secondary", onClick: toggle, children: jsx(StrokeCloseboxIcon, {}) }), jsx("div", { className: styles['content'], children: children })] }));
+        }, className), inert: isOpen ? undefined : true, children: [jsx(IconButton, { className: styles.close, color: "secondary", onClick: toggle, children: jsx(StrokeCloseboxIcon, {}) }), jsx("div", { className: styles['content'], children: children })] }));
 }
 
 export { Sidebar };