@lookiero/checkout 12.29.0 → 13.0.0-beta.0

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { ComponentType } from "react";
+import { OnSuccessFunction } from "src/infrastructure/ui/hooks/useCheckoutFlow";
 import { EndpointFunction } from "@lookiero/i18n";
 import { translationEndpoint, translationExternalEndpoint, Project } from "@lookiero/sty-psp-i18n";
 import { Country, Locale } from "@lookiero/sty-psp-locale";
@@ -10,8 +11,6 @@ import { KameleoonEnvironment } from "./src/infrastructure/ab-testing/kameleoonE
 import { RootProps } from "./src/infrastructure/ui/Root";
 import { CheckoutProjection } from "./src/projection/checkout/checkout";
 import { Customer } from "./src/projection/customer/customer";
-import { OrderProjection } from "./src/projection/order/order";
-import { SubscriptionProjection } from "./src/projection/subscription/subscription";
 interface FirstAvailableCheckoutByCustomerIdFunctionArgs {
     readonly customerId: string | undefined;
 }
@@ -34,4 +33,4 @@ interface BootstrapFunction {
 }
 declare const bootstrap: BootstrapFunction;
 export { bootstrap, translationEndpoint, translationExternalEndpoint, Country, Segment, CheckoutStatus, Tradename };
-export type { Project, SentryEnvironment, KameleoonEnvironment, Customer, SubscriptionProjection as Subscription, OrderProjection as Order, Locale, };
+export type { Project, SentryEnvironment, KameleoonEnvironment, Customer, Locale, OnSuccessFunction as OnCheckoutFlowSuccessFunction, };

package/dist/src/ExpoRoot.js

@@ -21,12 +21,6 @@ import { RELEASE } from "./version";
 const tradename = Tradename.LOOKIERO;
 const theme = themeByTradename({ tradename });
 const locale = Locale.es_ES;
-const subscription = "b";
-const order = {
-    isFirstOrder: false,
-    orderNumber: 3687582,
-    coupon: "MYLOOKIERO",
-};
 const customer = {
     customerId: "5d7228e5-2220-4437-bdab-e5e6fb28e49d",
     country: Country.ES,
@@ -131,7 +125,7 @@ const ExpoRoot = () => {
                     isAccessible === false && React.createElement(Text, { heading: true }, "Checkout is not accessible!"),
                     React.createElement(Router, null,
                         React.createElement(Routes, null,
-                            React.createElement(Route, { path: "/checkout/*", element: React.createElement(Root, { basePath: "/checkout", customer: customer, layout: DummyLayout, locale: locale, order: order, subscription: subscription, tradename: tradename, useRedirect: useRedirect, onCheckoutFlowSuccess: () => console.log("Checkout flow success!"), onNotAccessible: onNotAccessible }) }),
+                            React.createElement(Route, { path: "/checkout/*", element: React.createElement(Root, { basePath: "/checkout", customer: customer, layout: DummyLayout, locale: locale, tradename: tradename, useRedirect: useRedirect, onCheckoutFlowSuccess: () => console.log("Checkout flow success!"), onNotAccessible: onNotAccessible }) }),
                             React.createElement(Route, { element: React.createElement(Navigate, { to: "/checkout", replace: true }), path: "*" })))))))) : null;
 };
 export { ExpoRoot };

package/dist/src/infrastructure/tracking/tracking.d.ts

@@ -2,7 +2,6 @@ import { Currency } from "@lookiero/sty-psp-locale";
 import { BaseTrackingEvent, TrackingEventCategory } from "@lookiero/sty-psp-tracking";
 import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
 import { MediaPerspective } from "../../projection/checkoutItem/checkoutItem";
-import { SubscriptionProjection } from "../../projection/subscription/subscription";
 declare const PROJECT = "checkout";
 declare enum TrackingPage {
     ITEM = "item",
@@ -90,15 +89,11 @@ interface PressPreviousTrackingEvent extends CheckoutBaseTrackingEvent<TrackingE
 interface CheckoutTrackingEvent extends CheckoutBaseTrackingEvent<TrackingEventName.CHECKOUT, TrackingEventCategory.ECOMMERCE> {
     readonly userId: string;
     readonly sizeChanges: number;
-    readonly isFirstOrder: boolean;
     readonly ecommerce: {
         readonly checkout: {
             readonly actionField: {
                 readonly items: number;
                 readonly currencyCode: Currency;
-                readonly subscription: SubscriptionProjection;
-                readonly coupon: string | null;
-                readonly orderId: number;
                 readonly value: number;
             };
         };

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

@@ -2,17 +2,14 @@ import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutProjection } from "../../projection/checkout/checkout";
-import { OrderProjection } from "../../projection/order/order";
 import { PricingProjection } from "../../projection/pricing/pricing";
-import { SubscriptionProjection } from "../../projection/subscription/subscription";
+import { CheckoutTrackingEvent } from "./tracking";
 interface TrackCheckoutFunction {
-    (): void;
+    (): CheckoutTrackingEvent;
 }
 interface UseTrackCheckoutFunctionArgs {
-    readonly order: OrderProjection;
     readonly checkout: CheckoutProjection | undefined;
     readonly pricing: PricingProjection | undefined;
-    readonly subscription: SubscriptionProjection;
     readonly userId: string;
     readonly country: Country;
     readonly segment: Segment;

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

@@ -1,12 +1,9 @@
 import { useCallback } from "react";
 import invariant from "tiny-invariant";
-import { useEmitUserEvent } from "@lookiero/sty-psp-tracking";
 import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
 import { PROJECT, TrackingPage } from "./tracking";
 import { TrackingEventName, TrackingEventCategory } from "./tracking";
-const useTrackCheckout = ({ order, checkout, pricing, subscription, segment, country, userId, tradename, }) => {
-    const emitUserEvent = useEmitUserEvent();
-    const { coupon, isFirstOrder, orderNumber } = order;
+const useTrackCheckout = ({ checkout, pricing, segment, country, userId, tradename }) => {
     const trackCheckout = useCallback(() => {
         invariant(checkout, "Checkout must be defined to track checkout");
         const checkoutItemsKept = checkout.items.filter((checkoutItem) => checkoutItem.status === CheckoutItemStatus.KEPT || checkoutItem.status === CheckoutItemStatus.REPLACED);
@@ -21,35 +18,22 @@ const useTrackCheckout = ({ order, checkout, pricing, subscription, segment, cou
             userId,
             tradename,
             sizeChanges: totalReplacedFor,
-            isFirstOrder,
+            // isFirstOrder,
             ecommerce: {
                 checkout: {
                     actionField: {
                         items: checkoutItemsKept.length || 0,
                         currencyCode: pricing?.pendingToPay.currency,
-                        subscription,
-                        coupon,
-                        orderId: orderNumber,
+                        // subscription,
+                        // coupon,
+                        // orderId: orderNumber,
                         value: pricing?.pendingToPay.amount / 100,
                     },
                 },
             },
         };
-        emitUserEvent(checkoutTrackingEvent);
-    }, [
-        checkout,
-        country,
-        coupon,
-        emitUserEvent,
-        isFirstOrder,
-        orderNumber,
-        pricing?.pendingToPay.amount,
-        pricing?.pendingToPay.currency,
-        segment,
-        subscription,
-        userId,
-        tradename,
-    ]);
+        return checkoutTrackingEvent;
+    }, [checkout, country, pricing?.pendingToPay.amount, pricing?.pendingToPay.currency, segment, userId, tradename]);
     return trackCheckout;
 };
 export { useTrackCheckout };

package/dist/src/infrastructure/ui/Root.d.ts

@@ -8,9 +8,8 @@ import { SentryEnvironment, SentryLoggerFunctionArgs } from "@lookiero/sty-psp-l
 import { Layout } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { Customer } from "../../projection/customer/customer";
-import { OrderProjection } from "../../projection/order/order";
-import { SubscriptionProjection } from "../../projection/subscription/subscription";
 import { KameleoonEnvironment } from "../ab-testing/kameleoonEnvironment";
+import { OnSuccessFunction as OnCheckoutFlowSuccessFunction } from "./hooks/useCheckoutFlow";
 interface RootFunctionArgs {
     readonly Messaging: MessagingRoot;
     readonly I18n: I18n;
@@ -27,12 +26,10 @@ interface RootProps {
     readonly basePath: string;
     readonly locale: Locale;
     readonly customer: Customer;
-    readonly order: OrderProjection;
-    readonly subscription: SubscriptionProjection;
     readonly layout: Layout;
     readonly tradename: Tradename;
     readonly onNotAccessible: () => void;
-    readonly onCheckoutFlowSuccess: () => void;
+    readonly onCheckoutFlowSuccess: OnCheckoutFlowSuccessFunction;
     readonly useRedirect: () => Record<string, string>;
     readonly useRoutes?: typeof reactRouterUseRoutes;
 }

package/dist/src/infrastructure/ui/Root.js

@@ -9,11 +9,11 @@ const root = ({ Messaging, I18n, queryBus, getAuthToken, development, sentry, ka
     const logger = sentryLogger(sentry);
     const kameleoon = kameleoonConfig();
     // eslint-disable-next-line react/display-name, react/prop-types
-    const Root = ({ basePath, locale, customer, order, subscription, layout, tradename, onNotAccessible, onCheckoutFlowSuccess, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
+    const Root = ({ basePath, locale, customer, layout, tradename, onNotAccessible, onCheckoutFlowSuccess, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
         const handleOnI18nError = useCallback((error) => logger.captureException(error), []);
         return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
             React.createElement(QueryBusProvider, { queryBus: queryBus },
-                React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, kameleoon: kameleoon, layout: layout, locale: locale, order: order, subscription: subscription, tradename: tradename, useRedirect: useRedirect, useRoutes: useRoutes, onCheckoutFlowSuccess: onCheckoutFlowSuccess, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
+                React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, kameleoon: kameleoon, layout: layout, locale: locale, tradename: tradename, useRedirect: useRedirect, useRoutes: useRoutes, onCheckoutFlowSuccess: onCheckoutFlowSuccess, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
     };
     const hoc = sentryLoggerHOC({ logger });
     /**

package/dist/src/infrastructure/ui/hooks/useCheckoutFlow.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from "react";
+import { CheckoutTrackingEvent } from "src/infrastructure/tracking/tracking";
 import { CheckoutProjection } from "../../../projection/checkout/checkout";
-import { OrderProjection } from "../../../projection/order/order";
-import { SubscriptionProjection } from "../../../projection/subscription/subscription";
 type CheckoutFlowStatus = "idle" | "loading" | "success" | "error";
 interface CheckoutFlowFunction {
     (): Promise<void>;
@@ -11,16 +10,20 @@ type CheckoutFlowReturn = [
     checkoutFlowStatus: CheckoutFlowStatus,
     paymentFlow: ReactNode
 ];
+interface OnSuccessFunctionArgs {
+    readonly checkoutTrackingEvent: CheckoutTrackingEvent;
+}
+interface OnSuccessFunction {
+    (args: OnSuccessFunctionArgs): void;
+}
 interface UseCheckoutFlowArgs {
     readonly checkout: CheckoutProjection | undefined;
-    readonly order: OrderProjection;
-    readonly subscription: SubscriptionProjection;
     readonly getAuthToken: () => Promise<string>;
-    readonly onSuccess: () => void;
+    readonly onSuccess: OnSuccessFunction;
 }
 interface UseCheckoutFlowFunction {
     (args: UseCheckoutFlowArgs): CheckoutFlowReturn;
 }
 declare const useCheckoutFlow: UseCheckoutFlowFunction;
-export type { CheckoutFlowStatus };
+export type { CheckoutFlowStatus, OnSuccessFunction };
 export { useCheckoutFlow };

package/dist/src/infrastructure/ui/hooks/useCheckoutFlow.js

@@ -14,7 +14,7 @@ import { Routes } from "../routing/routes";
 import { usePaymentInstrumentEvents } from "./usePaymentInstrumentEvents";
 import { useQueryBus } from "./useQueryBus";
 import { useStaticInfo } from "./useStaticInfo";
-const useCheckoutFlow = ({ checkout: checkoutProjection, order: orderProjection, subscription: subscriptionProjection, getAuthToken, onSuccess, }) => {
+const useCheckoutFlow = ({ checkout: checkoutProjection, getAuthToken, onSuccess }) => {
     const logger = useLogger();
     const queryBus = useQueryBus();
     const { customer: { customerId, country, segment, name, email }, basePath, tradename, } = useStaticInfo();
@@ -40,9 +40,7 @@ const useCheckoutFlow = ({ checkout: checkoutProjection, order: orderProjection,
     }, [getAuthToken]);
     const trackCheckout = useTrackCheckout({
         checkout: checkoutProjection,
-        order: orderProjection,
         pricing,
-        subscription: subscriptionProjection,
         userId: customerId,
         country,
         segment,
@@ -70,8 +68,8 @@ const useCheckoutFlow = ({ checkout: checkoutProjection, order: orderProjection,
             bodyI18nKey: I18nMessages.CHECKOUT_TOAST_PAYMENT_SUCCESS,
             level: NotificationLevel.SUCCESS,
         });
-        trackCheckout();
-        onSuccess();
+        const checkoutTrackingEvent = trackCheckout();
+        onSuccess({ checkoutTrackingEvent });
     }, [createNotification, onSuccess, submitCheckout, trackCheckout]);
     const onPaymentError = useCallback((payload) => {
         setStartLegacyBoxCheckoutStatus("error");

package/dist/src/infrastructure/ui/routing/Routing.d.ts

@@ -5,14 +5,11 @@ import { Locale } from "@lookiero/sty-psp-locale";
 import { Layout } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { Customer } from "../../../projection/customer/customer";
-import { OrderProjection } from "../../../projection/order/order";
-import { SubscriptionProjection } from "../../../projection/subscription/subscription";
 import { KameleoonEnvironment } from "../../ab-testing/kameleoonEnvironment";
+import { OnSuccessFunction as OnCheckoutFlowSuccessFunction } from "../hooks/useCheckoutFlow";
 interface RoutingProps {
     readonly basePath?: string;
     readonly customer: Customer;
-    readonly order: OrderProjection;
-    readonly subscription: SubscriptionProjection;
     readonly locale: Locale;
     readonly I18n: I18n;
     readonly kameleoon: KameleoonEnvironment;
@@ -20,7 +17,7 @@ interface RoutingProps {
     readonly tradename: Tradename;
     readonly getAuthToken: () => Promise<string>;
     readonly onNotAccessible: () => void;
-    readonly onCheckoutFlowSuccess: () => void;
+    readonly onCheckoutFlowSuccess: OnCheckoutFlowSuccessFunction;
     readonly onI18nError?: (err: Error) => void;
     readonly useRedirect: () => Record<string, string>;
     readonly useRoutes: typeof reactRouterUseRoutes;

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

@@ -12,7 +12,7 @@ import { Summary } from "../views/summary/Summary";
 import { SummaryTabs } from "../views/summaryTabs/SummaryTabs";
 import { CheckoutMiddleware } from "./CheckoutMiddleware";
 import { Routes } from "./routes";
-const Routing = ({ basePath = "", customer, order, subscription, locale, I18n, kameleoon, layout, tradename, getAuthToken, onI18nError, onNotAccessible, onCheckoutFlowSuccess, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
+const Routing = ({ basePath = "", customer, locale, I18n, kameleoon, layout, tradename, getAuthToken, onI18nError, onNotAccessible, onCheckoutFlowSuccess, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
     return useRoutes([
         {
             path: "",
@@ -49,7 +49,7 @@ const Routing = ({ basePath = "", customer, order, subscription, locale, I18n, k
                 {
                     path: Routes.CHECKOUT,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Checkout, { getAuthToken: getAuthToken, layout: layout, order: order, subscription: subscription, useRedirect: useRedirect, onCheckoutFlowSuccess: onCheckoutFlowSuccess }))),
+                        React.createElement(Checkout, { getAuthToken: getAuthToken, layout: layout, useRedirect: useRedirect, onCheckoutFlowSuccess: onCheckoutFlowSuccess }))),
                 },
                 {
                     path: Routes.FEEDBACK,

package/dist/src/infrastructure/ui/views/checkout/Checkout.d.ts

@@ -1,13 +1,10 @@
 import { FC } from "react";
 import { Layout as UiLayout } from "@lookiero/sty-psp-ui";
-import { OrderProjection } from "../../../../projection/order/order";
-import { SubscriptionProjection } from "../../../../projection/subscription/subscription";
+import { OnSuccessFunction as OnCheckoutFlowSuccessFunction } from "../../hooks/useCheckoutFlow";
 interface CheckoutProps {
     readonly layout: UiLayout;
-    readonly order: OrderProjection;
-    readonly subscription: SubscriptionProjection;
     readonly getAuthToken: () => Promise<string>;
-    readonly onCheckoutFlowSuccess: () => void;
+    readonly onCheckoutFlowSuccess: OnCheckoutFlowSuccessFunction;
     readonly useRedirect: () => Record<string, string>;
 }
 declare const Checkout: FC<CheckoutProps>;

package/dist/src/infrastructure/ui/views/checkout/Checkout.js

@@ -25,7 +25,7 @@ import { Pricing } from "../summary/components/pricing/Pricing";
 import { style as checkoutStyle } from "./Checkout.style";
 import { DeliveryBanner } from "./components/deliveryBanner/DeliveryBanner";
 import { PaymentInstrument } from "./components/paymentInstrument/PaymentInstrument";
-const Checkout = ({ layout: Layout, order, subscription, getAuthToken, useRedirect, onCheckoutFlowSuccess, }) => {
+const Checkout = ({ layout: Layout, getAuthToken, useRedirect, onCheckoutFlowSuccess }) => {
     const { customer: { customerId, country, segment, migrated }, basePath, tradename, } = useStaticInfo();
     const screenSize = useScreenSize();
     const isDektopScreen = screenSize === "L";
@@ -37,8 +37,6 @@ const Checkout = ({ layout: Layout, order, subscription, getAuthToken, useRedire
     const [pricing, pricingStatus] = useViewPricingByCheckoutId({ checkoutId: checkout?.id });
     const [checkoutFlow, checkoutFlowStatus, paymentFlowComponent] = useCheckoutFlow({
         checkout,
-        order,
-        subscription,
         getAuthToken,
         onSuccess: onCheckoutFlowSuccess,
     });

package/dist/src/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "12.29.0";
-export declare const RELEASE = "checkout@12.29.0";
+export declare const VERSION = "13.0.0-beta.0";
+export declare const RELEASE = "checkout@13.0.0-beta.0";

package/dist/src/version.js

@@ -1,2 +1,2 @@
-export const VERSION = "12.29.0";
-export const RELEASE = "checkout@12.29.0";
+export const VERSION = "13.0.0-beta.0";
+export const RELEASE = "checkout@13.0.0-beta.0";

package/index.ts

@@ -1,4 +1,5 @@
 import { ComponentType } from "react";
+import { OnSuccessFunction } from "src/infrastructure/ui/hooks/useCheckoutFlow";
 import { EndpointFunction } from "@lookiero/i18n";
 import { i18n } from "@lookiero/i18n-react";
 import { fetchTranslations, translationEndpoint, translationExternalEndpoint, Project } from "@lookiero/sty-psp-i18n";
@@ -14,8 +15,6 @@ import { DOMAIN } from "./src/infrastructure/ui/i18n/i18n";
 import { CheckoutProjection } from "./src/projection/checkout/checkout";
 import { viewFirstAvailableCheckoutByCustomerId } from "./src/projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { Customer } from "./src/projection/customer/customer";
-import { OrderProjection } from "./src/projection/order/order";
-import { SubscriptionProjection } from "./src/projection/subscription/subscription";
 
 interface FirstAvailableCheckoutByCustomerIdFunctionArgs {
   readonly customerId: string | undefined;
@@ -64,7 +63,6 @@ export type {
   SentryEnvironment,
   KameleoonEnvironment,
   Customer,
-  SubscriptionProjection as Subscription,
-  OrderProjection as Order,
   Locale,
+  OnSuccessFunction as OnCheckoutFlowSuccessFunction,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "12.29.0",
+  "version": "13.0.0-beta.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",

package/src/ExpoRoot.tsx

@@ -21,21 +21,12 @@ import { root } from "./infrastructure/ui/Root";
 import { DOMAIN } from "./infrastructure/ui/i18n/i18n";
 import { Router } from "./infrastructure/ui/routing/router/Router";
 import { Customer } from "./projection/customer/customer";
-import { OrderProjection } from "./projection/order/order";
-import { SubscriptionProjection } from "./projection/subscription/subscription";
 import { RELEASE } from "./version";
 
 const tradename = Tradename.LOOKIERO;
 const theme = themeByTradename({ tradename });
 const locale: Locale = Locale.es_ES;
 
-const subscription: SubscriptionProjection = "b";
-const order: OrderProjection = {
-  isFirstOrder: false,
-  orderNumber: 3687582,
-  coupon: "MYLOOKIERO",
-};
-
 const customer: Customer = {
   customerId: "5d7228e5-2220-4437-bdab-e5e6fb28e49d",
   country: Country.ES,
@@ -166,8 +157,6 @@ const ExpoRoot: FC = () => {
                       customer={customer}
                       layout={DummyLayout}
                       locale={locale}
-                      order={order}
-                      subscription={subscription}
                       tradename={tradename}
                       useRedirect={useRedirect}
                       onCheckoutFlowSuccess={() => console.log("Checkout flow success!")}

package/src/infrastructure/tracking/tracking.ts

@@ -2,7 +2,6 @@ import { Currency } from "@lookiero/sty-psp-locale";
 import { BaseTrackingEvent, TrackingEventCategory } from "@lookiero/sty-psp-tracking";
 import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
 import { MediaPerspective } from "../../projection/checkoutItem/checkoutItem";
-import { SubscriptionProjection } from "../../projection/subscription/subscription";
 
 const PROJECT = "checkout";
 
@@ -115,15 +114,15 @@ interface CheckoutTrackingEvent
   extends CheckoutBaseTrackingEvent<TrackingEventName.CHECKOUT, TrackingEventCategory.ECOMMERCE> {
   readonly userId: string;
   readonly sizeChanges: number;
-  readonly isFirstOrder: boolean;
+  // readonly isFirstOrder: boolean;
   readonly ecommerce: {
     readonly checkout: {
       readonly actionField: {
         readonly items: number;
         readonly currencyCode: Currency;
-        readonly subscription: SubscriptionProjection;
-        readonly coupon: string | null;
-        readonly orderId: number;
+        // readonly subscription: SubscriptionProjection;
+        // readonly coupon: string | null;
+        // readonly orderId: number;
         readonly value: number;
       };
     };

package/src/infrastructure/tracking/useTrackCheckout.ts

@@ -2,25 +2,20 @@ import { useCallback } from "react";
 import invariant from "tiny-invariant";
 import { Country, Currency } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
-import { useEmitUserEvent } from "@lookiero/sty-psp-tracking";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
 import { CheckoutProjection } from "../../projection/checkout/checkout";
-import { OrderProjection } from "../../projection/order/order";
 import { PricingProjection } from "../../projection/pricing/pricing";
-import { SubscriptionProjection } from "../../projection/subscription/subscription";
 import { PROJECT, TrackingPage } from "./tracking";
 import { CheckoutTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 
 interface TrackCheckoutFunction {
-  (): void;
+  (): CheckoutTrackingEvent;
 }
 
 interface UseTrackCheckoutFunctionArgs {
-  readonly order: OrderProjection;
   readonly checkout: CheckoutProjection | undefined;
   readonly pricing: PricingProjection | undefined;
-  readonly subscription: SubscriptionProjection;
   readonly userId: string;
   readonly country: Country;
   readonly segment: Segment;
@@ -31,19 +26,7 @@ interface UseTrackCheckoutFunction {
   (args: UseTrackCheckoutFunctionArgs): TrackCheckoutFunction;
 }
 
-const useTrackCheckout: UseTrackCheckoutFunction = ({
-  order,
-  checkout,
-  pricing,
-  subscription,
-  segment,
-  country,
-  userId,
-  tradename,
-}) => {
-  const emitUserEvent = useEmitUserEvent<CheckoutTrackingEvent>();
-  const { coupon, isFirstOrder, orderNumber } = order;
-
+const useTrackCheckout: UseTrackCheckoutFunction = ({ checkout, pricing, segment, country, userId, tradename }) => {
   const trackCheckout: TrackCheckoutFunction = useCallback(() => {
     invariant(checkout, "Checkout must be defined to track checkout");
 
@@ -63,36 +46,23 @@ const useTrackCheckout: UseTrackCheckoutFunction = ({
       userId,
       tradename,
       sizeChanges: totalReplacedFor,
-      isFirstOrder,
+      // isFirstOrder,
       ecommerce: {
         checkout: {
           actionField: {
             items: checkoutItemsKept.length || 0,
             currencyCode: pricing?.pendingToPay.currency as Currency,
-            subscription,
-            coupon,
-            orderId: orderNumber,
+            // subscription,
+            // coupon,
+            // orderId: orderNumber,
             value: (pricing?.pendingToPay.amount as number) / 100,
           },
         },
       },
     };
 
-    emitUserEvent(checkoutTrackingEvent);
-  }, [
-    checkout,
-    country,
-    coupon,
-    emitUserEvent,
-    isFirstOrder,
-    orderNumber,
-    pricing?.pendingToPay.amount,
-    pricing?.pendingToPay.currency,
-    segment,
-    subscription,
-    userId,
-    tradename,
-  ]);
+    return checkoutTrackingEvent;
+  }, [checkout, country, pricing?.pendingToPay.amount, pricing?.pendingToPay.currency, segment, userId, tradename]);
 
   return trackCheckout;
 };

package/src/infrastructure/ui/Root.tsx

@@ -10,9 +10,8 @@ import { SentryEnvironment, SentryLoggerFunctionArgs, sentryLogger, sentryLogger
 import { Layout } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { Customer } from "../../projection/customer/customer";
-import { OrderProjection } from "../../projection/order/order";
-import { SubscriptionProjection } from "../../projection/subscription/subscription";
 import { KameleoonEnvironment } from "../ab-testing/kameleoonEnvironment";
+import { OnSuccessFunction as OnCheckoutFlowSuccessFunction } from "./hooks/useCheckoutFlow";
 import { QueryBusProvider } from "./hooks/useQueryBus";
 import { Routing } from "./routing/Routing";
 
@@ -34,12 +33,10 @@ interface RootProps {
   readonly basePath: string;
   readonly locale: Locale;
   readonly customer: Customer;
-  readonly order: OrderProjection;
-  readonly subscription: SubscriptionProjection;
   readonly layout: Layout;
   readonly tradename: Tradename;
   readonly onNotAccessible: () => void;
-  readonly onCheckoutFlowSuccess: () => void;
+  readonly onCheckoutFlowSuccess: OnCheckoutFlowSuccessFunction;
   readonly useRedirect: () => Record<string, string>;
   readonly useRoutes?: typeof reactRouterUseRoutes;
 }
@@ -61,8 +58,6 @@ const root: RootFunction = ({
     basePath,
     locale,
     customer,
-    order,
-    subscription,
     layout,
     tradename,
     onNotAccessible,
@@ -83,8 +78,6 @@ const root: RootFunction = ({
             kameleoon={kameleoon}
             layout={layout}
             locale={locale}
-            order={order}
-            subscription={subscription}
             tradename={tradename}
             useRedirect={useRedirect}
             useRoutes={useRoutes}

package/src/infrastructure/ui/hooks/useCheckoutFlow.tsx

@@ -1,4 +1,5 @@
 import React, { ReactNode, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { CheckoutTrackingEvent } from "src/infrastructure/tracking/tracking";
 import { CommandStatus } from "@lookiero/messaging-react";
 import { PaymentFlow, PaymentFlowRef, PaymentPayload, Section } from "@lookiero/payments-front";
 import { LegacyBoxCheckoutStrategyPayload } from "@lookiero/payments-front/build/components/PaymentFlow/internals/strategies/LegacyBoxCheckoutStrategy";
@@ -10,8 +11,6 @@ import {
   viewCheckoutBookingById,
   ViewCheckoutBookingByIdResult,
 } from "../../../projection/checkoutBooking/viewCheckoutBookingById";
-import { OrderProjection } from "../../../projection/order/order";
-import { SubscriptionProjection } from "../../../projection/subscription/subscription";
 import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 import { useSubmitCheckout } from "../../domain/checkout/react/useSubmitCheckout";
 import { useViewPaymentFlowPayloadByCheckoutId } from "../../projection/payment/react/useViewPaymentFlowPayloadByCheckoutId";
@@ -35,25 +34,25 @@ type CheckoutFlowReturn = [
   paymentFlow: ReactNode,
 ];
 
+interface OnSuccessFunctionArgs {
+  readonly checkoutTrackingEvent: CheckoutTrackingEvent;
+}
+
+interface OnSuccessFunction {
+  (args: OnSuccessFunctionArgs): void;
+}
+
 interface UseCheckoutFlowArgs {
   readonly checkout: CheckoutProjection | undefined;
-  readonly order: OrderProjection;
-  readonly subscription: SubscriptionProjection;
   readonly getAuthToken: () => Promise<string>;
-  readonly onSuccess: () => void;
+  readonly onSuccess: OnSuccessFunction;
 }
 
 interface UseCheckoutFlowFunction {
   (args: UseCheckoutFlowArgs): CheckoutFlowReturn;
 }
 
-const useCheckoutFlow: UseCheckoutFlowFunction = ({
-  checkout: checkoutProjection,
-  order: orderProjection,
-  subscription: subscriptionProjection,
-  getAuthToken,
-  onSuccess,
-}) => {
+const useCheckoutFlow: UseCheckoutFlowFunction = ({ checkout: checkoutProjection, getAuthToken, onSuccess }) => {
   const logger = useLogger();
   const queryBus = useQueryBus();
   const {
@@ -83,9 +82,7 @@ const useCheckoutFlow: UseCheckoutFlowFunction = ({
   }, [getAuthToken]);
   const trackCheckout = useTrackCheckout({
     checkout: checkoutProjection,
-    order: orderProjection,
     pricing,
-    subscription: subscriptionProjection,
     userId: customerId,
     country,
     segment,
@@ -123,8 +120,8 @@ const useCheckoutFlow: UseCheckoutFlowFunction = ({
       level: NotificationLevel.SUCCESS,
     });
 
-    trackCheckout();
-    onSuccess();
+    const checkoutTrackingEvent = trackCheckout();
+    onSuccess({ checkoutTrackingEvent });
   }, [createNotification, onSuccess, submitCheckout, trackCheckout]);
   const onPaymentError = useCallback(
     (payload: PaymentPayload) => {
@@ -170,5 +167,5 @@ const useCheckoutFlow: UseCheckoutFlowFunction = ({
   );
 };
 
-export type { CheckoutFlowStatus };
+export type { CheckoutFlowStatus, OnSuccessFunction };
 export { useCheckoutFlow };

package/src/infrastructure/ui/routing/Routing.tsx

@@ -7,9 +7,8 @@ import { Locale } from "@lookiero/sty-psp-locale";
 import { Layout } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { Customer } from "../../../projection/customer/customer";
-import { OrderProjection } from "../../../projection/order/order";
-import { SubscriptionProjection } from "../../../projection/subscription/subscription";
 import { KameleoonEnvironment } from "../../ab-testing/kameleoonEnvironment";
+import { OnSuccessFunction as OnCheckoutFlowSuccessFunction } from "../hooks/useCheckoutFlow";
 import { StaticInfoProvider } from "../hooks/useStaticInfo";
 import { App } from "../views/App";
 import { Checkout } from "../views/checkout/Checkout";
@@ -24,8 +23,6 @@ import { Routes } from "./routes";
 interface RoutingProps {
   readonly basePath?: string;
   readonly customer: Customer;
-  readonly order: OrderProjection;
-  readonly subscription: SubscriptionProjection;
   readonly locale: Locale;
   readonly I18n: I18n;
   readonly kameleoon: KameleoonEnvironment;
@@ -33,7 +30,7 @@ interface RoutingProps {
   readonly tradename: Tradename;
   readonly getAuthToken: () => Promise<string>;
   readonly onNotAccessible: () => void;
-  readonly onCheckoutFlowSuccess: () => void;
+  readonly onCheckoutFlowSuccess: OnCheckoutFlowSuccessFunction;
   readonly onI18nError?: (err: Error) => void;
   readonly useRedirect: () => Record<string, string>;
   readonly useRoutes: typeof reactRouterUseRoutes;
@@ -42,8 +39,6 @@ interface RoutingProps {
 const Routing: FC<RoutingProps> = ({
   basePath = "",
   customer,
-  order,
-  subscription,
   locale,
   I18n,
   kameleoon,
@@ -116,8 +111,6 @@ const Routing: FC<RoutingProps> = ({
               <Checkout
                 getAuthToken={getAuthToken}
                 layout={layout}
-                order={order}
-                subscription={subscription}
                 useRedirect={useRedirect}
                 onCheckoutFlowSuccess={onCheckoutFlowSuccess}
               />

package/src/infrastructure/ui/views/checkout/Checkout.tsx

@@ -8,8 +8,6 @@ import { PayButton, Section } from "@lookiero/payments-front";
 import { Country } from "@lookiero/sty-psp-locale";
 import { Layout as UiLayout, Sticky, useScreenSize } from "@lookiero/sty-psp-ui";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
-import { OrderProjection } from "../../../../projection/order/order";
-import { SubscriptionProjection } from "../../../../projection/subscription/subscription";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useViewPricingByCheckoutId } from "../../../projection/pricing/react/useViewPricingByCheckoutId";
 import { TrackingPage } from "../../../tracking/tracking";
@@ -18,7 +16,7 @@ import { useTrackPressBack } from "../../../tracking/useTrackPressBack";
 import { useTrackPressContinue } from "../../../tracking/useTrackPressContinue";
 import { Body } from "../../components/layouts/body/Body";
 import { CheckoutHeader } from "../../components/templates/header/checkoutHeader/CheckoutHeader";
-import { useCheckoutFlow } from "../../hooks/useCheckoutFlow";
+import { useCheckoutFlow, OnSuccessFunction as OnCheckoutFlowSuccessFunction } from "../../hooks/useCheckoutFlow";
 import { useStaticInfo } from "../../hooks/useStaticInfo";
 import { DOMAIN, I18nMessages } from "../../i18n/i18n";
 import { Routes } from "../../routing/routes";
@@ -30,21 +28,12 @@ import { PaymentInstrument } from "./components/paymentInstrument/PaymentInstrum
 
 interface CheckoutProps {
   readonly layout: UiLayout;
-  readonly order: OrderProjection;
-  readonly subscription: SubscriptionProjection;
   readonly getAuthToken: () => Promise<string>;
-  readonly onCheckoutFlowSuccess: () => void;
+  readonly onCheckoutFlowSuccess: OnCheckoutFlowSuccessFunction;
   readonly useRedirect: () => Record<string, string>;
 }
 
-const Checkout: FC<CheckoutProps> = ({
-  layout: Layout,
-  order,
-  subscription,
-  getAuthToken,
-  useRedirect,
-  onCheckoutFlowSuccess,
-}) => {
+const Checkout: FC<CheckoutProps> = ({ layout: Layout, getAuthToken, useRedirect, onCheckoutFlowSuccess }) => {
   const {
     customer: { customerId, country, segment, migrated },
     basePath,
@@ -64,8 +53,6 @@ const Checkout: FC<CheckoutProps> = ({
 
   const [checkoutFlow, checkoutFlowStatus, paymentFlowComponent] = useCheckoutFlow({
     checkout,
-    order,
-    subscription,
     getAuthToken,
     onSuccess: onCheckoutFlowSuccess,
   });

package/src/projection/order/order.ts

@@ -1,7 +0,0 @@
-interface Order {
-  readonly orderNumber: number;
-  readonly isFirstOrder: boolean;
-  readonly coupon: string | null;
-}
-
-export type { Order as OrderProjection };

package/src/projection/subscription/subscription.ts

@@ -1,3 +0,0 @@
-type Subscription = "o" | "m" | "b" | "q";
-
-export type { Subscription as SubscriptionProjection };