@sonic-equipment/ui 0.0.46 → 0.0.48

package/dist/config.d.ts

@@ -3,6 +3,7 @@ interface Config {
     ALGOLIA_API_KEY: string;
     ALGOLIA_APP_ID: string;
     ALGOLIA_HOST: string;
+    ALGOLIA_PROXY_HOST: string;
     BFF_API_URL: string;
     SHOP_API_URL: string;
 }

package/dist/index.d.ts

@@ -16,6 +16,7 @@ interface Config {
     ALGOLIA_API_KEY: string;
     ALGOLIA_APP_ID: string;
     ALGOLIA_HOST: string;
+    ALGOLIA_PROXY_HOST: string;
     BFF_API_URL: string;
     SHOP_API_URL: string;
 }

package/dist/index.js

@@ -53,6 +53,7 @@ const configPerEnvironment = {
         ALGOLIA_API_KEY: 'e31a3a53449eceb4d0f9273b9bcd9759',
         ALGOLIA_APP_ID: '14CUFCVMAD',
         ALGOLIA_HOST: 'bff.shop.sonic-equipment.com',
+        ALGOLIA_PROXY_HOST: 'https://shop.sonic-equipment.com/bff',
         BFF_API_URL: 'https://bff.shop.sonic-equipment.com',
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         SHOP_API_URL: '',
@@ -61,6 +62,7 @@ const configPerEnvironment = {
         ALGOLIA_API_KEY: 'e0edf30798a6b2e4e44fd25f0f2f9646',
         ALGOLIA_APP_ID: 'testing9VXJ0U4GSV',
         ALGOLIA_HOST: 'test-bff.shop.sonic-equipment.com',
+        ALGOLIA_PROXY_HOST: 'https://sonicequipment.commerce.insitesandbox.com/bff',
         BFF_API_URL: 'https://test-bff.shop.sonic-equipment.com',
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         SHOP_API_URL: '',
@@ -1348,7 +1350,22 @@ function elementChildren(element, selector) {
   if (selector === void 0) {
     selector = '';
   }
-  return [...element.children].filter(el => el.matches(selector));
+  const children = [...element.children];
+  if (element instanceof HTMLSlotElement) {
+    children.push(...element.assignedElements());
+  }
+  if (!selector) {
+    return children;
+  }
+  return children.filter(el => el.matches(selector));
+}
+function elementIsChildOf(el, parent) {
+  const isChild = parent.contains(el);
+  if (!isChild && parent instanceof HTMLSlotElement) {
+    const children = [...element.assignedElements()];
+    return children.includes(el);
+  }
+  return isChild;
 }
 function showWarning(text) {
   try {
@@ -3857,7 +3874,7 @@ function onTouchStart(event) {
   }
   let targetEl = e.target;
   if (params.touchEventsTarget === 'wrapper') {
-    if (!swiper.wrapperEl.contains(targetEl)) return;
+    if (!elementIsChildOf(targetEl, swiper.wrapperEl)) return;
   }
   if ('which' in e && e.which === 3) return;
   if ('button' in e && e.button > 0) return;
@@ -5926,7 +5943,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 11.1.5
+ * Swiper React 11.1.7
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -5934,7 +5951,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: July 15, 2024
+ * Released on: July 24, 2024
  */
 
 
@@ -6339,6 +6356,7 @@ function Carousel({ breakpoints, className, hasNavigation = true, hasOverflow =
     const [isDragging, setIsDragging] = useState(false);
     function handleSlideChange(swiper) {
         setIsEnd(swiper.isEnd);
+        setIsLocked(swiper.isLocked);
         setIsBeginning(swiper.isBeginning);
     }
     const showNavigation = hasNavigation && !isLocked;
@@ -6348,7 +6366,7 @@ function Carousel({ breakpoints, className, hasNavigation = true, hasOverflow =
             }), freeMode: {
                 enabled: true,
                 sticky: true,
-            }, modules: [freeMode], onSlideChange: swiper => handleSlideChange(swiper), onSwiper: swiper => setIsLocked(swiper.isLocked), onTouchEnd: () => setIsDragging(false), onTouchStart: () => setIsDragging(true), slidesPerView: slidesPerView, spaceBetween: spaceBetween, children: [slides.map((slide, index) => (jsx(SwiperSlide, { className: clsx(styles$t.slide, slideClasses), children: slide }, index))), showNavigation && (jsxs("div", { className: clsx(styles$t['navigation-buttons'], styles$t[navigationButtonsPosition]), children: [jsx("div", { className: clsx(styles$t['navigation-button-wrapper'], styles$t['navigation-button-prev']), children: jsx(CarouselNavigationButton, { direction: "previous", isDisabled: isBeginning }) }), jsx("div", { className: clsx(styles$t['navigation-button-wrapper'], styles$t['navigation-button-next']), children: jsx(CarouselNavigationButton, { direction: "next", isDisabled: isEnd }) })] }))] }) }));
+            }, modules: [freeMode], onSwiper: swiper => setIsLocked(swiper.isLocked), onTouchEnd: () => setIsDragging(false), onTouchStart: () => setIsDragging(true), onUpdate: swiper => handleSlideChange(swiper), slidesPerView: slidesPerView, spaceBetween: spaceBetween, children: [slides.map((slide, index) => (jsx(SwiperSlide, { className: clsx(styles$t.slide, slideClasses), children: slide }, index))), showNavigation && (jsxs("div", { className: clsx(styles$t['navigation-buttons'], styles$t[navigationButtonsPosition]), children: [jsx("div", { className: clsx(styles$t['navigation-button-wrapper'], styles$t['navigation-button-prev']), children: jsx(CarouselNavigationButton, { direction: "previous", isDisabled: isBeginning }) }), jsx("div", { className: clsx(styles$t['navigation-button-wrapper'], styles$t['navigation-button-next']), children: jsx(CarouselNavigationButton, { direction: "next", isDisabled: isEnd }) })] }))] }) }));
 }
 
 function CategoryCarousel({ categoryCards }) {
@@ -7069,47 +7087,49 @@ function PromoCard({ alt, href, srcSet, variant }) {
 var styles$a = {"promos":"promo-cards-module-Dy4p3"};
 
 // TODO: Remove this and use actual data instead when backend is implemented
-const tempPromoCards = [
-    {
-        alt: 'Large promo card',
-        href: '#',
-        srcSet: [
-            {
-                src: '/images/promo-cards/promo-content-block-on-sale-svp.webp',
-                width: 310,
-            },
-            {
-                src: '/images/promo-cards/promo-content-block-on-sale-mvp.webp',
-                width: 527,
-            },
-            {
-                src: '/images/promo-cards/promo-content-block-on-sale-lvp.webp',
-                width: 720,
-            },
-        ],
-    },
-    {
-        alt: 'Small promo card',
-        href: '#',
-        srcSet: [
-            {
-                src: '/images/promo-cards/promo-content-block-cross-sell-svp.png',
-                width: 250,
-            },
-            {
-                src: '/images/promo-cards/promo-content-block-cross-sell-mvp.webp',
-                width: 264,
-            },
-            {
-                src: '/images/promo-cards/promo-content-block-cross-sell-lvp.webp',
-                width: 480,
-            },
-        ],
-    },
-];
-function PromoCards({ promoCardsData = tempPromoCards, }) {
+// const tempPromoCards: BannerItem[] = [
+//   {
+//     alt: 'Large promo card',
+//     href: '#',
+//     srcSet: [
+//       {
+//         src: '/images/promo-cards/promo-content-block-on-sale-svp.webp',
+//         width: 310,
+//       },
+//       {
+//         src: '/images/promo-cards/promo-content-block-on-sale-mvp.webp',
+//         width: 527,
+//       },
+//       {
+//         src: '/images/promo-cards/promo-content-block-on-sale-lvp.webp',
+//         width: 720,
+//       },
+//     ],
+//   },
+//   {
+//     alt: 'Small promo card',
+//     href: '#',
+//     srcSet: [
+//       {
+//         src: '/images/promo-cards/promo-content-block-cross-sell-svp.png',
+//         width: 250,
+//       },
+//       {
+//         src: '/images/promo-cards/promo-content-block-cross-sell-mvp.webp',
+//         width: 264,
+//       },
+//       {
+//         src: '/images/promo-cards/promo-content-block-cross-sell-lvp.webp',
+//         width: 480,
+//       },
+//     ],
+//   },
+// ]
+function PromoCards({ promoCardsData = [], }) {
     const { lg } = useBreakpoint();
     const promoCards = promoCardsData.map((promoCard, index) => (jsx(PromoCard, { alt: promoCard.alt, href: promoCard.href, srcSet: promoCard.srcSet, variant: index % 2 === 0 ? 'lg' : 'sm' }, `promo-card-${index}`)));
+    if (promoCardsData.length === 0)
+        return null;
     return (jsx("div", { className: styles$a.promos, children: lg ? (jsx(Fragment, { children: promoCards })) : (jsx(Carousel, { hasNavigation: false, hasOverflow: false, slides: promoCards, spaceBetween: 16 })) }));
 }
 
@@ -7168,7 +7188,7 @@ function ProductListingPage({ pageUrl, searchClient: _searchClient, }) {
         createSonicSearchClient({
             apiKey: config.ALGOLIA_API_KEY,
             appId: config.ALGOLIA_APP_ID,
-            host: config.ALGOLIA_HOST,
+            host: config.ALGOLIA_PROXY_HOST,
             path: '/search',
         }), [_searchClient]);
     if (isError) {

package/dist/promos/promo-cards/promo-cards.d.ts

@@ -1,4 +1,4 @@
 import { BannerItem } from 'shared/api/bff/model/bff.model';
 export declare function PromoCards({ promoCardsData, }: {
     promoCardsData?: BannerItem[];
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/styles.css

@@ -991,7 +991,7 @@
 }
 
 /**
- * Swiper 11.1.5
+ * Swiper 11.1.7
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -999,7 +999,7 @@
  *
  * Released under the MIT License
  *
- * Released on: July 15, 2024
+ * Released on: July 24, 2024
  */
 
 /* FONT_START */

package/package.json

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