@crystaldesign/diva-seller 26.13.0-beta.1 → 26.13.0-beta.11

package/build/esm/index.js

@@ -8037,6 +8037,37 @@ function useProduct(basket) {
   };
 }
 
+/** The basket fields the seller-basket initialization is derived from. */
+
+/** Labels of the `onInitSellerBasket` business event — the catalog part of `onInitializeConfigurator`. */
+
+/**
+ * Builds the analytics payload for a basket that is opened in the seller without a configurator (archive, QR code,
+ * deep link). Without it the configurator session would carry no catalog data, because `onInitializeConfigurator`
+ * is only logged by the configurator. Only the first order set is used.
+ *
+ * @param basket the loaded basket
+ * @param requestedDivaNr the divaNr the basket was opened with (the archive passes `DivaNr-DocumentVersion`)
+ * @returns undefined for a basket without order sets
+ */
+function getSellerBasketInit(basket, requestedDivaNr) {
+  var _basket$OrderSets;
+  var orderSet = (_basket$OrderSets = basket.OrderSets) === null || _basket$OrderSets === void 0 ? void 0 : _basket$OrderSets[0];
+  if (!orderSet) return undefined;
+  return {
+    basketValue: orderSet.SetPrice,
+    labels: {
+      catalogCodex: orderSet.CatalogCodex,
+      catalogName: orderSet.CatalogName,
+      accountName: orderSet.AccountName,
+      supplierId: orderSet.AccountGUID,
+      originalProductId: basket.MatchingProductId || basket.OrigProductId,
+      initializationType: 'SELLER_BASKET',
+      initializationId: requestedDivaNr || basket.DivaNr
+    }
+  };
+}
+
 function ownKeys$s(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; }
 function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$5 = getLogger('SellerBasket', 'Basket');
@@ -8090,8 +8121,30 @@ function Basket(_ref) {
     isLoading = _useProduct.isLoading,
     resetProductSaved = _useProduct.resetProductSaved;
   var statusRef = useRef(basket !== null && basket !== void 0 && basket.StatusKey ? basket === null || basket === void 0 ? void 0 : basket.StatusKey : basket !== null && basket !== void 0 && basket.Status ? basket === null || basket === void 0 ? void 0 : basket.Status : '');
+  // Configurator session started by the basket itself, i.e. without a configurator: it still lacks the catalog data.
+  var ownSessionIdRef = useRef();
+  var startOwnSession = function startOwnSession() {
+    DivaUtils$1.businessMetrics.setConfiguratorSessionId();
+    ownSessionIdRef.current = DivaUtils$1.businessMetrics.getConfiguratorSessionId();
+  };
+  var logSellerBasketInit = function logSellerBasketInit(loadedBasket, requestedDivaNr, sessionIdAtOpen) {
+    var ownSessionId = ownSessionIdRef.current;
+    // Baskets handed over by the configurator already have its init event in their session, and a load overtaken
+    // by a newer open belongs to an older session.
+    if (!ownSessionId || ownSessionId !== sessionIdAtOpen || ownSessionId !== DivaUtils$1.businessMetrics.getConfiguratorSessionId()) return;
+    if (!loadedBasket) return;
+    var init = getSellerBasketInit(loadedBasket, requestedDivaNr);
+    if (!init) return;
+    // Once per session: loadBasket re-opens the seller with the loaded basket, which runs the loading effect again.
+    ownSessionIdRef.current = undefined;
+    LOG$5.businessEvent('onInitSellerBasket', 'SellerBasket', 'Basket opened without configurator', init.labels);
+    LOG$5.businessEvent('onActualBasketValue', 'SellerBasket', 'Aktueller Basket Value: ' + init.basketValue, {
+      basketValue: init.basketValue,
+      isInit: true
+    });
+  };
   useEffect(function () {
-    if (!basket) DivaUtils$1.businessMetrics.setConfiguratorSessionId();
+    if (!basket) startOwnSession();
     LOG$5.startTransaction({
       event: 'onOpenModule',
       message: 'Open Basket',
@@ -8104,12 +8157,16 @@ function Basket(_ref) {
   useEffect(function () {
     // Wait for the seller session to be established before loading the basket.
     if (!sessionGuid) return;
-    if (checkBasket === '1') DivaUtils$1.businessMetrics.setConfiguratorSessionId();
-    openBasket(statusRef, divaNr, checkBasket, basket, assignNewDivaNr).then(function () {
+    // Opening from the archive starts a new session, also while the basket stays mounted.
+    if (checkBasket === '1' || assignNewDivaNr) startOwnSession();
+    var requestedDivaNr = divaNr;
+    var sessionIdAtOpen = DivaUtils$1.businessMetrics.getConfiguratorSessionId();
+    openBasket(statusRef, divaNr, checkBasket, basket, assignNewDivaNr).then(function (result) {
       var _getBasketStatusArr;
       LOG$5.successTransaction('ON_OPEN_MODULE_BASKET', {
         divaNr: divaNr
       });
+      logSellerBasketInit(result === null || result === void 0 ? void 0 : result.basket, requestedDivaNr, sessionIdAtOpen);
       if (!statusRef.current || !((_getBasketStatusArr = getBasketStatusArr()) !== null && _getBasketStatusArr !== void 0 && _getBasketStatusArr.includes(statusRef.current))) {
         var _basketToUpdate, _currentBasketState$b;
         var basketToUpdate = basket;
@@ -8142,11 +8199,15 @@ function Basket(_ref) {
       setActBasketPage(currentBasketState === null || currentBasketState === void 0 ? void 0 : currentBasketState.step);
     }
   }, [currentBasketState === null || currentBasketState === void 0 ? void 0 : currentBasketState.step]);
+  var hasSellerSession = !!sessionGuid;
   useEffect(function () {
+    // Until the seller session exists the configurator session id is not final yet (cold load, archive open):
+    // a step logged now would end up in a configurator session of its own.
+    if (!hasSellerSession) return;
     LOG$5.businessEvent('onBasketStep', 'SellerBasket', "goto BasketStep '".concat(actBasketPage, "'"), {
       basketStep: actBasketPage
     });
-  }, [actBasketPage]);
+  }, [actBasketPage, hasSellerSession]);
   if (!(currentBasketState !== null && currentBasketState !== void 0 && currentBasketState.basket) || loadingBasket) {
     return /*#__PURE__*/jsx(Fragment, {});
   }

package/build/types/seller/src/components/Basket/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Basket/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAOhD,OAAO,EAA0C,UAAU,EAAa,MAAM,0BAA0B,CAAC;AAQzG,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,EAAE,KAAK,qBA8drF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Basket/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAOhD,OAAO,EAA0C,UAAU,EAAa,MAAM,0BAA0B,CAAC;AASzG,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,EAAE,KAAK,qBA8frF"}

package/build/types/seller/src/components/Basket/sellerBasketInit.d.ts

@@ -0,0 +1,32 @@
+import type { BasketData, OrderSetData } from '@crystaldesign/diva-core';
+/** The basket fields the seller-basket initialization is derived from. */
+export interface SellerBasketInitSource extends Pick<BasketData, 'DivaNr' | 'MatchingProductId' | 'OrigProductId'> {
+    OrderSets?: Pick<OrderSetData, 'CatalogCodex' | 'CatalogName' | 'AccountName' | 'AccountGUID' | 'SetPrice'>[];
+}
+/** Labels of the `onInitSellerBasket` business event — the catalog part of `onInitializeConfigurator`. */
+export interface SellerBasketInitLabels {
+    catalogCodex: string;
+    catalogName: string;
+    accountName: string;
+    /** The AccountGUID, logged under the same name as by the configurator. */
+    supplierId: string;
+    originalProductId?: string;
+    initializationType: 'SELLER_BASKET';
+    initializationId: string;
+}
+export interface SellerBasketInit {
+    /** Price of the first set — the same meaning as the configurator's `onActualBasketValue`. */
+    basketValue: number;
+    labels: SellerBasketInitLabels;
+}
+/**
+ * Builds the analytics payload for a basket that is opened in the seller without a configurator (archive, QR code,
+ * deep link). Without it the configurator session would carry no catalog data, because `onInitializeConfigurator`
+ * is only logged by the configurator. Only the first order set is used.
+ *
+ * @param basket the loaded basket
+ * @param requestedDivaNr the divaNr the basket was opened with (the archive passes `DivaNr-DocumentVersion`)
+ * @returns undefined for a basket without order sets
+ */
+export declare function getSellerBasketInit(basket: SellerBasketInitSource, requestedDivaNr?: string): SellerBasketInit | undefined;
+//# sourceMappingURL=sellerBasketInit.d.ts.map

package/build/types/seller/src/components/Basket/sellerBasketInit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sellerBasketInit.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Basket/sellerBasketInit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAEzE,0EAA0E;AAC1E,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,mBAAmB,GAAG,eAAe,CAAC;IAChH,SAAS,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,cAAc,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,GAAG,UAAU,CAAC,EAAE,CAAC;CAC/G;AAED,0GAA0G;AAC1G,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,eAAe,CAAC;IACpC,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,6FAA6F;IAC7F,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,sBAAsB,CAAC;CAChC;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,sBAAsB,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAgB1H"}

package/build/types/seller/src/tests/sellerBasketInit.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sellerBasketInit.test.d.ts.map

package/build/types/seller/src/tests/sellerBasketInit.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sellerBasketInit.test.d.ts","sourceRoot":"","sources":["../../../../../src/tests/sellerBasketInit.test.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-seller",
-  "version": "26.13.0-beta.1",
+  "version": "26.13.0-beta.11",
   "description": "Seller-facing UI section with its own state provider and services.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -29,9 +29,9 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@crystaldesign/analytics": "26.13.0-beta.1",
-    "@crystaldesign/products-component": "26.13.0-beta.1",
-    "@crystaldesign/real-time-viewer": "26.13.0-beta.1",
+    "@crystaldesign/analytics": "26.13.0-beta.11",
+    "@crystaldesign/products-component": "26.13.0-beta.11",
+    "@crystaldesign/real-time-viewer": "26.13.0-beta.11",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@mui/icons-material": "7.3.11",
@@ -42,5 +42,5 @@
   },
   "types": "./build/types/seller/src/index.d.ts",
   "module": "build/esm/index.js",
-  "gitHead": "b38715cf22885313d39435130631ab8993ac8dc5"
+  "gitHead": "a89250fd23b051ef39a88d640b72633fa67a508d"
 }