@lookiero/checkout 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/infrastructure/ui/routing/Routing.js

@@ -54,7 +54,7 @@ const Routing = ({ basePath = "", customer, order, locale, I18n, layout, getAuth
                     children: [
                         {
                             path: Routes.CHECKOUT_PAYMENT,
-                            element: (React.createElement(CheckoutPaymentModal, { country: customer?.country, customerId: customer?.customerId, getAuthToken: getAuthToken, isFirstOrder: order?.isFirstOrder, orderNumber: order?.orderNumber, onCheckoutSubmitted: onCheckoutSubmitted })),
+                            element: (React.createElement(CheckoutPaymentModal, { country: customer?.country, coupon: order?.coupon, customerId: customer?.customerId, getAuthToken: getAuthToken, isFirstOrder: order?.isFirstOrder, orderNumber: order?.orderNumber, onCheckoutSubmitted: onCheckoutSubmitted })),
                         },
                     ],
                 },

package/dist/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.d.ts

@@ -3,6 +3,7 @@ import { Country } from "../../../../../../projection/shared/country";
 interface CheckoutPaymentModalProps {
     readonly customerId: string;
     readonly country: Country;
+    readonly coupon: string;
     readonly orderNumber: number;
     readonly isFirstOrder: boolean;
     readonly getAuthToken: () => Promise<string>;

package/dist/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.js

@@ -1,4 +1,3 @@
-import { useIntl } from "@lookiero/i18n-react";
 import { QueryStatus } from "@lookiero/messaging-react";
 import { PaymentFlow } from "@lookiero/payments-front";
 import React, { useCallback, useEffect, useRef, useState } from "react";
@@ -14,7 +13,7 @@ import { TrackingPage } from "../../../../../tracking/tracking";
 import { useSubmitCheckout } from "../../../../hooks/useSubmitCheckout";
 import { Routes } from "../../../../routing/routes";
 import { useBasePath } from "../../../../routing/useBasePath";
-const CheckoutPaymentModal = ({ customerId, country, isFirstOrder, orderNumber, getAuthToken, onCheckoutSubmitted, }) => {
+const CheckoutPaymentModal = ({ customerId, country, coupon, isFirstOrder, orderNumber, getAuthToken, onCheckoutSubmitted, }) => {
     const paymentFlowRef = useRef(null);
     const logger = useLogger();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
@@ -33,8 +32,6 @@ const CheckoutPaymentModal = ({ customerId, country, isFirstOrder, orderNumber,
     }, [getAuthToken]);
     const basePath = useBasePath();
     const navigate = useNavigate();
-    const intl = useIntl();
-    const translateNumber = useCallback((value) => intl.formatNumber(value.amount / 100, { style: "currency", currency: value.currency }), [intl]);
     const trackCheckout = useTrackCheckout({
         checkoutId: checkout?.id,
         country,
@@ -43,32 +40,28 @@ const CheckoutPaymentModal = ({ customerId, country, isFirstOrder, orderNumber,
     const handleOnSubmitCheckoutError = useCallback(() => navigate(`${basePath}/${Routes.CHECKOUT}`, { replace: true }), [basePath, navigate]);
     const handleOnSubmitCheckoutSuccess = useCallback(() => {
         const checkoutItemsKept = checkout?.items.filter((checkoutItem) => checkoutItem.status === CheckoutItemStatus.KEPT || checkoutItem.status === CheckoutItemStatus.REPLACED);
-        const checkoutItems = checkoutItemsKept?.length || 0;
-        const checkoutItemId = checkout?.items.map((checkoutItem) => checkoutItem.id) || [];
-        const pendingToPay = pricing?.pendingToPay;
-        const checkoutValue = translateNumber(pendingToPay);
-        const productVariantId = checkoutItemsKept?.map(({ productVariant }) => productVariant.id) || [];
-        const sizeChange = checkoutItemsKept?.filter(({ replacedFor }) => Boolean(replacedFor)).map(({ id }) => id) || [];
+        const sizeChange = checkoutItemsKept?.filter(({ replacedFor }) => Boolean(replacedFor)).length || 0;
         trackCheckout({
-            checkoutItems,
-            checkoutItemId,
-            checkoutValue,
+            checkoutItems: checkoutItemsKept?.length || 0,
+            checkoutValue: pricing?.pendingToPay.amount / 100,
+            coupon,
+            currency: pricing?.pendingToPay.currency,
             isFirstOrder,
             orderNumber,
-            productVariantId,
             sizeChange,
             userId: customerId,
         });
         onCheckoutSubmitted?.();
     }, [
         checkout?.items,
+        coupon,
         customerId,
         isFirstOrder,
         onCheckoutSubmitted,
         orderNumber,
-        pricing?.pendingToPay,
+        pricing?.pendingToPay.amount,
+        pricing?.pendingToPay.currency,
         trackCheckout,
-        translateNumber,
     ]);
     const [submitCheckout] = useSubmitCheckout({
         checkoutId: checkout?.id,

package/dist/projection/shared/order.d.ts

@@ -1,5 +1,6 @@
 interface Order {
     readonly orderNumber: number;
     readonly isFirstOrder: boolean;
+    readonly coupon: string;
 }
 export type { Order };

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

@@ -1,14 +1,15 @@
+import { Currency } from "../../../domain/checkoutItem/model/currency";
 import { TrackingPage } from "../../../infrastructure/tracking/tracking";
 import { Country } from "../../../projection/shared/country";
 interface TrackCheckoutFunctionArgs {
     readonly userId: string;
     readonly orderNumber: number;
     readonly checkoutItems: number;
-    readonly productVariantId: string[];
-    readonly checkoutItemId: string[];
-    readonly checkoutValue: string;
-    readonly sizeChange: string[];
+    readonly checkoutValue: number;
+    readonly sizeChange: number;
     readonly isFirstOrder: boolean;
+    readonly coupon: string;
+    readonly currency: Currency;
 }
 interface TrackCheckoutFunction {
     (args: TrackCheckoutFunctionArgs): void;

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

@@ -4,7 +4,7 @@ import { TrackingEvent, TrackingEventCategory } from "../tracking";
 import { useEmitUserEvent } from "./useEmitUserEvent";
 const useTrackCheckout = ({ page, country, checkoutId }) => {
     const emitUserEvent = useEmitUserEvent();
-    const trackCheckout = useCallback(({ checkoutItems, checkoutItemId, checkoutValue, isFirstOrder, orderNumber, productVariantId, sizeChange, userId, }) => {
+    const trackCheckout = useCallback(({ checkoutItems, checkoutValue, coupon, currency, isFirstOrder, orderNumber, sizeChange, userId }) => {
         if (!checkoutId) {
             return;
         }
@@ -15,11 +15,11 @@ const useTrackCheckout = ({ page, country, checkoutId }) => {
             store: country,
             checkoutId,
             checkoutItems,
-            checkoutItemId,
             checkoutValue,
+            coupon,
+            currency,
             isFirstOrder,
             orderNumber,
-            productVariantId,
             sizeChange,
             userId,
         };

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

@@ -1,4 +1,5 @@
 import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
+import { Currency } from "../../domain/checkoutItem/model/currency";
 import { MediaPerspective } from "../../projection/checkoutItem/checkoutItem";
 import { Country } from "../../projection/shared/country";
 declare enum TrackingEvent {
@@ -88,11 +89,11 @@ interface CheckoutTrackingEvent extends BaseTrackingEvent {
     readonly userId: string;
     readonly orderNumber: number;
     readonly checkoutItems: number;
-    readonly productVariantId: string[];
-    readonly checkoutItemId: string[];
-    readonly checkoutValue: string;
-    readonly sizeChange: string[];
+    readonly checkoutValue: number;
+    readonly sizeChange: number;
     readonly isFirstOrder: boolean;
+    readonly coupon: string;
+    readonly currency: Currency;
 }
 export type { BaseTrackingEvent, ChangeFeedbackTrackingEvent, CheckoutTrackingEvent, ImageViewTrackingEvent, ItemPageViewTrackingEvent, KeepItemTrackingEvent, PageViewTrackingEvent, PressContinueTrackingEvent, PressItemTrackingEvent, PressPricingTrackingEvent, ReplaceItemTrackingEvent, ResetItemTrackingEvent, ReturnItemTrackingEvent, TabViewTrackingEvent, PressMenuTrackingEvent, PressBackTrackingEvent, PressNextTrackingEvent, PressPreviousTrackingEvent, };
 export { TrackingEvent, TrackingEventCategory };

package/package.json

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