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

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,25 @@ 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 currentProductVariant = useMemo(() => checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor
+        ? { id: checkoutItem.replacedFor.id, size: checkoutItem.replacedFor.size }
+        : { id: checkoutItem.productVariant.id, size: checkoutItem.productVariant.size }, [checkoutItem.productVariant.id, checkoutItem.productVariant.size, checkoutItem.replacedFor, checkoutItem.status]);
+    const replaceableFor = useMemo(() => sizeChangeEnabledStatus === QueryStatus.SUCCESS
+        ? isSizeChangeEnabled
+            ? bookedProductsVariants
+                ? bookedProductsVariants.productVariants
+                    .filter(({ id }) => id !== currentProductVariant.id)
+                    .map(({ size }) => size.lookiero)
+                : undefined
+            : []
+        : undefined, [bookedProductsVariants, currentProductVariant.id, isSizeChangeEnabled, sizeChangeEnabledStatus]);
     useTrackItemPageView({
         page: TrackingPage.ITEM,
         country,
         checkoutId: checkout?.id,
         checkoutItemId: checkoutItem.id,
         productVariantId: checkoutItem.productVariant.id,
-        // replaceableFor,
+        replaceableFor,
         unique: checkoutItem.productVariant.size.unique,
     });
     const dependenciesLoaded = checkoutStatus !== QueryStatus.LOADING &&
@@ -101,7 +102,7 @@ const Item = ({ customerId, country }) => {
         return React.createElement(Spinner, null);
     }
     return (React.createElement(ReturnQuestionFeedbackProvider, { feedback: checkoutItem.feedbacks || {} },
-        checkoutItem.status === CheckoutItemStatus.INITIAL ? (React.createElement(ItemWithoutCustomerDecission, { bookedProductsVariants: bookedProductsVariants, checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, onReturn: showReturnQuestions })) : (React.createElement(ItemWithCustomerDecission, { checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, returnQuestions: returnQuestions, onEditFeedback: showReturnQuestions })),
+        checkoutItem.status === CheckoutItemStatus.INITIAL ? (React.createElement(ItemWithoutCustomerDecission, { bookedProductsVariants: bookedProductsVariants, checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, onReturn: showReturnQuestions })) : (React.createElement(ItemWithCustomerDecission, { checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, returnQuestions: returnQuestions, onEditFeedback: showReturnQuestions })),
         React.createElement(ReturnQuestionsForm, { checkoutItemPrice: checkoutItem.price, country: country, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions, visible: returnQuestionsVisible, onClose: hideReturnQuestions, onSubmit: returnItem })));
 };
 export { Item };

package/dist/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.d.ts

@@ -1,5 +1,6 @@
 import { FC } from "react";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
+import { ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
 import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
 import { Country } from "../../../../../../projection/shared/country";
@@ -11,6 +12,7 @@ interface ItemWithCustomerDecissionProps {
     readonly checkoutId: string;
     readonly checkoutItem: CheckoutItemWithCustomerDecission;
     readonly returnQuestions: ReturnQuestionProjection[];
+    readonly currentProductVariant: ProductVariantProjection;
     readonly onEditFeedback: () => void;
 }
 declare const ItemWithCustomerDecission: FC<ItemWithCustomerDecissionProps>;

package/dist/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.js

@@ -1,5 +1,5 @@
 import { CommandStatus } from "@lookiero/messaging-react";
-import React, { useCallback, useMemo } from "react";
+import React, { useCallback } from "react";
 import { Platform, View } from "react-native";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
 import { useLogger } from "../../../../../../shared/logging/useLogger";
@@ -14,7 +14,7 @@ import { CustomerDecissionBanner, } from "../../components/banner/CustomerDeciss
 import { ReturnQuestionsFeedback } from "../../components/returnQuestionsFeedback/ReturnQuestionsFeedback";
 import { ProductVariant } from "../../views/productVariant/ProductVariant";
 import { style } from "./ItemWithCustomerDecission.style";
-const ItemWithCustomerDecission = ({ country, checkoutId, checkoutItem, returnQuestions, onEditFeedback, }) => {
+const ItemWithCustomerDecission = ({ country, checkoutId, checkoutItem, returnQuestions, currentProductVariant, onEditFeedback, }) => {
     const logger = useLogger();
     /* ResetCheckoutItem */
     const [resetCheckoutItem, resetCheckoutItemStatus] = useResetCheckoutItem({
@@ -32,9 +32,6 @@ const ItemWithCustomerDecission = ({ country, checkoutId, checkoutItem, returnQu
         trackResetItem();
     }, [resetCheckoutItem, trackResetItem]);
     /* ResetCheckoutItem */
-    const currentProductVariant = useMemo(() => checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor
-        ? { id: checkoutItem.replacedFor.id, size: checkoutItem.replacedFor.size }
-        : { id: checkoutItem.productVariant.id, size: checkoutItem.productVariant.size }, [checkoutItem.productVariant.id, checkoutItem.productVariant.size, checkoutItem.replacedFor, checkoutItem.status]);
     const dependenciesLoaded = resetCheckoutItemStatus !== CommandStatus.LOADING;
     if (!dependenciesLoaded) {
         return React.createElement(Spinner, null);

package/dist/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-import { BookedProductsVariantsProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
+import { BookedProductsVariantsProjection, ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
 import "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { Country } from "../../../../../../projection/shared/country";
@@ -12,6 +12,7 @@ interface ItemWithoutCustomerDecissionProps {
     readonly checkoutId: string;
     readonly checkoutItem: CheckoutItemWithoutCustomerDecission;
     readonly bookedProductsVariants: BookedProductsVariantsProjection;
+    readonly currentProductVariant: ProductVariantProjection;
     readonly onReturn: () => void;
 }
 declare const ItemWithoutCustomerDecission: FC<ItemWithoutCustomerDecissionProps>;

package/dist/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.js

@@ -1,5 +1,5 @@
 import { CommandStatus } from "@lookiero/messaging-react";
-import React, { useCallback, useMemo, useState } from "react";
+import React, { useCallback, useState } from "react";
 import { Platform } from "react-native";
 import "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { useLogger } from "../../../../../../shared/logging/useLogger";
@@ -17,7 +17,7 @@ import { ItemActions } from "../../components/itemActions/ItemActions";
 import { SizeWithoutStockModal } from "../../components/sizeWithoutStockModal/SizeWithoutStockModal";
 import { ProductVariant } from "../productVariant/ProductVariant";
 const { spaceXL } = theme();
-const ItemWithoutCustomerDecission = ({ country, checkoutId, checkoutItem, bookedProductsVariants, onReturn, }) => {
+const ItemWithoutCustomerDecission = ({ country, checkoutId, checkoutItem, bookedProductsVariants, currentProductVariant, onReturn, }) => {
     const logger = useLogger();
     /* KeepCheckoutItem */
     const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id, logger });
@@ -54,7 +54,6 @@ const ItemWithoutCustomerDecission = ({ country, checkoutId, checkoutItem, booke
     const handleOnHideSizeWithoutStockModal = useCallback(() => setSizeWithoutStockModalVisible(false), []);
     const [stickyHeight, setStickyHeight] = useState(0);
     const handleOnStickyLayout = useCallback(({ height }) => setStickyHeight(height), []);
-    const currentProductVariant = useMemo(() => ({ id: checkoutItem.productVariant.id, size: checkoutItem.productVariant.size }), [checkoutItem.productVariant.id, checkoutItem.productVariant.size]);
     const dependenciesLoaded = keepCheckoutItemStatus !== CommandStatus.LOADING && replaceCheckoutItemStatus !== CommandStatus.LOADING;
     if (!dependenciesLoaded) {
         return React.createElement(Spinner, null);

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: replaceableFor.toString(),
             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.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [