@crystaldesign/widget-library 25.9.0-beta.6 → 25.9.0-beta.7

package/build/esm/index.js

@@ -3,6 +3,7 @@ import { useDivaCore, getLogger, DivaError, useTranslation } from '@crystaldesig
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
+import DivaUtils from '@crystaldesign/diva-utils';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { Navigation, Thumbs, Pagination } from 'swiper/modules';
 import { Swiper, SwiperSlide } from 'swiper/react';
@@ -290,6 +291,10 @@ function useProductData(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     error = _useState8[0],
     setError = _useState8[1];
+  var _useState9 = useState(true),
+    _useState10 = _slicedToArray(_useState9, 2),
+    initialProduct = _useState10[0],
+    setInitialProduct = _useState10[1];
   var fetchProducts = useCallback(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ids) {
       var productPromises, results, flattenedResults;
@@ -416,15 +421,39 @@ function useProductData(_ref) {
     }
     setError(false);
     setLoading(true);
-    fetchProducts(normalizedProductIds).then(function (variants) {
-      LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Successfully loaded ").concat(variants.length, " product variants"));
-      setProductVariants(variants);
-      var variantToUse = variants.find(function (v) {
-        return v._id === normalizedProductIds[0];
-      });
-      setSelectedProduct(variantToUse !== null && variantToUse !== void 0 ? variantToUse : variants[0]);
-      setLoading(false);
-    })["catch"](function (error) {
+    fetchProducts(normalizedProductIds).then(/*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(variants) {
+        var variantToUse, _variantToUse$catCode;
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Successfully loaded ").concat(variants.length, " product variants"));
+              setProductVariants(variants);
+              variantToUse = variants.find(function (v) {
+                return v._id === normalizedProductIds[0];
+              });
+              setSelectedProduct(variantToUse !== null && variantToUse !== void 0 ? variantToUse : variants[0]);
+              setLoading(false);
+              if (!initialProduct) {
+                _context4.next = 10;
+                break;
+              }
+              DivaUtils.businessMetrics.setConfiguratorSessionId(undefined, true);
+              setInitialProduct(false);
+              _context4.next = 10;
+              return logSelectedProduct(normalizedProductIds[0], widgetType, variantToUse === null || variantToUse === void 0 ? void 0 : variantToUse.variantId, variantToUse === null || variantToUse === void 0 ? void 0 : variantToUse.modelName, variantToUse === null || variantToUse === void 0 || (_variantToUse$catCode = variantToUse.catCodex) === null || _variantToUse$catCode === void 0 ? void 0 : _variantToUse$catCode.toString(), variantToUse === null || variantToUse === void 0 ? void 0 : variantToUse.configuration.OrderSets.map(function (set) {
+                return set.SupplierGUID;
+              }), 'onWidgetInitialProduct');
+            case 10:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function (_x4) {
+        return _ref5.apply(this, arguments);
+      };
+    }())["catch"](function (error) {
       LOG.error(new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Error loading products"), {
         cause: error
       }));
@@ -434,17 +463,17 @@ function useProductData(_ref) {
     });
   }, [normalizedProductIds]);
   var setSelectedProductId = useCallback(/*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(productId) {
-      var product, _variants2, _product;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(productId) {
+      var product, _product$catCodex, _variants2, _product, _product$catCodex2;
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             if (!((selectedProduct === null || selectedProduct === void 0 ? void 0 : selectedProduct._id) === productId)) {
-              _context4.next = 3;
+              _context5.next = 3;
               break;
             }
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " already selected, skipping"));
-            return _context4.abrupt("return");
+            return _context5.abrupt("return");
           case 3:
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] setSelectedProductId called with productId: ").concat(productId));
 
@@ -454,74 +483,84 @@ function useProductData(_ref) {
               return p._id === productId;
             });
             if (!product) {
-              _context4.next = 10;
+              _context5.next = 12;
               break;
             }
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " found in current variants, setting as selected"));
             setSelectedProduct(product);
             notifyProductChanged(product);
-            return _context4.abrupt("return");
-          case 10:
+            _context5.next = 11;
+            return logSelectedProduct(productId, widgetType, product.variantId, product.modelName, (_product$catCodex = product.catCodex) === null || _product$catCodex === void 0 ? void 0 : _product$catCodex.toString(), product.configuration ? product.configuration.OrderSets.map(function (set) {
+              return set.SupplierGUID;
+            }) : undefined);
+          case 11:
+            return _context5.abrupt("return");
+          case 12:
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " not found in current variants, fetching variants for it"));
-            _context4.prev = 11;
+            _context5.prev = 13;
             setError(false);
             setLoading(true);
-            _context4.next = 16;
+            _context5.next = 18;
             return fetchProducts([productId]);
-          case 16:
-            _variants2 = _context4.sent;
+          case 18:
+            _variants2 = _context5.sent;
             setProductVariants(_variants2);
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] New ").concat(_variants2.length, " variants to productVariants"));
             _product = _variants2.find(function (p) {
               return p._id === productId;
             });
             if (!_product) {
-              _context4.next = 26;
+              _context5.next = 30;
               break;
             }
             LOG.debug("[".concat(widgetType, ":").concat(widgetId, "] Setting product ").concat(productId, " as selected after fetching"));
             setSelectedProduct(_product);
             notifyProductChanged(_product);
-            _context4.next = 27;
+            _context5.next = 28;
+            return logSelectedProduct(productId, widgetType, _product.variantId, _product.modelName, (_product$catCodex2 = _product.catCodex) === null || _product$catCodex2 === void 0 ? void 0 : _product$catCodex2.toString(), _product.configuration.OrderSets.map(function (set) {
+              return set.SupplierGUID;
+            }));
+          case 28:
+            _context5.next = 31;
             break;
-          case 26:
+          case 30:
             throw new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Product ").concat(productId, " not found"));
-          case 27:
-            _context4.next = 33;
+          case 31:
+            _context5.next = 37;
             break;
-          case 29:
-            _context4.prev = 29;
-            _context4.t0 = _context4["catch"](11);
+          case 33:
+            _context5.prev = 33;
+            _context5.t0 = _context5["catch"](13);
             LOG.error(new DivaError("[".concat(widgetType, ":").concat(widgetId, "] Error loading product"), {
-              cause: _context4.t0
+              cause: _context5.t0
             }));
             setError(true);
-          case 33:
-            _context4.prev = 33;
+          case 37:
+            _context5.prev = 37;
             setLoading(false);
-            return _context4.finish(33);
-          case 36:
+            return _context5.finish(37);
+          case 40:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4, null, [[11, 29, 33, 36]]);
+      }, _callee5, null, [[13, 33, 37, 40]]);
     }));
-    return function (_x4) {
-      return _ref5.apply(this, arguments);
+    return function (_x5) {
+      return _ref6.apply(this, arguments);
     };
   }(), [selectedProduct, productVariants, fetchProducts, setSelectedProduct, widgetId, widgetType]);
-  function getProductsByDivaNrs(_x5) {
+  function getProductsByDivaNrs(_x6) {
     return _getProductsByDivaNrs.apply(this, arguments);
   }
   function _getProductsByDivaNrs() {
-    _getProductsByDivaNrs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(divaNrs) {
+    _getProductsByDivaNrs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(divaNrs) {
       var products;
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             // Sort divaNrs array to ensure consistent cache keys
             divaNrs.sort();
-            _context5.next = 3;
+            _context6.next = 3;
             return getOrFetch('divaNrs' + divaNrs.join(','), function () {
               return handler.productHandler.apiGetProductByQuery([{
                 id: 'divaNr',
@@ -534,24 +573,24 @@ function useProductData(_ref) {
               }], 1000, false);
             });
           case 3:
-            products = _context5.sent;
-            return _context5.abrupt("return", products);
+            products = _context6.sent;
+            return _context6.abrupt("return", products);
           case 5:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
     }));
     return _getProductsByDivaNrs.apply(this, arguments);
   }
-  function getProductByDivaNrAndVariantId(_x6, _x7) {
+  function getProductByDivaNrAndVariantId(_x7, _x8) {
     return _getProductByDivaNrAndVariantId.apply(this, arguments);
   }
   function _getProductByDivaNrAndVariantId() {
-    _getProductByDivaNrAndVariantId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(divaNr, variantId) {
+    _getProductByDivaNrAndVariantId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(divaNr, variantId) {
       var filter, product;
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
             filter = [{
               id: 'divaNr',
@@ -569,18 +608,18 @@ function useProductData(_ref) {
                 value: parseInt(variantId)
               });
             }
-            _context6.next = 4;
+            _context7.next = 4;
             return getOrFetch('divaNr' + divaNr + 'variantId' + variantId, function () {
               return handler.productHandler.apiGetProductByQuery(filter, 1, false);
             });
           case 4:
-            product = _context6.sent;
-            return _context6.abrupt("return", product);
+            product = _context7.sent;
+            return _context7.abrupt("return", product);
           case 6:
           case "end":
-            return _context6.stop();
+            return _context7.stop();
         }
-      }, _callee6);
+      }, _callee7);
     }));
     return _getProductByDivaNrAndVariantId.apply(this, arguments);
   }
@@ -590,6 +629,33 @@ function useProductData(_ref) {
       timestamp: Date.now()
     });
   }
+  function logSelectedProduct(_x9, _x10, _x11, _x12, _x13, _x14) {
+    return _logSelectedProduct.apply(this, arguments);
+  }
+  function _logSelectedProduct() {
+    _logSelectedProduct = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(productId, widgetType, variantId, catalogName, catalogCodex, supplierId) {
+      var event,
+        _args8 = arguments;
+      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            event = _args8.length > 6 && _args8[6] !== undefined ? _args8[6] : 'onWidgetProductSelected';
+            LOG.businessEvent(event, 'DivaWidget', "Product ".concat(productId, " selected in widget ").concat(widgetType), {
+              productId: productId,
+              variantId: variantId,
+              widgetType: widgetType,
+              catalogName: catalogName,
+              catalogCodex: catalogCodex,
+              supplierId: supplierId
+            });
+          case 2:
+          case "end":
+            return _context8.stop();
+        }
+      }, _callee8);
+    }));
+    return _logSelectedProduct.apply(this, arguments);
+  }
   return {
     productVariants: productVariants,
     error: error,

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;AAQ1F,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAKD,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,mBAAmB;;;;oCAyLzC,MAAM,EAAE,KAAG,OAAO,CAAC,GAAG,CAAC;6CAyBd,MAAM,cAAc,MAAM,KAAG,OAAO,CAAC,GAAG,CAAC;;sCAxF3E,MAAM;2BAmHI,MAAM,QAAQ,GAAG;EAoChD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/widget-library",
-  "version": "25.9.0-beta.6",
+  "version": "25.9.0-beta.7",
   "license": "MIT",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -36,5 +36,5 @@
     "suiteName": "widget-library",
     "outputDirectory": "./test-reports"
   },
-  "gitHead": "edef772a37cc1b30728bc0dafad26abf423e2b99"
+  "gitHead": "d02d40c037dd9fc40cc9b4a3811c305619ff6c0c"
 }