@lookiero/checkout 1.1.4-beta.2 → 1.1.4-beta.3

package/dist/infrastructure/ui/views/item/Item.js

@@ -1,5 +1,5 @@
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useParams } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import { useLogger } from "../../../../shared/logging/useLogger";
@@ -68,24 +68,20 @@ const Item = ({ customerId, country }) => {
         trackReturnItem();
     }, [hideReturnQuestions, returnCheckoutItem, trackReturnItem]);
     /* ReturnCheckoutItem */
-    // const replaceableFor = useMemo(
-    //   () =>
-    //     sizeChangeEnabledStatus === QueryStatus.SUCCESS
-    //       ? isSizeChangeEnabled
-    //         ? bookedProductsVariants
-    //           ? bookedProductsVariants?.productVariants.map(({ id }) => id)
-    //           : undefined
-    //         : []
-    //       : undefined,
-    //   [bookedProductsVariants, isSizeChangeEnabled, sizeChangeEnabledStatus],
-    // );
+    const replaceableFor = useMemo(() => sizeChangeEnabledStatus === QueryStatus.SUCCESS
+        ? isSizeChangeEnabled
+            ? bookedProductsVariants
+                ? bookedProductsVariants.productVariants.map(({ id }) => id)
+                : undefined
+            : []
+        : undefined, [bookedProductsVariants, isSizeChangeEnabled, sizeChangeEnabledStatus]);
     useTrackItemPageView({
         page: TrackingPage.ITEM,
         country,
         checkoutId: checkout?.id,
         checkoutItemId: checkoutItem.id,
         productVariantId: checkoutItem.productVariant.id,
-        // replaceableFor,
+        replaceableFor: replaceableFor ? replaceableFor.toString() : undefined,
         unique: checkoutItem.productVariant.size.unique,
     });
     const dependenciesLoaded = checkoutStatus !== QueryStatus.LOADING &&

package/dist/shared/tracking/infrastructure/useTrackItemPageView.d.ts

@@ -6,6 +6,7 @@ interface UseTrackItemPageViewFunctionArgs {
     readonly checkoutId?: string;
     readonly checkoutItemId: string;
     readonly productVariantId: string;
+    readonly replaceableFor: string | undefined;
     readonly unique: boolean;
 }
 interface UseTrackItemPageViewFunction {

package/dist/shared/tracking/infrastructure/useTrackItemPageView.js

@@ -2,12 +2,10 @@ import { useLayoutEffect } from "react";
 import { PROJECT } from "../../../infrastructure/tracking/tracking";
 import { TrackingEvent, TrackingEventCategory } from "../tracking";
 import { useEmitUserEvent } from "./useEmitUserEvent";
-const useTrackItemPageView = ({ page, country, checkoutId, checkoutItemId, productVariantId, 
-// replaceableFor,
-unique, }) => {
+const useTrackItemPageView = ({ page, country, checkoutId, checkoutItemId, productVariantId, replaceableFor, unique, }) => {
     const emitUserEvent = useEmitUserEvent();
     useLayoutEffect(() => {
-        if (!checkoutId) {
+        if (!(checkoutId && replaceableFor)) {
             return;
         }
         const itemPageViewTrackingEvent = {
@@ -18,10 +16,10 @@ unique, }) => {
             checkoutId,
             checkoutItemId,
             productVariantId,
-            // replaceableFor,
+            replaceableFor,
             unique,
         };
         emitUserEvent(itemPageViewTrackingEvent);
-    }, [checkoutId, checkoutItemId, country, emitUserEvent, page, productVariantId, unique]);
+    }, [checkoutId, checkoutItemId, country, emitUserEvent, page, productVariantId, replaceableFor, unique]);
 };
 export { useTrackItemPageView };

package/dist/shared/tracking/tracking.d.ts

@@ -31,6 +31,7 @@ type PageViewTrackingEvent = BaseTrackingEvent;
 interface ItemPageViewTrackingEvent extends BaseTrackingEvent {
     readonly checkoutItemId: string;
     readonly productVariantId: string;
+    readonly replaceableFor: string;
     readonly unique: boolean;
 }
 interface KeepItemTrackingEvent extends BaseTrackingEvent {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "1.1.4-beta.2",
+  "version": "1.1.4-beta.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [