@crystaldesign/widget-library 25.7.5 → 25.8.0-beta.10

package/build/esm/index.js

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState, forwardRef, useRef } from 'react';
+import { useEffect, useMemo, useCallback, useState, useRef, forwardRef } 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';
@@ -80,142 +80,505 @@ function useConfiguration(type, componentSettings) {
   return settings;
 }
 
-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$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
+  };
+}
+
 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,
-    onProductLoaded = _ref.onProductLoaded;
+    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();
+  }, []);
   var _useDivaCore = useDivaCore(),
     handler = _useDivaCore.handler;
-  var _useState = useState(variants !== null && variants !== void 0 ? variants : []),
+  var _useGlobalCache = useGlobalCache({
+      uniqueWidgetId: widgetId,
+      widgetType: widgetType
+    }),
+    getOrFetch = _useGlobalCache.getOrFetch,
+    setCache = _useGlobalCache.setCache;
+  var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     productVariants = _useState2[0],
     setProductVariants = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
-  var _useState5 = useState(true),
+    selectedProduct = _useState4[0],
+    setSelectedProduct = _useState4[1];
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     loading = _useState6[0],
     setLoading = _useState6[1];
-  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;
+  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;
               break;
-            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) {
+            }
+            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) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
-                      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:
+                      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:
                     case "end":
                       return _context.stop();
                   }
-                }, _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;
+                }, _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;
               break;
-            case 21:
-              _context2.next = 26;
+            }
+            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);
+      setSelectedProduct(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:
+            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 = 7;
               break;
-            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;
+            }
+            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 7:
+            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " not found in current variants, fetching variants for it"));
+            _context4.prev = 8;
+            setError(false);
+            setLoading(true);
+            _context4.next = 13;
+            return fetchProducts([productId]);
+          case 13:
+            _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 = 23;
               break;
-            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]);
+            }
+            LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Setting product ").concat(productId, " as selected after fetching"));
+            setSelectedProduct(_product);
+            notifyProductChanged(_product);
+            _context4.next = 24;
+            break;
+          case 23:
+            throw new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " not found"));
+          case 24:
+            _context4.next = 30;
+            break;
+          case 26:
+            _context4.prev = 26;
+            _context4.t0 = _context4["catch"](8);
+            LOG.error(new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Error loading product"), {
+              cause: _context4.t0
+            }));
+            setError(true);
+          case 30:
+            _context4.prev = 30;
+            setLoading(false);
+            return _context4.finish(30);
+          case 33:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[8, 26, 30, 33]]);
+    }));
+    return function (_x4) {
+      return _ref5.apply(this, arguments);
+    };
+  }(), [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('"', '')
+              }], 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
+            }];
+            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()
+    });
+  }
   return {
     productVariants: productVariants,
     error: error,
-    loading: loading
+    loading: loading,
+    getProductsByDivaNrs: getProductsByDivaNrs,
+    getProductByDivaNrAndVariantId: getProductByDivaNrAndVariantId,
+    selectedProduct: selectedProduct,
+    setSelectedProductId: setSelectedProductId,
+    setProductCache: setProductCache
   };
 }
 
@@ -285,7 +648,8 @@ function useMedia(_ref) {
           }
           newMedias = [].concat(_toConsumableArray(newMedias), _toConsumableArray(filteredMedia.map(function (media) {
             return _objectSpread$3(_objectSpread$3({}, media), {}, {
-              productIndex: productIndex
+              productIndex: productIndex,
+              productId: product._id
             });
           })));
         }
@@ -298,7 +662,8 @@ function useMedia(_ref) {
       if (add3DImageAsFallback && product.image && !hasAddedMediaForProduct) {
         newMedias.unshift({
           url: product.image,
-          productIndex: productIndex
+          productIndex: productIndex,
+          productId: product._id
         });
       }
 
@@ -306,7 +671,8 @@ function useMedia(_ref) {
       if (add2DImage && product.image2D) {
         newMedias.push({
           url: product.image2D,
-          productIndex: productIndex
+          productIndex: productIndex,
+          productId: product._id
         });
       }
     });
@@ -342,7 +708,7 @@ function useGallery(_ref) {
     add2DImage: add2DImage,
     add3DImageAsFallback: add3DImageAsFallback
   });
-
+  var userTriggeredRef = useRef(false);
   // Update currentMediaIndex when currentProductIndex changes from outside
   useEffect(function () {
     var _medias$currentMediaI;
@@ -357,6 +723,9 @@ function useGallery(_ref) {
       }
     }
   }, [currentProductIndex]);
+  var markUserInteraction = function markUserInteraction() {
+    userTriggeredRef.current = true;
+  };
   var hasSirvMedia = useMemo(function () {
     var _loop = function _loop(i) {
         if (medias.find(function (m) {
@@ -379,6 +748,7 @@ function useGallery(_ref) {
     }),
     sirvLoaded = _useSirv.sirvLoaded;
   var onSlideChange = function onSlideChange(swiper) {
+    if (!userTriggeredRef.current) return;
     var newMediaIndex = swiper.realIndex;
     setCurrentMediaIndex(newMediaIndex);
 
@@ -389,6 +759,7 @@ function useGallery(_ref) {
     if (setCurrentProductIndex && media) {
       setCurrentProductIndex(media.productIndex);
     }
+    userTriggeredRef.current = false;
   };
 
   // Get the current product index based on the current media index
@@ -404,7 +775,8 @@ function useGallery(_ref) {
     setCurrentProductIndex: setCurrentProductIndex,
     setThumbsSwiper: setThumbsSwiper,
     setSwiper: setSwiper,
-    onSlideChange: onSlideChange
+    onSlideChange: onSlideChange,
+    markUserInteraction: markUserInteraction
   };
 }
 
@@ -513,6 +885,7 @@ 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;
@@ -543,7 +916,11 @@ var MediaItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, media.url);
   return /*#__PURE__*/jsx("img", {
     className: "diva-widget-mediaitem",
-    src: url
+    src: url,
+    onClick: onClick,
+    style: {
+      cursor: onClick ? 'pointer' : 'default'
+    }
   }, url);
 });
 
@@ -686,14 +1063,15 @@ 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(props),
+  var _useGallery = useGallery(_objectSpread({}, props)),
     medias = _useGallery.medias,
     thumbsSwiper = _useGallery.thumbsSwiper,
     swiper = _useGallery.swiper,
     onSlideChange = _useGallery.onSlideChange,
     setThumbsSwiper = _useGallery.setThumbsSwiper,
     setSwiper = _useGallery.setSwiper,
-    currentIndex = _useGallery.currentIndex;
+    currentIndex = _useGallery.currentIndex,
+    markUserInteraction = _useGallery.markUserInteraction;
   useEffect(function () {
     if (props.setCurrentMedia) {
       props.setCurrentMedia(medias[currentIndex]);
@@ -712,6 +1090,9 @@ var Gallery = function Gallery(props) {
       htmlArElement: htmlArElement === null || htmlArElement === void 0 ? void 0 : htmlArElement.current
     }), /*#__PURE__*/jsx(Swiper, _objectSpread(_objectSpread({
       onSwiper: setSwiper,
+      onTouchStart: markUserInteraction,
+      onNavigationNext: markUserInteraction,
+      onNavigationPrev: markUserInteraction,
       resizeObserver: false,
       onSlideChange: onSlideChange,
       focusableElements: focusable,

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

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

@@ -26,5 +26,6 @@ export interface GalleryProps {
 }
 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,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"}
+{"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;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB"}

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

@@ -11,5 +11,6 @@ export default function useGallery({ products, config: { functionTypes, add2DIma
     setThumbsSwiper: import("react").Dispatch<import("react").SetStateAction<SwiperClass | null>>;
     setSwiper: import("react").Dispatch<import("react").SetStateAction<SwiperClass | null>>;
     onSlideChange: (swiper: SwiperClass) => void;
+    markUserInteraction: () => void;
 };
 //# sourceMappingURL=useGallery.d.ts.map

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

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

@@ -8,6 +8,7 @@ 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;CACxB,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;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS,mFAiCpB,CAAC"}

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

@@ -0,0 +1,68 @@
+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

@@ -0,0 +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;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

@@ -0,0 +1,32 @@
+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

@@ -0,0 +1 @@
+{"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"}

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

@@ -1,12 +1,20 @@
 import { ProductData } from '@crystaldesign/diva-core';
 export interface UseProductDataProps {
-    productIds?: string[];
+    productIds?: string[] | string;
     variants?: ProductData[];
-    onProductLoaded?: (variants: ProductData[]) => void;
+    /**
+     * Widget type, used for logging
+     */
+    widgetType: string;
 }
-export declare function useProductData({ productIds, variants, onProductLoaded }: UseProductDataProps): {
+export declare function useProductData({ productIds, variants, widgetType }: 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;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"}
+{"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;;;;oCAqJzC,MAAM,EAAE,KAAG,OAAO,CAAC,GAAG,CAAC;6CAoBd,MAAM,cAAc,MAAM,KAAG,OAAO,CAAC,GAAG,CAAC;;sCA9D3E,MAAM;2BAoFI,MAAM,QAAQ,GAAG;EAiBhD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/widget-library",
-  "version": "25.7.5",
+  "version": "25.8.0-beta.10",
   "license": "MIT",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -36,5 +36,5 @@
     "suiteName": "widget-library",
     "outputDirectory": "./test-reports"
   },
-  "gitHead": "59f938d79c701df0ef7766b881da68b4d8c47279"
+  "gitHead": "72f0eae11ba09885de9b2ff2f10054cea54754aa"
 }