@crystaldesign/widget-library 25.9.0-beta.9 → 25.10.0-beta.1

package/build/esm/index.js

@@ -100,9 +100,14 @@ if (typeof window !== 'undefined' && !window.__divaWidgetCache) {
  */
 function useGlobalCache(_ref) {
   var uniqueWidgetId = _ref.uniqueWidgetId,
-    widgetType = _ref.widgetType;
+    widgetType = _ref.widgetType,
+    noGlobalCache = _ref.noGlobalCache;
   var getOrFetch = useCallback(function (key, fetcher) {
     LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] getOrFetch called for key: ").concat(key));
+    if (noGlobalCache) {
+      LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] Global cache disabled, fetching directly for key: ").concat(key));
+      return fetcher();
+    }
     if (typeof window === 'undefined' || !window.__divaWidgetCache) {
       LOG$2.debug("[".concat(widgetType, ":").concat(uniqueWidgetId, "] No global cache available, fetching directly for key: ").concat(key));
       return fetcher();
@@ -260,7 +265,8 @@ var generateWidgetId = function generateWidgetId() {
 function useProductData(_ref) {
   var productIds = _ref.productIds,
     variants = _ref.variants,
-    widgetType = _ref.widgetType;
+    widgetType = _ref.widgetType,
+    noGlobalCache = _ref.noGlobalCache;
   // Generate stable widget ID that persists for the lifetime of this hook instance
   // Function to handle selectedProduct changes
 
@@ -271,7 +277,8 @@ function useProductData(_ref) {
     handler = _useDivaCore.handler;
   var _useGlobalCache = useGlobalCache({
       uniqueWidgetId: widgetId,
-      widgetType: widgetType
+      widgetType: widgetType,
+      noGlobalCache: noGlobalCache
     }),
     getOrFetch = _useGlobalCache.getOrFetch,
     setCache = _useGlobalCache.setCache;
@@ -812,13 +819,13 @@ function useGallery(_ref) {
         var _swiper$params;
         setCurrentMediaIndex(mediaIndex);
         if (swiper !== null && swiper !== void 0 && (_swiper$params = swiper.params) !== null && _swiper$params !== void 0 && _swiper$params.loop) {
-          swiper === null || swiper === void 0 || swiper.slideToLoop(mediaIndex);
+          swiper === null || swiper === void 0 || swiper.slideToLoop(mediaIndex, 0);
         } else {
-          swiper === null || swiper === void 0 || swiper.slideTo(mediaIndex);
+          swiper === null || swiper === void 0 || swiper.slideTo(mediaIndex, 0);
         }
       }
     }
-  }, [currentProductId]);
+  }, [currentProductId, swiper]);
   var hasSirvMedia = useMemo(function () {
     var _loop = function _loop(i) {
         if (medias.find(function (m) {
@@ -1151,7 +1158,8 @@ var ArActionIcon = function ArActionIcon(_ref) {
     if (element !== null && element !== void 0 && element.style) element.style.display = 'none';
   }, []);
   if (!url || !arViewerBaseUrl) return /*#__PURE__*/jsx(Fragment, {});
-  var finalURL = arViewerBaseUrl + '/arViewer?arMedia=' + url;
+  var apllyConfiguratorSessionId = DivaUtils.ConfigurationId ? '&configurationId=' + DivaUtils.ConfigurationId : '';
+  var finalURL = arViewerBaseUrl + '/arViewer?arMedia=' + url + '&divaSessionId=' + DivaUtils.SessionId + apllyConfiguratorSessionId;
   var arText = typeof (config === null || config === void 0 ? void 0 : config.text) === 'string' ? config.text : (config === null || config === void 0 ? void 0 : config.text) !== false ? t('widget.gallery.arActionIcon.text') : '';
   return /*#__PURE__*/jsx("div", _objectSpread$1(_objectSpread$1({}, triggerProps), {}, {
     onClick: function onClick() {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Gallery/ArActionIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,aAAa,EAAE,mBAAmB,CAAC;IACnC,GAAG,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,YAAY,mCAAoC,iBAAiB,sBAmDtE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Gallery/ArActionIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,aAAa,EAAE,mBAAmB,CAAC;IACnC,GAAG,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,YAAY,mCAAoC,iBAAiB,sBAoDtE,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

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

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/widget-library",
-  "version": "25.9.0-beta.9",
+  "version": "25.10.0-beta.1",
   "license": "MIT",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -36,5 +36,5 @@
     "suiteName": "widget-library",
     "outputDirectory": "./test-reports"
   },
-  "gitHead": "8264ad08999b0d1aa43b9503d6ec65aee5eba836"
+  "gitHead": "500bd13abd3eb41d6891dd0bd1402f04d60388c2"
 }