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

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

@@ -68,20 +68,26 @@ const Item = ({ customerId, country }) => {
         trackReturnItem();
     }, [hideReturnQuestions, returnCheckoutItem, trackReturnItem]);
     /* ReturnCheckoutItem */
+    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.map(({ id }) => id)
+                ? bookedProductsVariants.productVariants
+                    .filter(({ id }) => id !== currentProductVariant.id)
+                    .map(({ size }) => size.lookiero)
                 : undefined
             : []
-        : undefined, [bookedProductsVariants, isSizeChangeEnabled, sizeChangeEnabledStatus]);
+        : undefined, [bookedProductsVariants, currentProductVariant.id, isSizeChangeEnabled, sizeChangeEnabledStatus]);
     useTrackItemPageView({
         page: TrackingPage.ITEM,
         country,
         checkoutId: checkout?.id,
         checkoutItemId: checkoutItem.id,
+        status: checkoutItem.status,
         productVariantId: checkoutItem.productVariant.id,
-        replaceableFor: replaceableFor ? replaceableFor.toString() : undefined,
+        replaceableFor,
         unique: checkoutItem.productVariant.size.unique,
     });
     const dependenciesLoaded = checkoutStatus !== QueryStatus.LOADING &&
@@ -97,7 +103,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

@@ -1,3 +1,4 @@
+import { CheckoutItemStatus } from "../../../domain/checkoutItem/model/checkoutItem";
 import { TrackingPage } from "../../../infrastructure/tracking/tracking";
 import { Country } from "../../../projection/shared/country";
 interface UseTrackItemPageViewFunctionArgs {
@@ -6,7 +7,8 @@ interface UseTrackItemPageViewFunctionArgs {
     readonly checkoutId?: string;
     readonly checkoutItemId: string;
     readonly productVariantId: string;
-    readonly replaceableFor: string | undefined;
+    readonly replaceableFor: string[] | undefined;
+    readonly status: CheckoutItemStatus;
     readonly unique: boolean;
 }
 interface UseTrackItemPageViewFunction {

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

@@ -2,7 +2,7 @@ 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, status, unique, }) => {
     const emitUserEvent = useEmitUserEvent();
     useLayoutEffect(() => {
         if (!(checkoutId && replaceableFor)) {
@@ -15,11 +15,12 @@ const useTrackItemPageView = ({ page, country, checkoutId, checkoutItemId, produ
             store: country,
             checkoutId,
             checkoutItemId,
+            status,
             productVariantId,
-            replaceableFor,
+            replaceableFor: replaceableFor.toString(),
             unique,
         };
         emitUserEvent(itemPageViewTrackingEvent);
-    }, [checkoutId, checkoutItemId, country, emitUserEvent, page, productVariantId, replaceableFor, unique]);
+    }, [checkoutId, checkoutItemId, country, emitUserEvent, page, productVariantId, replaceableFor, status, unique]);
 };
 export { useTrackItemPageView };

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

@@ -1,3 +1,4 @@
+import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
 import { MediaPerspective } from "../../projection/checkoutItem/checkoutItem";
 import { Country } from "../../projection/shared/country";
 declare enum TrackingEvent {
@@ -30,6 +31,7 @@ interface BaseTrackingEvent {
 type PageViewTrackingEvent = BaseTrackingEvent;
 interface ItemPageViewTrackingEvent extends BaseTrackingEvent {
     readonly checkoutItemId: string;
+    readonly status: CheckoutItemStatus;
     readonly productVariantId: string;
     readonly replaceableFor: string;
     readonly unique: boolean;

package/package.json

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