@crystaldesign/widget-library 25.8.0-rc.9 → 25.9.0-beta.10

package/build/esm/index.js

@@ -3,6 +3,7 @@ import { useDivaCore, getLogger, DivaError, useTranslation } from '@crystaldesig
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
+import DivaUtils from '@crystaldesign/diva-utils';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { Navigation, Thumbs, Pagination } from 'swiper/modules';
 import { Swiper, SwiperSlide } from 'swiper/react';
@@ -99,14 +100,9 @@ if (typeof window !== 'undefined' && !window.__divaWidgetCache) {
  */
 function useGlobalCache(_ref) {
   var uniqueWidgetId = _ref.uniqueWidgetId,
-    widgetType = _ref.widgetType,
-    noGlobalCache = _ref.noGlobalCache;
+    widgetType = _ref.widgetType;
   var getOrFetch = useCallback(function (key, fetcher) {
     LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] getOrFetch called for key: ").concat(key));
-    if (noGlobalCache) {
-      LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Global cache disabled, fetching directly for key: ").concat(key));
-      return fetcher();
-    }
     if (typeof window === 'undefined' || !window.__divaWidgetCache) {
       LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] No global cache available, fetching directly for key: ").concat(key));
       return fetcher();
@@ -264,8 +260,7 @@ var generateWidgetId = function generateWidgetId() {
 function useProductData(_ref) {
   var productIds = _ref.productIds,
     variants = _ref.variants,
-    widgetType = _ref.widgetType,
-    noGlobalCache = _ref.noGlobalCache;
+    widgetType = _ref.widgetType;
   // Generate stable widget ID that persists for the lifetime of this hook instance
   // Function to handle selectedProduct changes
 
@@ -276,8 +271,7 @@ function useProductData(_ref) {
     handler = _useDivaCore.handler;
   var _useGlobalCache = useGlobalCache({
       uniqueWidgetId: widgetId,
-      widgetType: widgetType,
-      noGlobalCache: noGlobalCache
+      widgetType: widgetType
     }),
     getOrFetch = _useGlobalCache.getOrFetch,
     setCache = _useGlobalCache.setCache;
@@ -297,6 +291,10 @@ function useProductData(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     error = _useState8[0],
     setError = _useState8[1];
+  var _useState9 = useState(true),
+    _useState10 = _slicedToArray(_useState9, 2),
+    initialProduct = _useState10[0],
+    setInitialProduct = _useState10[1];
   var fetchProducts = useCallback(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ids) {
       var productPromises, results, flattenedResults;
@@ -423,15 +421,39 @@ function useProductData(_ref) {
     }
     setError(false);
     setLoading(true);
-    fetchProducts(normalizedProductIds).then(function (variants) {
-      LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Successfully loaded ").concat(variants.length, " product variants"));
-      setProductVariants(variants);
-      var variantToUse = variants.find(function (v) {
-        return v._id === normalizedProductIds[0];
-      });
-      setSelectedProduct(variantToUse !== null && variantToUse !== void 0 ? variantToUse : variants[0]);
-      setLoading(false);
-    })["catch"](function (error) {
+    fetchProducts(normalizedProductIds).then(/*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(variants) {
+        var variantToUse, _variantToUse$catCode;
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Successfully loaded ").concat(variants.length, " product variants"));
+              setProductVariants(variants);
+              variantToUse = variants.find(function (v) {
+                return v._id === normalizedProductIds[0];
+              });
+              setSelectedProduct(variantToUse !== null && variantToUse !== void 0 ? variantToUse : variants[0]);
+              setLoading(false);
+              if (!initialProduct) {
+                _context4.next = 10;
+                break;
+              }
+              DivaUtils.businessMetrics.setConfiguratorSessionId(undefined, true);
+              setInitialProduct(false);
+              _context4.next = 10;
+              return logSelectedProduct(normalizedProductIds[0], widgetType, variantToUse === null || variantToUse === void 0 ? void 0 : variantToUse.variantId, variantToUse === null || variantToUse === void 0 ? void 0 : variantToUse.modelName, variantToUse === null || variantToUse === void 0 || (_variantToUse$catCode = variantToUse.catCodex) === null || _variantToUse$catCode === void 0 ? void 0 : _variantToUse$catCode.toString(), variantToUse === null || variantToUse === void 0 ? void 0 : variantToUse.configuration.OrderSets.map(function (set) {
+                return set.SupplierGUID;
+              }), 'onWidgetInitialProduct');
+            case 10:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function (_x4) {
+        return _ref5.apply(this, arguments);
+      };
+    }())["catch"](function (error) {
       LOG.error(new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Error loading products"), {
         cause: error
       }));
@@ -441,17 +463,17 @@ function useProductData(_ref) {
     });
   }, [normalizedProductIds]);
   var setSelectedProductId = useCallback(/*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(productId) {
-      var product, _variants2, _product;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(productId) {
+      var product, _product$catCodex, _variants2, _product, _product$catCodex2;
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             if (!((selectedProduct === null || selectedProduct === void 0 ? void 0 : selectedProduct._id) === productId)) {
-              _context4.next = 3;
+              _context5.next = 3;
               break;
             }
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " already selected, skipping"));
-            return _context4.abrupt("return");
+            return _context5.abrupt("return");
           case 3:
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] setSelectedProductId called with productId: ").concat(productId));
 
@@ -461,74 +483,84 @@ function useProductData(_ref) {
               return p._id === productId;
             });
             if (!product) {
-              _context4.next = 10;
+              _context5.next = 12;
               break;
             }
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " found in current variants, setting as selected"));
             setSelectedProduct(product);
             notifyProductChanged(product);
-            return _context4.abrupt("return");
-          case 10:
+            _context5.next = 11;
+            return logSelectedProduct(productId, widgetType, product.variantId, product.modelName, (_product$catCodex = product.catCodex) === null || _product$catCodex === void 0 ? void 0 : _product$catCodex.toString(), product.configuration ? product.configuration.OrderSets.map(function (set) {
+              return set.SupplierGUID;
+            }) : undefined);
+          case 11:
+            return _context5.abrupt("return");
+          case 12:
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " not found in current variants, fetching variants for it"));
-            _context4.prev = 11;
+            _context5.prev = 13;
             setError(false);
             setLoading(true);
-            _context4.next = 16;
+            _context5.next = 18;
             return fetchProducts([productId]);
-          case 16:
-            _variants2 = _context4.sent;
+          case 18:
+            _variants2 = _context5.sent;
             setProductVariants(_variants2);
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] New ").concat(_variants2.length, " variants to productVariants"));
             _product = _variants2.find(function (p) {
               return p._id === productId;
             });
             if (!_product) {
-              _context4.next = 26;
+              _context5.next = 30;
               break;
             }
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Setting product ").concat(productId, " as selected after fetching"));
             setSelectedProduct(_product);
             notifyProductChanged(_product);
-            _context4.next = 27;
+            _context5.next = 28;
+            return logSelectedProduct(productId, widgetType, _product.variantId, _product.modelName, (_product$catCodex2 = _product.catCodex) === null || _product$catCodex2 === void 0 ? void 0 : _product$catCodex2.toString(), _product.configuration.OrderSets.map(function (set) {
+              return set.SupplierGUID;
+            }));
+          case 28:
+            _context5.next = 31;
             break;
-          case 26:
+          case 30:
             throw new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " not found"));
-          case 27:
-            _context4.next = 33;
+          case 31:
+            _context5.next = 37;
             break;
-          case 29:
-            _context4.prev = 29;
-            _context4.t0 = _context4["catch"](11);
+          case 33:
+            _context5.prev = 33;
+            _context5.t0 = _context5["catch"](13);
             LOG.error(new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Error loading product"), {
-              cause: _context4.t0
+              cause: _context5.t0
             }));
             setError(true);
-          case 33:
-            _context4.prev = 33;
+          case 37:
+            _context5.prev = 37;
             setLoading(false);
-            return _context4.finish(33);
-          case 36:
+            return _context5.finish(37);
+          case 40:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4, null, [[11, 29, 33, 36]]);
+      }, _callee5, null, [[13, 33, 37, 40]]);
     }));
-    return function (_x4) {
-      return _ref5.apply(this, arguments);
+    return function (_x5) {
+      return _ref6.apply(this, arguments);
     };
   }(), [selectedProduct, productVariants, fetchProducts, setSelectedProduct, widgetId, widgetType]);
-  function getProductsByDivaNrs(_x5) {
+  function getProductsByDivaNrs(_x6) {
     return _getProductsByDivaNrs.apply(this, arguments);
   }
   function _getProductsByDivaNrs() {
-    _getProductsByDivaNrs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(divaNrs) {
+    _getProductsByDivaNrs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(divaNrs) {
       var products;
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             // Sort divaNrs array to ensure consistent cache keys
             divaNrs.sort();
-            _context5.next = 3;
+            _context6.next = 3;
             return getOrFetch('divaNrs' + divaNrs.join(','), function () {
               return handler.productHandler.apiGetProductByQuery([{
                 id: 'divaNr',
@@ -541,24 +573,24 @@ function useProductData(_ref) {
               }], 1000, false);
             });
           case 3:
-            products = _context5.sent;
-            return _context5.abrupt("return", products);
+            products = _context6.sent;
+            return _context6.abrupt("return", products);
           case 5:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
     }));
     return _getProductsByDivaNrs.apply(this, arguments);
   }
-  function getProductByDivaNrAndVariantId(_x6, _x7) {
+  function getProductByDivaNrAndVariantId(_x7, _x8) {
     return _getProductByDivaNrAndVariantId.apply(this, arguments);
   }
   function _getProductByDivaNrAndVariantId() {
-    _getProductByDivaNrAndVariantId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(divaNr, variantId) {
+    _getProductByDivaNrAndVariantId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(divaNr, variantId) {
       var filter, product;
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
             filter = [{
               id: 'divaNr',
@@ -576,18 +608,18 @@ function useProductData(_ref) {
                 value: parseInt(variantId)
               });
             }
-            _context6.next = 4;
+            _context7.next = 4;
             return getOrFetch('divaNr' + divaNr + 'variantId' + variantId, function () {
               return handler.productHandler.apiGetProductByQuery(filter, 1, false);
             });
           case 4:
-            product = _context6.sent;
-            return _context6.abrupt("return", product);
+            product = _context7.sent;
+            return _context7.abrupt("return", product);
           case 6:
           case "end":
-            return _context6.stop();
+            return _context7.stop();
         }
-      }, _callee6);
+      }, _callee7);
     }));
     return _getProductByDivaNrAndVariantId.apply(this, arguments);
   }
@@ -597,6 +629,33 @@ function useProductData(_ref) {
       timestamp: Date.now()
     });
   }
+  function logSelectedProduct(_x9, _x10, _x11, _x12, _x13, _x14) {
+    return _logSelectedProduct.apply(this, arguments);
+  }
+  function _logSelectedProduct() {
+    _logSelectedProduct = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(productId, widgetType, variantId, catalogName, catalogCodex, supplierId) {
+      var event,
+        _args8 = arguments;
+      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            event = _args8.length > 6 && _args8[6] !== undefined ? _args8[6] : 'onWidgetProductSelected';
+            LOG.businessEvent(event, 'DivaWidget', "Product ".concat(productId, " selected in widget ").concat(widgetType), {
+              productId: productId,
+              variantId: variantId,
+              widgetType: widgetType,
+              catalogName: catalogName,
+              catalogCodex: catalogCodex,
+              supplierId: supplierId
+            });
+          case 2:
+          case "end":
+            return _context8.stop();
+        }
+      }, _callee8);
+    }));
+    return _logSelectedProduct.apply(this, arguments);
+  }
   return {
     productVariants: productVariants,
     error: error,
@@ -789,6 +848,7 @@ function useGallery(_ref) {
       setSwiperIsInitialized(true);
       return;
     }
+    if (swiper.isBeginning) return;
     var newMediaIndex = swiper.realIndex;
     var media = medias[newMediaIndex];
     setCurrentMediaIndex(newMediaIndex);
@@ -913,18 +973,55 @@ var MediaItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _media$url;
   var media = _ref.media,
     mediaUrl = _ref.mediaUrl,
-    videoAutolay = _ref.videoAutolay,
-    config = _ref.config;
-    _ref.isCurrentlyVisible;
-    var onClick = _ref.onClick;
+    videoAutoplay = _ref.videoAutoplay,
+    config = _ref.config,
+    isCurrentlyVisible = _ref.isCurrentlyVisible,
+    onClick = _ref.onClick;
   var useSirv = false;
   var _useDivaCore = useDivaCore(),
     baseSirvUrls = _useDivaCore.state.apiConfig.baseSirvUrls;
+  var videoRef = useRef(null);
+  useEffect(function () {
+    if (videoAutoplay && (media === null || media === void 0 ? void 0 : media.mediaType) === 'VID' && videoRef.current && isCurrentlyVisible) {
+      var video = videoRef.current;
+
+      // Set muted before attempting to play (required for autoplay)
+      video.muted = true;
+      // Add autoplay attributes
+      video.autoplay = true;
+      video.playsInline = true;
+      video.loop = true;
+
+      // Ensure video is loaded before attempting to play
+      if (video.readyState >= 2) {
+        var playPromise = video.play();
+        if (playPromise !== undefined) {
+          playPromise["catch"](function (error) {
+            console.warn('Autoplay was blocked by browser:', error);
+          });
+        }
+      } else {
+        // If video is not loaded yet, wait for it to load
+        var _handleCanPlay = function handleCanPlay() {
+          video.removeEventListener('canplay', _handleCanPlay);
+          var playPromise = video.play();
+          if (playPromise !== undefined) {
+            playPromise["catch"](function (error) {
+              console.warn('Autoplay was blocked by browser:', error);
+            });
+          }
+        };
+        video.addEventListener('canplay', _handleCanPlay);
+      }
+    }
+  }, [isCurrentlyVisible, videoAutoplay, media === null || media === void 0 ? void 0 : media.mediaType]);
   if (!media && !mediaUrl) return /*#__PURE__*/jsx(Fragment, {});
   var url = (_media$url = media === null || media === void 0 ? void 0 : media.url) !== null && _media$url !== void 0 ? _media$url : mediaUrl;
   if (!config.disableSirv && url && baseSirvUrls !== null && baseSirvUrls !== void 0 && baseSirvUrls.find(function (base) {
     return url === null || url === void 0 ? void 0 : url.includes(base);
-  })) useSirv = true;
+  })) {
+    useSirv = true;
+  }
   if (media && useSirv) return /*#__PURE__*/jsx(SirvMediaItem, {
     media: media,
     config: config
@@ -933,18 +1030,21 @@ var MediaItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     media: media
   });
-  if (media && media.mediaType == 'VID') return /*#__PURE__*/jsx("video", {
-    className: "diva-widget-mediaitem",
-    playsInline: true,
-    controls: true,
-    autoPlay: videoAutolay !== null && videoAutolay !== void 0 ? videoAutolay : false,
-    muted: videoAutolay !== null && videoAutolay !== void 0 ? videoAutolay : false // Browsers require muted for autoplay to work
-    ,
-    children: /*#__PURE__*/jsx("source", {
-      src: media.url,
-      type: media.url.includes('.mp4') ? 'video/mp4' : 'video/webm'
-    })
-  }, media.url);
+  if (media && media.mediaType == 'VID') {
+    var _media$url2;
+    return /*#__PURE__*/jsx("video", {
+      ref: videoRef,
+      className: "diva-widget-mediaitem",
+      autoPlay: videoAutoplay,
+      muted: videoAutoplay,
+      playsInline: videoAutoplay,
+      loop: videoAutoplay,
+      children: /*#__PURE__*/jsx("source", {
+        src: media.url,
+        type: media !== null && media !== void 0 && (_media$url2 = media.url) !== null && _media$url2 !== void 0 && _media$url2.includes('.mp4') ? 'video/mp4' : 'video/webm'
+      })
+    });
+  }
   return /*#__PURE__*/jsx("img", {
     className: "diva-widget-mediaitem",
     src: url,
@@ -1139,11 +1239,13 @@ var Gallery = function Gallery(props) {
         return /*#__PURE__*/jsx(SwiperSlide, {
           id: 'gallery media index ' + i,
           "data-product-id": media.productId,
+          "data-visible": i === (swiper === null || swiper === void 0 ? void 0 : swiper.activeIndex),
           children: /*#__PURE__*/jsx(MediaItem, {
             media: media,
             config: props.config,
             isCurrentlyVisible: i === (swiper === null || swiper === void 0 ? void 0 : swiper.activeIndex),
-            ref: htmlArElement
+            ref: htmlArElement,
+            videoAutoplay: props.config.videoAutoplay
           })
         }, media.ref);
       })

package/build/types/widget-library/src/components/Gallery/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Gallery/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AASvC,cAAc,SAAS,CAAC;AAKxB,eAAO,MAAM,OAAO,UAAW,YAAY,sBAwD1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Gallery/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AASvC,cAAc,SAAS,CAAC;AAKxB,eAAO,MAAM,OAAO,UAAW,YAAY,sBA8D1C,CAAC"}

package/build/types/widget-library/src/components/Gallery/types.d.ts

@@ -10,6 +10,7 @@ export interface GalleryConfig extends BaseElementConfig, MediaItemConfig {
     sliderProp?: SwiperProps;
     thumbSliderProp?: SwiperProps;
     arIconProps?: ArActionIconConfig;
+    videoAutoplay?: boolean;
 }
 export interface ArActionIconConfig extends BaseElementConfig {
     text?: string | boolean;

package/build/types/widget-library/src/components/Gallery/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Gallery/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,eAAe;IACvE,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK;IAClD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Gallery/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,eAAe;IACvE,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK;IAClD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB"}

package/build/types/widget-library/src/components/Gallery/useGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGallery.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Gallery/useGallery.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAI9D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,MAAM,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,oBAAoB,EAAE,EAC3D,gBAAgB,EAChB,mBAAmB,GACpB,EAAE,YAAY;;;;;;;;4BAsCkB,WAAW;EAgC3C"}
+{"version":3,"file":"useGallery.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Gallery/useGallery.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAI9D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,MAAM,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,oBAAoB,EAAE,EAC3D,gBAAgB,EAChB,mBAAmB,GACpB,EAAE,YAAY;;;;;;;;4BAsCkB,WAAW;EAiC3C"}

package/build/types/widget-library/src/components/MediaItem/index.d.ts

@@ -7,7 +7,7 @@ type Props = {
     mediaUrl?: string;
     config: MediaItemConfig;
     isCurrentlyVisible: boolean;
-    videoAutolay?: boolean;
+    videoAutoplay?: boolean;
     onClick?: () => void;
 };
 export declare const MediaItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLArViewerElement>>;

package/build/types/widget-library/src/components/MediaItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/MediaItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAe,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAiB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEzD,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,eAAe,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS,mFAiCpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/MediaItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAe,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAiB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEzD,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,eAAe,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS,mFA0EpB,CAAC"}

package/build/types/widget-library/src/hooks/useGlobalCache.d.ts

@@ -51,11 +51,6 @@ interface UseGlobalCacheProps {
      * Widget type, used for events and logging
      */
     widgetType: string;
-    /**
-     * If true, the global cache will not be used
-     * This is used in the product list, where we always want to fetch the latest data
-     */
-    noGlobalCache?: boolean;
 }
 declare global {
     interface Window {
@@ -68,6 +63,6 @@ declare global {
  * Global cache for shared data between widgets of a website
  * Simple implementation with request deduplication
  */
-export declare function useGlobalCache({ uniqueWidgetId, widgetType, noGlobalCache }: UseGlobalCacheProps): DivaWidgetCache;
+export declare function useGlobalCache({ uniqueWidgetId, widgetType }: UseGlobalCacheProps): DivaWidgetCache;
 export {};
 //# sourceMappingURL=useGlobalCache.d.ts.map

package/build/types/widget-library/src/hooks/useGlobalCache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalCache.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useGlobalCache.ts"],"names":[],"mappings":"AAKA,UAAU,UAAU,CAAC,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,eAAe;IACvB;;;;;;;OAOG;IACH,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1E;;;OAGG;IACH,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5C;AAED,UAAU,mBAAmB;IAC3B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,iBAAiB,EAAE;YACjB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;SACrC,CAAC;KACH;CACF;AASD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,mBAAmB,GAAG,eAAe,CAuGlH"}
+{"version":3,"file":"useGlobalCache.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useGlobalCache.ts"],"names":[],"mappings":"AAKA,UAAU,UAAU,CAAC,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,eAAe;IACvB;;;;;;;OAOG;IACH,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1E;;;OAGG;IACH,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5C;AAED,UAAU,mBAAmB;IAC3B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,iBAAiB,EAAE;YACjB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;SACrC,CAAC;KACH;CACF;AASD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,mBAAmB,GAAG,eAAe,CAkGnG"}

package/build/types/widget-library/src/hooks/useProductData.d.ts

@@ -6,13 +6,8 @@ export interface UseProductDataProps {
      * Widget type, used for logging
      */
     widgetType: string;
-    /**
-     * If true, the global cache will not be used
-     * This is used in the product list, where we always want to fetch the latest data
-     */
-    noGlobalCache?: boolean;
 }
-export declare function useProductData({ productIds, variants, widgetType, noGlobalCache }: UseProductDataProps): {
+export declare function useProductData({ productIds, variants, widgetType }: UseProductDataProps): {
     productVariants: ProductData[];
     error: boolean;
     loading: boolean;

package/build/types/widget-library/src/hooks/useProductData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useProductData.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useProductData.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,WAAW,EAA0B,MAAM,0BAA0B,CAAC;AAM1F,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAKD,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,mBAAmB;;;;oCA2JxD,MAAM,EAAE,KAAG,OAAO,CAAC,GAAG,CAAC;6CAyBd,MAAM,cAAc,MAAM,KAAG,OAAO,CAAC,GAAG,CAAC;;sCAxE3E,MAAM;2BAmGI,MAAM,QAAQ,GAAG;EAiBhD"}
+{"version":3,"file":"useProductData.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useProductData.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,WAAW,EAA0B,MAAM,0BAA0B,CAAC;AAQ1F,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAKD,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,mBAAmB;;;;oCAyLzC,MAAM,EAAE,KAAG,OAAO,CAAC,GAAG,CAAC;6CAyBd,MAAM,cAAc,MAAM,KAAG,OAAO,CAAC,GAAG,CAAC;;sCAxF3E,MAAM;2BAmHI,MAAM,QAAQ,GAAG;EAoChD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/widget-library",
-  "version": "25.8.0-rc.9",
+  "version": "25.9.0-beta.10",
   "license": "MIT",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -36,5 +36,5 @@
     "suiteName": "widget-library",
     "outputDirectory": "./test-reports"
   },
-  "gitHead": "2477270bd880e86d10b8b920ebd978b3e8505099"
+  "gitHead": "21fe41b81e2815f4d2a5de0a1ce97b88a5c34926"
 }