@crystaldesign/widget-library 25.8.0-beta.19 → 25.8.0-beta.2

package/build/esm/index.js

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useCallback, useState, useRef, forwardRef } from 'react';
+import { useEffect, useMemo, useState, forwardRef, useRef } from 'react';
 import { useDivaCore, getLogger, DivaError, useTranslation } from '@crystaldesign/diva-core';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
@@ -31,12 +31,10 @@ import { flatten } from 'flat';
  *
  * @param url an url to a css file
  * @param css the css content as text
- * @param widgetId the id of the element to update
  */
 function updateCssInDom (url, css) {
-  var widgetType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   if (url) {
-    var element = document.getElementById('DIVA-WIDGET-STYLE-URL' + widgetType);
+    var element = document.getElementById('DIVA-WIDGET-STYLE-URL');
     if (element) {
       var _element$parentNode;
       (_element$parentNode = element.parentNode) === null || _element$parentNode === void 0 || _element$parentNode.removeChild(element);
@@ -44,30 +42,30 @@ function updateCssInDom (url, css) {
     element = document.createElement('link');
     element.rel = 'stylesheet';
     element.type = 'text/css';
-    element.id = 'DIVA-WIDGET-STYLE-URL' + widgetType;
+    element.id = 'DIVA-WIDGET-STYLE-URL';
     element.href = url;
     document.head.appendChild(element);
   }
   if (css) {
     var finalCss = Array.isArray(css) ? css.join(' ') : css;
-    var _element = document.getElementById('DIVA-WIDGET-STYLE' + widgetType);
+    var _element = document.getElementById('DIVA-WIDGET-STYLE');
     if (_element) {
       var _element$parentNode2;
       (_element$parentNode2 = _element.parentNode) === null || _element$parentNode2 === void 0 || _element$parentNode2.removeChild(_element);
     }
     _element = document.createElement('style');
     _element.type = 'text/css';
-    _element.id = 'DIVA-WIDGET-STYLE' + widgetType;
+    _element.id = 'DIVA-WIDGET-STYLE';
     _element.appendChild(document.createTextNode(finalCss));
     document.head.appendChild(_element);
   }
 }
 
-function useCss(settings, defaultCss, widgetType) {
+function useCss(settings, defaultCss) {
   useEffect(function () {
     var _settings$css;
-    updateCssInDom(settings === null || settings === void 0 ? void 0 : settings.cssUrl, (_settings$css = settings === null || settings === void 0 ? void 0 : settings.css) !== null && _settings$css !== void 0 ? _settings$css : defaultCss, widgetType);
-  }, [settings === null || settings === void 0 ? void 0 : settings.cssUrl, settings === null || settings === void 0 ? void 0 : settings.css, widgetType]);
+    updateCssInDom(settings === null || settings === void 0 ? void 0 : settings.cssUrl, (_settings$css = settings === null || settings === void 0 ? void 0 : settings.css) !== null && _settings$css !== void 0 ? _settings$css : defaultCss);
+  }, [settings === null || settings === void 0 ? void 0 : settings.cssUrl, settings === null || settings === void 0 ? void 0 : settings.css]);
 }
 
 function useConfiguration(type, componentSettings) {
@@ -82,523 +80,142 @@ function useConfiguration(type, componentSettings) {
   return settings;
 }
 
-var LOG$2 = getLogger('DivaWidget', 'useGlobalCache');
-
-// Global cache for shared data between widgets
-
-// Initialize global cache if not exists
-if (typeof window !== 'undefined' && !window.__divaWidgetCache) {
-  window.__divaWidgetCache = {
-    cache: new Map()
-  };
-}
-
-/**
- * Global cache for shared data between widgets of a website
- * Simple implementation with request deduplication
- */
-function useGlobalCache(_ref) {
-  var uniqueWidgetId = _ref.uniqueWidgetId,
-    widgetType = _ref.widgetType;
-  var getOrFetch = useCallback(function (key, fetcher) {
-    LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] getOrFetch called for key: ").concat(key));
-    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();
-    }
-    var cache = window.__divaWidgetCache.cache;
-    var entry = cache.get(key);
-
-    // If we have cached data, return it immediately
-    if (entry !== null && entry !== void 0 && entry.data) {
-      LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Cache hit for key: ").concat(key, ", returning cached data"));
-      return Promise.resolve(entry.data);
-    }
-
-    // If there's already a pending request, return that promise (deduplication)
-    if (entry !== null && entry !== void 0 && entry.promise) {
-      LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Cache hit for pending request, returning existing promise for key: ").concat(key));
-      return entry.promise;
-    }
-    LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Cache miss for key: ").concat(key, ", creating new request"));
-
-    // Create new entry or reset existing one
-    var newEntry = {
-      data: null,
-      promise: null,
-      error: null,
-      timestamp: Date.now()
-    };
-
-    // Create new request
-    var promise = fetcher().then(function (data) {
-      LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Request successful for key: ").concat(key, ", updating cache with ").concat(data.length, " items"));
-      var currentEntry = cache.get(key);
-      if (currentEntry) {
-        currentEntry.data = data;
-        currentEntry.promise = null;
-        currentEntry.error = null;
-        currentEntry.timestamp = Date.now();
-      }
-      return data;
-    })["catch"](function (error) {
-      LOG$2.error(new DivaError("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Request failed for key: ").concat(key), {
-        cause: error
-      }));
-      var currentEntry = cache.get(key);
-      if (currentEntry) {
-        currentEntry.promise = null;
-        currentEntry.error = error;
-        currentEntry.timestamp = Date.now();
-      }
-      throw error;
-    });
-    newEntry.promise = promise;
-    cache.set(key, newEntry);
-    return promise;
-  }, [uniqueWidgetId, widgetType]);
-  var clear = useCallback(function (key) {
-    LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Clearing cache entry for key: ").concat(key));
-    if (typeof window !== 'undefined' && window.__divaWidgetCache) {
-      var deleted = window.__divaWidgetCache.cache["delete"](key);
-      LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Cache entry ").concat(deleted ? 'deleted' : 'not found', " for key: ").concat(key));
-    }
-  }, [uniqueWidgetId, widgetType]);
-  var clearAll = useCallback(function () {
-    LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Clearing all cache entries"));
-    if (typeof window !== 'undefined' && window.__divaWidgetCache) {
-      var size = window.__divaWidgetCache.cache.size;
-      window.__divaWidgetCache.cache.clear();
-      LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Cleared ").concat(size, " cache entries"));
-    }
-  }, [uniqueWidgetId, widgetType]);
-  var setCache = useCallback(function (key, data) {
-    LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Setting cache entry for key: ").concat(key));
-    if (typeof window !== 'undefined' && window.__divaWidgetCache) {
-      window.__divaWidgetCache.cache.set(key, data);
-    }
-  }, [uniqueWidgetId, widgetType]);
-  return useMemo(function () {
-    return {
-      getOrFetch: getOrFetch,
-      clear: clear,
-      clearAll: clearAll,
-      setCache: setCache
-    };
-  }, [getOrFetch, clear, clearAll, setCache]);
-}
-
-var LOG$1 = getLogger('DivaWidget', 'useGlobalSelectedProduct');
-var EVENT_NAME_PRODUCT_SELECTED = 'diva:widget:product-selected';
-
-/**
- * Hook to get the globally selected product
- *
- * Initially and when the product changes, it gets selected.
- * When ever the selected product is changed, an event is dispatched to notify other widgets, so they can also set the new product as selected.
- * The hook also listens for product selection events from other widgets and updates the selected product accordingly.
- *
- * @param product - The product to select initially
- * @returns The selected product and a function to set the selected product
- */
-function useGlobalSelectedProduct(_ref) {
-  var selectedProduct = _ref.selectedProduct,
-    uniqueWidgetId = _ref.uniqueWidgetId,
-    widgetType = _ref.widgetType,
-    handleSelectedProductChange = _ref.handleSelectedProductChange;
-  // Listen to product selection events from other widgets
-  var handleProductSelection = useCallback(function (event) {
-    var customEvent = event;
-    var _customEvent$detail = customEvent.detail,
-      product = _customEvent$detail.product,
-      sourceId = _customEvent$detail.sourceId;
-    LOG$1.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Received product selection event from ").concat(sourceId, ", product: ").concat(product._id));
-
-    // Ignore our own events
-    if (sourceId === uniqueWidgetId) {
-      LOG$1.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Ignoring own event"));
-      return;
-    }
-
-    // Ignore if product hasn't actually changed
-    if ((selectedProduct === null || selectedProduct === void 0 ? void 0 : selectedProduct._id) === product._id) {
-      LOG$1.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Ignoring event - product already selected: ").concat(product._id));
-      return;
-    }
-    LOG$1.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Updating selected product from ").concat((selectedProduct === null || selectedProduct === void 0 ? void 0 : selectedProduct._id) || 'none', " to ").concat(product._id));
-    handleSelectedProductChange(product);
-  }, [uniqueWidgetId, selectedProduct, widgetType]);
-
-  // Stable event listener setup
-  useEffect(function () {
-    window.addEventListener(EVENT_NAME_PRODUCT_SELECTED, handleProductSelection);
-    return function () {
-      window.removeEventListener(EVENT_NAME_PRODUCT_SELECTED, handleProductSelection);
-    };
-  }, [handleProductSelection]);
-  var notifyProductChanged = useCallback(function (product) {
-    // Dispatch event to notify other widgets
-    LOG$1.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Dispatching product selection event to notify other widgets"));
-    window.dispatchEvent(new CustomEvent(EVENT_NAME_PRODUCT_SELECTED, {
-      detail: {
-        product: product,
-        sourceId: uniqueWidgetId
-      }
-    }));
-  }, [uniqueWidgetId, widgetType]);
-  return {
-    notifyProductChanged: notifyProductChanged
-  };
-}
-
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var LOG = getLogger('DivaWidget', 'useProductData');
-// Generate unique widget instance ID
-var generateWidgetId = function generateWidgetId() {
-  return "widget-".concat(Date.now(), "-").concat(Math.random().toString(36).substr(2, 9));
-};
 function useProductData(_ref) {
   var productIds = _ref.productIds,
     variants = _ref.variants,
-    widgetType = _ref.widgetType;
-  // Generate stable widget ID that persists for the lifetime of this hook instance
-  // Function to handle selectedProduct changes
-
-  var widgetId = useMemo(function () {
-    return generateWidgetId();
-  }, []);
+    onProductLoaded = _ref.onProductLoaded;
   var _useDivaCore = useDivaCore(),
     handler = _useDivaCore.handler;
-  var _useGlobalCache = useGlobalCache({
-      uniqueWidgetId: widgetId,
-      widgetType: widgetType
-    }),
-    getOrFetch = _useGlobalCache.getOrFetch,
-    setCache = _useGlobalCache.setCache;
-  var _useState = useState([]),
+  var _useState = useState(variants !== null && variants !== void 0 ? variants : []),
     _useState2 = _slicedToArray(_useState, 2),
     productVariants = _useState2[0],
     setProductVariants = _useState2[1];
-  var _useState3 = useState(),
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    selectedProduct = _useState4[0],
-    setSelectedProduct = _useState4[1];
-  var _useState5 = useState(false),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var _useState5 = useState(true),
     _useState6 = _slicedToArray(_useState5, 2),
     loading = _useState6[0],
     setLoading = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    error = _useState8[0],
-    setError = _useState8[1];
-  var fetchProducts = useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ids) {
-      var productPromises, results, flattenedResults;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] fetchProducts called with ids: ").concat(ids.join(', ')));
-            if (!variants) {
-              _context2.next = 4;
+  useEffect(function () {
+    setError(false);
+    setLoading(true);
+    if (!(productIds !== null && productIds !== void 0 && productIds.length)) {
+      LOG.error(new DivaError('productIds array is required and cannot be empty'));
+      setError(true);
+      setLoading(false);
+      return;
+    }
+    (function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(ids) {
+        var newVariants, productsPromises, productsResults, allProducts, _iterator, _step, _loop;
+        return _regeneratorRuntime.wrap(function _callee$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              if (!variants) {
+                _context2.next = 6;
+                break;
+              }
+              setProductVariants(variants);
+              newVariants = variants;
+              _context2.next = 13;
               break;
-            }
-            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Using provided variants instead of fetching"));
-            return _context2.abrupt("return", variants);
-          case 4:
-            // Create promises for all products (cached or to be fetched) to preserve order
-            productPromises = ids.map(/*#__PURE__*/function () {
-              var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(id) {
-                return _regeneratorRuntime.wrap(function _callee$(_context) {
+            case 6:
+              // Fetch all products in parallel
+              productsPromises = ids.map(function (id) {
+                return handler.productHandler.apiGetProductVariants(id, true);
+              });
+              _context2.next = 9;
+              return Promise.all(productsPromises);
+            case 9:
+              productsResults = _context2.sent;
+              // Flatten the array of arrays into a single array of variants
+              allProducts = productsResults.flat();
+              setProductVariants(allProducts);
+              newVariants = allProducts;
+            case 13:
+              // Log business events for loaded products
+              _iterator = _createForOfIteratorHelper(newVariants);
+              _context2.prev = 14;
+              _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
+                var product, matchingProductId;
+                return _regeneratorRuntime.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
-                      LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Fetching product variants for id: ").concat(id));
-                      return _context.abrupt("return", getOrFetch(id, function () {
-                        return handler.productHandler.apiGetProductVariants(id, true);
-                      }));
-                    case 2:
+                      product = _step.value;
+                      matchingProductId = ids.find(function (id) {
+                        return product._id === id;
+                      });
+                      if (matchingProductId) {
+                        LOG.businessEvent('onLoadProductPDP', 'ProductDetailPage', 'Neues Product in PDP geladen.', {
+                          productId: matchingProductId,
+                          catalogName: product.modelName,
+                          catalogCodex: product.catCodex
+                        });
+                      }
+                    case 3:
                     case "end":
                       return _context.stop();
                   }
-                }, _callee);
-              }));
-              return function (_x2) {
-                return _ref3.apply(this, arguments);
-              };
-            }());
-            _context2.next = 7;
-            return Promise.all(productPromises);
-          case 7:
-            results = _context2.sent;
-            flattenedResults = results.flat();
-            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Fetched ").concat(flattenedResults.length, " total product variants"));
-            return _context2.abrupt("return", flattenedResults);
-          case 11:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [handler.productHandler, getOrFetch, variants, widgetId, widgetType]);
-
-  // Function to handle selectedProduct changes
-  var handleSelectedProductChange = useCallback(/*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(newProduct) {
-      var _variants;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            if (!(!newProduct || productVariants.find(function (p) {
-              return p._id === newProduct._id;
-            }))) {
-              _context3.next = 4;
+                }, _loop);
+              });
+              _iterator.s();
+            case 17:
+              if ((_step = _iterator.n()).done) {
+                _context2.next = 21;
+                break;
+              }
+              return _context2.delegateYield(_loop(), "t0", 19);
+            case 19:
+              _context2.next = 17;
               break;
-            }
-            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Selected product ").concat(newProduct._id, " already in current variants, setting as selected"));
-            setSelectedProduct(newProduct);
-            return _context3.abrupt("return");
-          case 4:
-            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Selected product ").concat(newProduct._id, " not in current variants, fetching variants for it"));
-            setLoading(true);
-            setError(false);
-            _context3.prev = 7;
-            _context3.next = 10;
-            return fetchProducts([newProduct._id]);
-          case 10:
-            _variants = _context3.sent;
-            setProductVariants(_variants);
-            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] New ").concat(_variants.length, " variants to productVariants"));
-            setLoading(false);
-            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Setting product ").concat(newProduct._id, " as selected after fetching"));
-            setSelectedProduct(newProduct);
-            _context3.next = 23;
-            break;
-          case 18:
-            _context3.prev = 18;
-            _context3.t0 = _context3["catch"](7);
-            LOG.error(new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Error loading product"), {
-              cause: _context3.t0
-            }));
-            setError(true);
-            setLoading(false);
-          case 23:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3, null, [[7, 18]]);
-    }));
-    return function (_x3) {
-      return _ref4.apply(this, arguments);
-    };
-  }(), [selectedProduct, productVariants, fetchProducts, widgetId, widgetType]);
-  var _useGlobalSelectedPro = useGlobalSelectedProduct({
-      selectedProduct: selectedProduct,
-      uniqueWidgetId: widgetId,
-      widgetType: widgetType,
-      handleSelectedProductChange: handleSelectedProductChange
-    }),
-    notifyProductChanged = _useGlobalSelectedPro.notifyProductChanged;
-  var normalizedProductIds = useMemo(function () {
-    if (!productIds) return [];
-    return Array.isArray(productIds) ? productIds : [productIds];
-  }, [productIds]);
-
-  // Main effect for loading products when productIds or variants change
-  useEffect(function () {
-    LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Main effect triggered with normalizedProductIds: ").concat(normalizedProductIds.join(', ')));
-    if (!normalizedProductIds.length) {
-      LOG.error(new DivaError("[".concat(widgetType, ":").concat(widgetId, "] ProductIds array is required and cannot be empty")));
-      setError(true);
-      setLoading(false);
-      setProductVariants([]);
-      return;
-    }
-    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) {
-      LOG.error(new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Error loading products"), {
-        cause: error
-      }));
-      setError(true);
-      setLoading(false);
-      setProductVariants([]);
-    });
-  }, [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) {
-          case 0:
-            if (!((selectedProduct === null || selectedProduct === void 0 ? void 0 : selectedProduct._id) === productId)) {
-              _context4.next = 3;
+            case 21:
+              _context2.next = 26;
               break;
-            }
-            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " already selected, skipping"));
-            return _context4.abrupt("return");
-          case 3:
-            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] setSelectedProductId called with productId: ").concat(productId));
-
-            // If a product is selected that is not in the productVariants list,
-            // fetch the variants for that product and append them to the productVariants list
-            product = productVariants.find(function (p) {
-              return p._id === productId;
-            });
-            if (!product) {
-              _context4.next = 10;
-              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:
-            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " not found in current variants, fetching variants for it"));
-            _context4.prev = 11;
-            setError(false);
-            setLoading(true);
-            _context4.next = 16;
-            return fetchProducts([productId]);
-          case 16:
-            _variants2 = _context4.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;
+            case 23:
+              _context2.prev = 23;
+              _context2.t1 = _context2["catch"](14);
+              _iterator.e(_context2.t1);
+            case 26:
+              _context2.prev = 26;
+              _iterator.f();
+              return _context2.finish(26);
+            case 29:
+              onProductLoaded === null || onProductLoaded === void 0 || onProductLoaded(newVariants);
+              _context2.next = 36;
               break;
-            }
-            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Setting product ").concat(productId, " as selected after fetching"));
-            setSelectedProduct(_product);
-            notifyProductChanged(_product);
-            _context4.next = 27;
-            break;
-          case 26:
-            throw new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " not found"));
-          case 27:
-            _context4.next = 33;
-            break;
-          case 29:
-            _context4.prev = 29;
-            _context4.t0 = _context4["catch"](11);
-            LOG.error(new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Error loading product"), {
-              cause: _context4.t0
-            }));
-            setError(true);
-          case 33:
-            _context4.prev = 33;
-            setLoading(false);
-            return _context4.finish(33);
-          case 36:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4, null, [[11, 29, 33, 36]]);
-    }));
-    return function (_x4) {
-      return _ref5.apply(this, arguments);
-    };
-  }(), [selectedProduct, productVariants, fetchProducts, setSelectedProduct, widgetId, widgetType]);
-  function getProductsByDivaNrs(_x5) {
-    return _getProductsByDivaNrs.apply(this, arguments);
-  }
-  function _getProductsByDivaNrs() {
-    _getProductsByDivaNrs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(divaNrs) {
-      var products;
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            // Sort divaNrs array to ensure consistent cache keys
-            divaNrs.sort();
-            _context5.next = 3;
-            return getOrFetch('divaNrs' + divaNrs.join(','), function () {
-              return handler.productHandler.apiGetProductByQuery([{
-                id: 'divaNr',
-                op: 'in',
-                value: divaNrs.join(',').replaceAll('"', '')
-              }, {
-                id: 'baseProduct',
-                op: 'eq',
-                value: false
-              }], 1000, false);
-            });
-          case 3:
-            products = _context5.sent;
-            return _context5.abrupt("return", products);
-          case 5:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5);
-    }));
-    return _getProductsByDivaNrs.apply(this, arguments);
-  }
-  function getProductByDivaNrAndVariantId(_x6, _x7) {
-    return _getProductByDivaNrAndVariantId.apply(this, arguments);
-  }
-  function _getProductByDivaNrAndVariantId() {
-    _getProductByDivaNrAndVariantId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(divaNr, variantId) {
-      var filter, product;
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            filter = [{
-              id: 'divaNr',
-              op: 'eq',
-              value: divaNr
-            }, {
-              id: 'baseProduct',
-              op: 'eq',
-              value: false
-            }];
-            if (variantId) {
-              filter.push({
-                id: 'variantId',
-                op: 'eq',
-                value: parseInt(variantId)
-              });
-            }
-            _context6.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);
-          case 6:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6);
-    }));
-    return _getProductByDivaNrAndVariantId.apply(this, arguments);
-  }
-  function setProductCache(key, data) {
-    setCache(key, {
-      data: data,
-      timestamp: Date.now()
-    });
-  }
+            case 32:
+              _context2.prev = 32;
+              _context2.t2 = _context2["catch"](0);
+              LOG.error(new DivaError('Error loading products', {
+                cause: _context2.t2
+              }));
+              setError(true);
+            case 36:
+              _context2.prev = 36;
+              setLoading(false);
+              return _context2.finish(36);
+            case 39:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee, null, [[0, 32, 36, 39], [14, 23, 26, 29]]);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    })()(productIds);
+  }, [variants, productIds]);
   return {
     productVariants: productVariants,
     error: error,
-    loading: loading,
-    getProductsByDivaNrs: getProductsByDivaNrs,
-    getProductByDivaNrAndVariantId: getProductByDivaNrAndVariantId,
-    selectedProduct: selectedProduct,
-    setSelectedProductId: setSelectedProductId,
-    setProductCache: setProductCache
+    loading: loading
   };
 }
 
@@ -668,8 +285,7 @@ function useMedia(_ref) {
           }
           newMedias = [].concat(_toConsumableArray(newMedias), _toConsumableArray(filteredMedia.map(function (media) {
             return _objectSpread$3(_objectSpread$3({}, media), {}, {
-              productIndex: productIndex,
-              productId: product._id
+              productIndex: productIndex
             });
           })));
         }
@@ -682,8 +298,7 @@ function useMedia(_ref) {
       if (add3DImageAsFallback && product.image && !hasAddedMediaForProduct) {
         newMedias.unshift({
           url: product.image,
-          productIndex: productIndex,
-          productId: product._id
+          productIndex: productIndex
         });
       }
 
@@ -691,8 +306,7 @@ function useMedia(_ref) {
       if (add2DImage && product.image2D) {
         newMedias.push({
           url: product.image2D,
-          productIndex: productIndex,
-          productId: product._id
+          productIndex: productIndex
         });
       }
     });
@@ -706,8 +320,8 @@ function useGallery(_ref) {
     functionTypes = _ref$config.functionTypes,
     add2DImage = _ref$config.add2DImage,
     add3DImageAsFallback = _ref$config.add3DImageAsFallback,
-    currentProductId = _ref.currentProductId,
-    setCurrentProductId = _ref.setCurrentProductId;
+    currentProductIndex = _ref.currentProductIndex,
+    setCurrentProductIndex = _ref.setCurrentProductIndex;
   var _useDivaCore = useDivaCore(),
     baseSirvUrls = _useDivaCore.state.apiConfig.baseSirvUrls;
   var _useState = useState(null),
@@ -728,22 +342,21 @@ function useGallery(_ref) {
     add2DImage: add2DImage,
     add3DImageAsFallback: add3DImageAsFallback
   });
-  useRef(false);
 
   // Update currentMediaIndex when currentProductIndex changes from outside
   useEffect(function () {
     var _medias$currentMediaI;
-    if (currentProductId !== undefined && ((_medias$currentMediaI = medias[currentMediaIndex]) === null || _medias$currentMediaI === void 0 ? void 0 : _medias$currentMediaI.productId) !== currentProductId) {
+    if (currentProductIndex !== undefined && ((_medias$currentMediaI = medias[currentMediaIndex]) === null || _medias$currentMediaI === void 0 ? void 0 : _medias$currentMediaI.productIndex) !== currentProductIndex) {
       // Find the first media index that corresponds to this product index
       var mediaIndex = medias.findIndex(function (media) {
-        return media.productId === currentProductId;
+        return media.productIndex === currentProductIndex;
       });
       if (mediaIndex !== -1 && mediaIndex !== currentMediaIndex) {
         setCurrentMediaIndex(mediaIndex);
-        swiper === null || swiper === void 0 || swiper.slideTo(mediaIndex, 0, false);
+        swiper === null || swiper === void 0 || swiper.slideTo(mediaIndex);
       }
     }
-  }, [currentProductId]);
+  }, [currentProductIndex]);
   var hasSirvMedia = useMemo(function () {
     var _loop = function _loop(i) {
         if (medias.find(function (m) {
@@ -766,23 +379,29 @@ function useGallery(_ref) {
     }),
     sirvLoaded = _useSirv.sirvLoaded;
   var onSlideChange = function onSlideChange(swiper) {
-    if (swiper.isBeginning) return;
     var newMediaIndex = swiper.realIndex;
-    var media = medias[newMediaIndex];
     setCurrentMediaIndex(newMediaIndex);
-    if (setCurrentProductId && media) {
-      setCurrentProductId(media.productId);
+
+    // Get the product index corresponding to this media index
+    var media = medias[newMediaIndex];
+
+    // Call the external setCurrentProductIndex if provided
+    if (setCurrentProductIndex && media) {
+      setCurrentProductIndex(media.productIndex);
     }
   };
 
   // Get the current product index based on the current media index
-  medias[currentMediaIndex];
+  var currentMedia = medias[currentMediaIndex];
+  var derivedCurrentProductIndex = currentMedia === null || currentMedia === void 0 ? void 0 : currentMedia.productIndex;
   return {
     medias: medias,
     sirvLoaded: sirvLoaded,
     thumbsSwiper: thumbsSwiper,
     swiper: swiper,
     currentIndex: currentMediaIndex,
+    currentProductIndex: currentProductIndex !== null && currentProductIndex !== void 0 ? currentProductIndex : derivedCurrentProductIndex,
+    setCurrentProductIndex: setCurrentProductIndex,
     setThumbsSwiper: setThumbsSwiper,
     setSwiper: setSwiper,
     onSlideChange: onSlideChange
@@ -894,7 +513,6 @@ var MediaItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     videoAutolay = _ref.videoAutolay,
     config = _ref.config;
     _ref.isCurrentlyVisible;
-    var onClick = _ref.onClick;
   var useSirv = false;
   var _useDivaCore = useDivaCore(),
     baseSirvUrls = _useDivaCore.state.apiConfig.baseSirvUrls;
@@ -925,11 +543,7 @@ var MediaItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, media.url);
   return /*#__PURE__*/jsx("img", {
     className: "diva-widget-mediaitem",
-    src: url,
-    onClick: onClick,
-    style: {
-      cursor: onClick ? 'pointer' : 'default'
-    }
+    src: url
   }, url);
 });
 
@@ -982,7 +596,7 @@ var css_248z$1 = ".gallery-XR09O .gallery-thumb .swiper-slide {\n  opacity: 0.4;
 styleInject(css_248z$1);
 
 var galleryAdditional = "gallery-additional-oIgEY";
-var css_248z = ".gallery-additional-oIgEY.diva-widget-gallery {\n  width: 100%;\n  height: 100%;\n  --swiper-navigation-color: #bbb;\n  --swiper-navigation-sides-offset: 4px;\n}\n\n.gallery-additional-oIgEY .gallery-main {\n  height: 85%;\n}\n\n.gallery-additional-oIgEY .gallery-thumb {\n  height: 15%;\n}\n\n.gallery-additional-oIgEY .diva-widget-mediaitem,\n.gallery-additional-oIgEY .gallery-image-thumb {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n}\n\n.gallery-additional-oIgEY .gallery-image-thumb {\n  cursor: pointer;\n}\n\n.gallery-additional-oIgEY .mobile .gallery-main {\n  height: 100%;\n}\n\n.gallery-additional-oIgEY .mobile .gallery-thumb {\n  display: none;\n}\n\n.gallery-additional-oIgEY .gallery-page-number {\n  position: absolute;\n  bottom: 16px;\n  left: 16px;\n  border-radius: 15px;\n  z-index: 1000;\n  padding: 0 16px;\n}\n";
+var css_248z = ".gallery-additional-oIgEY.diva-widget-gallery {\n  width: 100%;\n  height: 100%;\n  --swiper-navigation-color: #bbb;\n  --swiper-navigation-sides-offset: 4px;\n}\n\n.gallery-additional-oIgEY .gallery-main {\n  height: 85%;\n}\n\n.gallery-additional-oIgEY .gallery-thumb {\n  height: 15%;\n}\n\n.gallery-additional-oIgEY .gallery-image,\n.gallery-additional-oIgEY .gallery-image-thumb {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n}\n\n.gallery-additional-oIgEY .gallery-image-thumb {\n  cursor: pointer;\n}\n\n.gallery-additional-oIgEY .mobile .gallery-main {\n  height: 100%;\n}\n\n.gallery-additional-oIgEY .mobile .gallery-thumb {\n  display: none;\n}\n\n.gallery-additional-oIgEY .gallery-page-number {\n  position: absolute;\n  bottom: 16px;\n  left: 16px;\n  border-radius: 15px;\n  z-index: 1000;\n  padding: 0 16px;\n}\n";
 styleInject(css_248z);
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -1072,7 +686,7 @@ var focusable = '.smv-cursor-zoom-in, .sirv-zoom-wrapper, .sirv-zoom-map-lens ,.
 var noSwiping = 'canvas, model-viewer, .sirv-zoom-map, .zoom-controls, .smv-icon';
 var Gallery = function Gallery(props) {
   var _medias$find, _props$config$arIconP;
-  var _useGallery = useGallery(_objectSpread({}, props)),
+  var _useGallery = useGallery(props),
     medias = _useGallery.medias,
     thumbsSwiper = _useGallery.thumbsSwiper,
     swiper = _useGallery.swiper,
@@ -1113,7 +727,6 @@ var Gallery = function Gallery(props) {
       children: medias.map(function (media, i) {
         return /*#__PURE__*/jsx(SwiperSlide, {
           id: 'gallery media index ' + i,
-          "data-product-id": media.productId,
           children: /*#__PURE__*/jsx(MediaItem, {
             media: media,
             config: props.config,

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,sBAsD1C,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,sBAqD1C,CAAC"}

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

@@ -19,13 +19,12 @@ export interface ArActionIconConfig extends BaseElementConfig {
 export interface GalleryProps {
     config: GalleryConfig;
     products: ProductData[];
-    currentProductId?: string;
-    setCurrentProductId?: (id: string) => void;
+    currentProductIndex?: number;
+    setCurrentProductIndex?: (index: number) => void;
     disableAnimation?: boolean;
     setCurrentMedia?: (m: MediaWithProductIndex) => void;
 }
 export interface MediaWithProductIndex extends Media {
     productIndex: number;
-    productId: string;
 }
 //# sourceMappingURL=types.d.ts.map

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;CACtD;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;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,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK;IAClD,YAAY,EAAE,MAAM,CAAC;CACtB"}

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

@@ -1,11 +1,13 @@
 import { GalleryProps, MediaWithProductIndex } from './types';
 import { SwiperClass } from 'swiper/react';
-export default function useGallery({ products, config: { functionTypes, add2DImage, add3DImageAsFallback }, currentProductId, setCurrentProductId, }: GalleryProps): {
+export default function useGallery({ products, config: { functionTypes, add2DImage, add3DImageAsFallback }, currentProductIndex, setCurrentProductIndex, }: GalleryProps): {
     medias: MediaWithProductIndex[];
     sirvLoaded: boolean;
     thumbsSwiper: SwiperClass | null;
     swiper: SwiperClass | null;
     currentIndex: number;
+    currentProductIndex: number;
+    setCurrentProductIndex: ((index: number) => void) | undefined;
     setThumbsSwiper: import("react").Dispatch<import("react").SetStateAction<SwiperClass | null>>;
     setSwiper: import("react").Dispatch<import("react").SetStateAction<SwiperClass | null>>;
     onSlideChange: (swiper: SwiperClass) => void;

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;;;;;;;;4BAiCkB,WAAW;EAyB3C"}
+{"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,mBAAmB,EACnB,sBAAsB,GACvB,EAAE,YAAY;;;;;;;;;;4BA+BkB,WAAW;EA6B3C"}

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

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

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,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;CACxB,CAAC;AAEF,eAAO,MAAM,SAAS,mFAiCpB,CAAC"}

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

@@ -1,3 +1,3 @@
 import { CssConfiguration } from '../types';
-export declare function useCss(settings?: CssConfiguration, defaultCss?: any, widgetType?: string): void;
+export declare function useCss(settings?: CssConfiguration, defaultCss?: any): void;
 //# sourceMappingURL=useCss.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCss.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useCss.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAG5C,wBAAgB,MAAM,CAAC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,EAAE,MAAM,QAIxF"}
+{"version":3,"file":"useCss.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useCss.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAG5C,wBAAgB,MAAM,CAAC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,UAAU,CAAC,EAAE,GAAG,QAInE"}

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

@@ -1,20 +1,12 @@
 import { ProductData } from '@crystaldesign/diva-core';
 export interface UseProductDataProps {
-    productIds?: string[] | string;
+    productIds?: string[];
     variants?: ProductData[];
-    /**
-     * Widget type, used for logging
-     */
-    widgetType: string;
+    onProductLoaded?: (variants: ProductData[]) => void;
 }
-export declare function useProductData({ productIds, variants, widgetType }: UseProductDataProps): {
+export declare function useProductData({ productIds, variants, onProductLoaded }: UseProductDataProps): {
     productVariants: ProductData[];
     error: boolean;
     loading: boolean;
-    getProductsByDivaNrs: (divaNrs: string[]) => Promise<any>;
-    getProductByDivaNrAndVariantId: (divaNr: string, variantId?: string) => Promise<any>;
-    selectedProduct: ProductData | undefined;
-    setSelectedProductId: (productId: string) => Promise<void>;
-    setProductCache: (key: string, data: any) => void;
 };
 //# sourceMappingURL=useProductData.d.ts.map

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;CACpB;AAKD,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,mBAAmB;;;;oCA2JzC,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;AAI1F,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,mBAAmB;;;;EAyD5F"}

package/build/types/widget-library/src/utils/updateCssInDom.d.ts

@@ -3,7 +3,6 @@
  *
  * @param url an url to a css file
  * @param css the css content as text
- * @param widgetId the id of the element to update
  */
-export default function (url?: string, css?: string | string[], widgetType?: string): void;
+export default function (url?: string, css?: string | string[]): void;
 //# sourceMappingURL=updateCssInDom.d.ts.map

package/build/types/widget-library/src/utils/updateCssInDom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"updateCssInDom.d.ts","sourceRoot":"","sources":["../../../../../src/utils/updateCssInDom.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,UAAU,GAAE,MAAW,QA0BtF"}
+{"version":3,"file":"updateCssInDom.d.ts","sourceRoot":"","sources":["../../../../../src/utils/updateCssInDom.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,QA0B7D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/widget-library",
-  "version": "25.8.0-beta.19",
+  "version": "25.8.0-beta.2",
   "license": "MIT",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -36,5 +36,5 @@
     "suiteName": "widget-library",
     "outputDirectory": "./test-reports"
   },
-  "gitHead": "feb050286703b79ffcee7584fa6bd3f0393e09aa"
+  "gitHead": "4333eeff9a165c43b2421ffe3abb4852c6014f08"
 }

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

@@ -1,68 +0,0 @@
-interface CacheEntry<T> {
-    /**
-     * The actual data after the request is resolved
-     */
-    data: T[] | null;
-    /**
-     * The promise for the request
-     */
-    promise: Promise<T[]> | null;
-    /**
-     * The error if the request failed
-     */
-    error: Error | null;
-    /**
-     * Timestamp when the entry was last updated
-     */
-    timestamp: number;
-}
-interface DivaWidgetCache {
-    /**
-     * Get data from cache or fetch if not available
-     * Implements request deduplication - multiple components requesting the same data
-     * will share the same promise
-     * @param key - Cache key (product ID)
-     * @param fetcher - Function to fetch data
-     * @returns Promise that resolves to the data
-     */
-    getOrFetch: <T>(key: string, fetcher: () => Promise<T[]>) => Promise<T[]>;
-    /**
-     * Clear a specific cache entry
-     * @param key - Cache key to clear
-     */
-    clear: (key: string) => void;
-    /**
-     * Clear all cache entries
-     */
-    clearAll: () => void;
-    /**
-     * Set a cache entry
-     * @param key - Cache key
-     * @param data - Data to set
-     */
-    setCache: (key: string, data: any) => void;
-}
-interface UseGlobalCacheProps {
-    /**
-     * Unique widget instance ID, used for events and logging
-     */
-    uniqueWidgetId: string;
-    /**
-     * Widget type, used for events and logging
-     */
-    widgetType: string;
-}
-declare global {
-    interface Window {
-        __divaWidgetCache: {
-            cache: Map<string, CacheEntry<any>>;
-        };
-    }
-}
-/**
- * Global cache for shared data between widgets of a website
- * Simple implementation with request deduplication
- */
-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 +0,0 @@
-{"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/useGlobalSelectedProduct.d.ts

@@ -1,32 +0,0 @@
-import { ProductData } from '@crystaldesign/diva-core';
-interface UseGlobalSelectedProductProps {
-    selectedProduct?: ProductData;
-    /**
-     * Unique widget instance ID, used for events and logging
-     */
-    uniqueWidgetId: string;
-    /**
-     * Widget type, used for events and logging
-     */
-    widgetType: string;
-    /**
-     * Function to handle selected product changes
-     */
-    handleSelectedProductChange: (product: ProductData) => void;
-}
-interface UseGlobalSelectedProductReturn {
-    notifyProductChanged: (product: ProductData) => void;
-}
-/**
- * Hook to get the globally selected product
- *
- * Initially and when the product changes, it gets selected.
- * When ever the selected product is changed, an event is dispatched to notify other widgets, so they can also set the new product as selected.
- * The hook also listens for product selection events from other widgets and updates the selected product accordingly.
- *
- * @param product - The product to select initially
- * @returns The selected product and a function to set the selected product
- */
-export declare function useGlobalSelectedProduct({ selectedProduct, uniqueWidgetId, widgetType, handleSelectedProductChange, }: UseGlobalSelectedProductProps): UseGlobalSelectedProductReturn;
-export {};
-//# sourceMappingURL=useGlobalSelectedProduct.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useGlobalSelectedProduct.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useGlobalSelectedProduct.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIlE,UAAU,6BAA6B;IACrC,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,2BAA2B,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC7D;AAED,UAAU,8BAA8B;IACtC,oBAAoB,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CACtD;AAWD;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,eAAe,EACf,cAAc,EACd,UAAU,EACV,2BAA2B,GAC5B,EAAE,6BAA6B,GAAG,8BAA8B,CAsDhE"}