@lookiero/checkout 11.5.0 → 12.1.0

package/src/infrastructure/tracking/useTrackPressItem.ts

@@ -2,6 +2,7 @@ import { useCallback } from "react";
 import { Country } 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 { PROJECT, TrackingPage, PressItemTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 
 interface PressItemFunctionArgs {
@@ -16,12 +17,13 @@ interface UseTrackPressItemFunctionArgs {
   readonly country: Country;
   readonly segment: Segment;
   readonly checkoutId: string | undefined;
+  readonly tradename: Tradename;
 }
 interface UseTrackPressItemFunction {
   (agrs: UseTrackPressItemFunctionArgs): PressItemFunction;
 }
 
-const useTrackPressItem: UseTrackPressItemFunction = ({ page, country, segment, checkoutId }) => {
+const useTrackPressItem: UseTrackPressItemFunction = ({ page, country, segment, checkoutId, tradename }) => {
   const emitUserEvent = useEmitUserEvent<PressItemTrackingEvent>();
 
   const pressItem: PressItemFunction = useCallback(
@@ -37,12 +39,13 @@ const useTrackPressItem: UseTrackPressItemFunction = ({ page, country, segment,
         store: country,
         segment,
         checkoutId,
+        tradename,
         checkoutItemId,
       };
 
       emitUserEvent(pressItemTrackingEvent);
     },
-    [checkoutId, country, emitUserEvent, page, segment],
+    [checkoutId, tradename, country, emitUserEvent, page, segment],
   );
 
   return pressItem;

package/src/infrastructure/tracking/useTrackPressNext.test.tsx

@@ -2,6 +2,7 @@ import { renderHook } from "@testing-library/react-native";
 import { Country } 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 { TrackingPage, PressNextTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { useTrackPressNext as sut } from "./useTrackPressNext";
 
@@ -10,6 +11,7 @@ jest.mock("@lookiero/sty-psp-tracking");
 
 const country = Country.ES;
 const segment = Segment.WOMEN;
+const tradename = Tradename.LOOKIERO;
 
 const event: PressNextTrackingEvent = {
   event: TrackingEventName.PRESS_NEXT,
@@ -17,6 +19,7 @@ const event: PressNextTrackingEvent = {
   section: "checkout_item",
   store: country,
   segment,
+  tradename,
   checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
   from: "faaf6ce4-8b7b-4cbd-a50b-32dd23388112",
   to: "b5555baf-fec7-4ab2-bb6f-1d482acee8b2",
@@ -31,6 +34,7 @@ describe("useTrackPressNext custom hook", () => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
       }),
     );

package/src/infrastructure/tracking/useTrackPressNext.ts

@@ -2,6 +2,7 @@ import { useCallback } from "react";
 import { Country } 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 { PROJECT, TrackingPage, PressNextTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 
 interface PressNextFunctionArgs {
@@ -17,13 +18,14 @@ interface UseTrackPressNextFunctionArgs {
   readonly country: Country;
   readonly segment: Segment;
   readonly checkoutId: string | undefined;
+  readonly tradename: Tradename;
 }
 
 interface UseTrackPressNextFunction {
   (args: UseTrackPressNextFunctionArgs): PressNextFunction;
 }
 
-const useTrackPressNext: UseTrackPressNextFunction = ({ page, country, segment, checkoutId }) => {
+const useTrackPressNext: UseTrackPressNextFunction = ({ page, country, segment, checkoutId, tradename }) => {
   const emitUserEvent = useEmitUserEvent<PressNextTrackingEvent>();
 
   const pressNext: PressNextFunction = useCallback(
@@ -39,13 +41,14 @@ const useTrackPressNext: UseTrackPressNextFunction = ({ page, country, segment,
         store: country,
         segment,
         checkoutId,
+        tradename,
         from,
         to,
       };
 
       emitUserEvent(pressNextTrackingEvent);
     },
-    [checkoutId, country, emitUserEvent, page, segment],
+    [checkoutId, tradename, country, emitUserEvent, page, segment],
   );
 
   return pressNext;

package/src/infrastructure/tracking/useTrackPressPrevious.test.tsx

@@ -2,6 +2,7 @@ import { renderHook } from "@testing-library/react-native";
 import { Country } 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 { TrackingPage, PressPreviousTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { useTrackPressPrevious as sut } from "./useTrackPressPrevious";
 
@@ -10,6 +11,7 @@ jest.mock("@lookiero/sty-psp-tracking");
 
 const country = Country.ES;
 const segment = Segment.WOMEN;
+const tradename = Tradename.LOOKIERO;
 
 const event: PressPreviousTrackingEvent = {
   event: TrackingEventName.PRESS_PREVIOUS,
@@ -17,6 +19,7 @@ const event: PressPreviousTrackingEvent = {
   section: "checkout_item",
   store: country,
   segment,
+  tradename,
   checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
   from: "faaf6ce4-8b7b-4cbd-a50b-32dd23388112",
   to: "b5555baf-fec7-4ab2-bb6f-1d482acee8b2",
@@ -31,6 +34,7 @@ describe("useTrackPressPrevious custom hook", () => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
       }),
     );

package/src/infrastructure/tracking/useTrackPressPrevious.ts

@@ -2,6 +2,7 @@ import { useCallback } from "react";
 import { Country } 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 {
   PROJECT,
   TrackingPage,
@@ -23,13 +24,14 @@ interface UseTrackPressPreviousFunctionArgs {
   readonly country: Country;
   readonly segment: Segment;
   readonly checkoutId: string | undefined;
+  readonly tradename: Tradename;
 }
 
 interface UseTrackPressPreviousFunction {
   (args: UseTrackPressPreviousFunctionArgs): PressPreviousFunction;
 }
 
-const useTrackPressPrevious: UseTrackPressPreviousFunction = ({ page, country, segment, checkoutId }) => {
+const useTrackPressPrevious: UseTrackPressPreviousFunction = ({ page, country, segment, checkoutId, tradename }) => {
   const emitUserEvent = useEmitUserEvent<PressPreviousTrackingEvent>();
 
   const pressPrevious: PressPreviousFunction = useCallback(
@@ -45,13 +47,14 @@ const useTrackPressPrevious: UseTrackPressPreviousFunction = ({ page, country, s
         store: country,
         segment,
         checkoutId,
+        tradename,
         from,
         to,
       };
 
       emitUserEvent(pressPreviousTrackingEvent);
     },
-    [checkoutId, country, emitUserEvent, page, segment],
+    [checkoutId, tradename, country, emitUserEvent, page, segment],
   );
 
   return pressPrevious;

package/src/infrastructure/tracking/useTrackPressPricing.test.tsx

@@ -2,6 +2,7 @@ import { renderHook } from "@testing-library/react-native";
 import { Country } 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 { TrackingPage, PressPricingTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { useTrackPressPricing as sut } from "./useTrackPressPricing";
 
@@ -10,6 +11,7 @@ jest.mock("@lookiero/sty-psp-tracking");
 
 const country = Country.ES;
 const segment = Segment.WOMEN;
+const tradename = Tradename.LOOKIERO;
 
 const event: PressPricingTrackingEvent = {
   event: TrackingEventName.PRESS_PRICING,
@@ -17,6 +19,7 @@ const event: PressPricingTrackingEvent = {
   section: "checkout_item",
   store: country,
   segment,
+  tradename,
   checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
   collapse: false,
 };
@@ -30,6 +33,7 @@ describe("useTrackPressPricing custom hook", () => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
       }),
     );

package/src/infrastructure/tracking/useTrackPressPricing.ts

@@ -2,6 +2,7 @@ import { useCallback } from "react";
 import { Country } 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 { PressPricingTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { PROJECT, TrackingPage } from "./tracking";
 
@@ -17,12 +18,13 @@ interface UseTrackPressPricingFunctionArgs {
   readonly country: Country;
   readonly segment: Segment;
   readonly checkoutId: string | undefined;
+  readonly tradename: Tradename;
 }
 interface UseTrackPressPricingFunction {
   (agrs: UseTrackPressPricingFunctionArgs): PressPricingFunction;
 }
 
-const useTrackPressPricing: UseTrackPressPricingFunction = ({ page, country, segment, checkoutId }) => {
+const useTrackPressPricing: UseTrackPressPricingFunction = ({ page, country, segment, checkoutId, tradename }) => {
   const emitUserEvent = useEmitUserEvent<PressPricingTrackingEvent>();
 
   const pressPricing: PressPricingFunction = useCallback(
@@ -38,12 +40,13 @@ const useTrackPressPricing: UseTrackPressPricingFunction = ({ page, country, seg
         store: country,
         segment,
         checkoutId,
+        tradename,
         collapse,
       };
 
       emitUserEvent(pressPricingTrackingEvent);
     },
-    [checkoutId, country, emitUserEvent, page, segment],
+    [checkoutId, tradename, country, emitUserEvent, page, segment],
   );
 
   return pressPricing;

package/src/infrastructure/tracking/useTrackReplaceItem.test.tsx

@@ -2,6 +2,7 @@ import { renderHook } from "@testing-library/react-native";
 import { Country } 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 { TrackingPage, ReplaceItemTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { useTrackReplaceItem as sut } from "./useTrackReplaceItem";
 
@@ -10,6 +11,7 @@ jest.mock("@lookiero/sty-psp-tracking");
 
 const country = Country.ES;
 const segment = Segment.WOMEN;
+const tradename = Tradename.LOOKIERO;
 
 const event: ReplaceItemTrackingEvent = {
   event: TrackingEventName.REPLACE_ITEM,
@@ -17,6 +19,7 @@ const event: ReplaceItemTrackingEvent = {
   section: "checkout_item",
   store: country,
   segment,
+  tradename,
   checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
   checkoutItemId: "a72120a3-6837-4fe9-adc3-a891b14160ff",
   productVariantId: "5e9dd5b8-b17e-42e4-9824-91a5b9e8745a",
@@ -32,6 +35,7 @@ describe("useTrackReplaceItem custom hook", () => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
         checkoutItemId: "a72120a3-6837-4fe9-adc3-a891b14160ff",
         productVariantId: "5e9dd5b8-b17e-42e4-9824-91a5b9e8745a",

package/src/infrastructure/tracking/useTrackReplaceItem.ts

@@ -2,6 +2,7 @@ import { useCallback } from "react";
 import { Country } 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 { PROJECT, TrackingPage, ReplaceItemTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 
 interface ReplaceItemFunctionArgs {
@@ -18,6 +19,7 @@ interface UseTrackReplaceItemFunctionArgs {
   readonly checkoutId: string | undefined;
   readonly checkoutItemId: string;
   readonly productVariantId: string;
+  readonly tradename: Tradename;
 }
 interface UseTrackReplaceItemFunction {
   (agrs: UseTrackReplaceItemFunctionArgs): ReplaceItemFunction;
@@ -30,6 +32,7 @@ const useTrackReplaceItem: UseTrackReplaceItemFunction = ({
   checkoutId,
   checkoutItemId,
   productVariantId,
+  tradename,
 }) => {
   const emitUserEvent = useEmitUserEvent<ReplaceItemTrackingEvent>();
 
@@ -48,12 +51,13 @@ const useTrackReplaceItem: UseTrackReplaceItemFunction = ({
         checkoutId,
         checkoutItemId,
         productVariantId,
+        tradename,
         replaceFor,
       };
 
       emitUserEvent(replaceItemTrackingEvent);
     },
-    [checkoutId, checkoutItemId, country, emitUserEvent, page, productVariantId, segment],
+    [checkoutId, checkoutItemId, country, emitUserEvent, page, productVariantId, tradename, segment],
   );
 
   return replaceItem;

package/src/infrastructure/tracking/useTrackResetItem.test.tsx

@@ -2,6 +2,7 @@ import { renderHook } from "@testing-library/react-native";
 import { Country } 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 { TrackingPage, ResetItemTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { useTrackResetItem as sut } from "./useTrackResetItem";
 
@@ -10,6 +11,7 @@ jest.mock("@lookiero/sty-psp-tracking");
 
 const country = Country.ES;
 const segment = Segment.WOMEN;
+const tradename = Tradename.LOOKIERO;
 
 const event: ResetItemTrackingEvent = {
   event: TrackingEventName.RESET_ITEM,
@@ -17,6 +19,7 @@ const event: ResetItemTrackingEvent = {
   section: "checkout_item",
   store: country,
   segment,
+  tradename,
   checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
   checkoutItemId: "a72120a3-6837-4fe9-adc3-a891b14160ff",
 };
@@ -30,6 +33,7 @@ describe("useTrackResetItem custom hook", () => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
         checkoutItemId: "a72120a3-6837-4fe9-adc3-a891b14160ff",
       }),

package/src/infrastructure/tracking/useTrackResetItem.ts

@@ -2,6 +2,7 @@ import { useCallback } from "react";
 import { Country } 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 { PROJECT, TrackingPage, ResetItemTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 
 interface ResetItemFunction {
@@ -14,12 +15,20 @@ interface UseTrackResetItemFunctionArgs {
   readonly segment: Segment;
   readonly checkoutId: string | undefined;
   readonly checkoutItemId: string;
+  readonly tradename: Tradename;
 }
 interface UseTrackResetItemFunction {
   (agrs: UseTrackResetItemFunctionArgs): ResetItemFunction;
 }
 
-const useTrackResetItem: UseTrackResetItemFunction = ({ page, country, segment, checkoutId, checkoutItemId }) => {
+const useTrackResetItem: UseTrackResetItemFunction = ({
+  page,
+  country,
+  segment,
+  checkoutId,
+  tradename,
+  checkoutItemId,
+}) => {
   const emitUserEvent = useEmitUserEvent<ResetItemTrackingEvent>();
 
   const resetItem: ResetItemFunction = useCallback(() => {
@@ -34,11 +43,12 @@ const useTrackResetItem: UseTrackResetItemFunction = ({ page, country, segment,
       store: country,
       segment,
       checkoutId,
+      tradename,
       checkoutItemId,
     };
 
     emitUserEvent(resetItemTrackingEvent);
-  }, [checkoutId, checkoutItemId, country, emitUserEvent, page, segment]);
+  }, [checkoutId, tradename, checkoutItemId, country, emitUserEvent, page, segment]);
 
   return resetItem;
 };

package/src/infrastructure/tracking/useTrackReturnItem.test.tsx

@@ -2,6 +2,7 @@ import { renderHook } from "@testing-library/react-native";
 import { Country } 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 { TrackingPage, ReturnItemTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { useTrackReturnItem as sut } from "./useTrackReturnItem";
 
@@ -10,6 +11,7 @@ jest.mock("@lookiero/sty-psp-tracking");
 
 const country = Country.ES;
 const segment = Segment.WOMEN;
+const tradename = Tradename.LOOKIERO;
 
 const event: ReturnItemTrackingEvent = {
   event: TrackingEventName.RETURN_ITEM,
@@ -17,6 +19,7 @@ const event: ReturnItemTrackingEvent = {
   section: "checkout_item",
   store: country,
   segment,
+  tradename,
   checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
   checkoutItemId: "a72120a3-6837-4fe9-adc3-a891b14160ff",
 };
@@ -30,6 +33,7 @@ describe("useTrackReturnItem custom hook", () => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
         checkoutItemId: "a72120a3-6837-4fe9-adc3-a891b14160ff",
       }),

package/src/infrastructure/tracking/useTrackReturnItem.ts

@@ -2,6 +2,7 @@ import { useCallback } from "react";
 import { Country } 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 { PROJECT, TrackingPage, ReturnItemTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 
 interface ReturnItemFunction {
@@ -14,12 +15,20 @@ interface UseTrackReturnItemFunctionArgs {
   readonly segment: Segment;
   readonly checkoutId: string | undefined;
   readonly checkoutItemId: string;
+  readonly tradename: Tradename;
 }
 interface UseTrackReturnItemFunction {
   (agrs: UseTrackReturnItemFunctionArgs): ReturnItemFunction;
 }
 
-const useTrackReturnItem: UseTrackReturnItemFunction = ({ page, country, segment, checkoutId, checkoutItemId }) => {
+const useTrackReturnItem: UseTrackReturnItemFunction = ({
+  page,
+  country,
+  segment,
+  checkoutId,
+  tradename,
+  checkoutItemId,
+}) => {
   const emitUserEvent = useEmitUserEvent<ReturnItemTrackingEvent>();
 
   const returnItem: ReturnItemFunction = useCallback(() => {
@@ -34,11 +43,12 @@ const useTrackReturnItem: UseTrackReturnItemFunction = ({ page, country, segment
       store: country,
       segment,
       checkoutId,
+      tradename,
       checkoutItemId,
     };
 
     emitUserEvent(returnItemTrackingEvent);
-  }, [checkoutId, checkoutItemId, country, emitUserEvent, page, segment]);
+  }, [checkoutId, tradename, checkoutItemId, country, emitUserEvent, page, segment]);
 
   return returnItem;
 };

package/src/infrastructure/tracking/useTrackTabView.test.tsx

@@ -2,6 +2,7 @@ import { renderHook } from "@testing-library/react-native";
 import { Country } 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 { TrackingPage, TabViewTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { useTrackTabView as sut } from "./useTrackTabView";
 
@@ -10,6 +11,7 @@ jest.mock("@lookiero/sty-psp-tracking");
 
 const country = Country.ES;
 const segment = Segment.WOMEN;
+const tradename = Tradename.LOOKIERO;
 
 type Tab = "tab";
 const event: TabViewTrackingEvent<Tab> = {
@@ -18,6 +20,7 @@ const event: TabViewTrackingEvent<Tab> = {
   section: "checkout_item",
   store: country,
   segment,
+  tradename,
   checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
   tab: "tab",
 };
@@ -31,6 +34,7 @@ describe("useTrackTabView custom hook", () => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
       }),
     );

package/src/infrastructure/tracking/useTrackTabView.ts

@@ -2,6 +2,7 @@ import { useCallback } from "react";
 import { Country } 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 { PROJECT, TrackingPage, TabViewTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 
 interface TabViewFunctionArgs<T> {
@@ -16,6 +17,7 @@ interface UseTrackTabViewFunctionArgs {
   readonly country: Country;
   readonly segment: Segment;
   readonly checkoutId: string | undefined;
+  readonly tradename: Tradename;
 }
 
 const useTrackTabView = <T>({
@@ -23,6 +25,7 @@ const useTrackTabView = <T>({
   country,
   segment,
   checkoutId,
+  tradename,
 }: UseTrackTabViewFunctionArgs): TabViewFunction<T> => {
   const emitUserEvent = useEmitUserEvent<TabViewTrackingEvent<T>>();
 
@@ -39,12 +42,13 @@ const useTrackTabView = <T>({
         store: country,
         segment,
         checkoutId,
+        tradename,
         tab,
       };
 
       emitUserEvent(tabViewTrackingEvent);
     },
-    [checkoutId, country, emitUserEvent, page, segment],
+    [checkoutId, tradename, country, emitUserEvent, page, segment],
   );
 
   return tabView;

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

@@ -6,6 +6,7 @@ import { NotificationLevel, useCreateToastNotification } from "@lookiero/sty-psp
 import { Segment } from "@lookiero/sty-psp-segment";
 import { CheckoutItemStatus } from "../../../domain/checkoutItem/model/checkoutItem";
 import { CheckoutBookingProjection } from "../../../projection/checkoutBooking/checkoutBooking";
+import { Customer } from "../../../projection/customer/customer";
 import { OrderProjection } from "../../../projection/order/order";
 import { SubscriptionProjection } from "../../../projection/subscription/subscription";
 import { useSubmitCheckout } from "../../domain/checkout/react/useSubmitCheckout";
@@ -45,8 +46,17 @@ const country = Country.ES;
 const email = "email@example.com";
 const name = "Adèle Léonce Émilie";
 const segment = Segment.WOMEN;
+
+const mockCustomer: Customer = {
+  customerId,
+  country,
+  segment,
+  name,
+  email,
+};
+
 jest.mock("./useStaticInfo", () => ({
-  useStaticInfo: () => ({ customer: { customerId, country, segment, name, email }, basePath }),
+  useStaticInfo: () => ({ customer: mockCustomer, basePath }),
 }));
 
 // const errorChargeStatuses = Object.values(ChargeStatus).filter((status) => status !== ChargeStatus.EXECUTED);

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

@@ -61,6 +61,7 @@ const useCheckoutFlow: UseCheckoutFlowFunction = ({
   const {
     customer: { customerId, country, segment, name, email },
     basePath,
+    tradename,
   } = useStaticInfo();
   const paymentFlowRef = useRef<PaymentFlowRef>(null);
   const [paymentFlowPayload] = useViewPaymentFlowPayloadByCheckoutId({
@@ -95,6 +96,7 @@ const useCheckoutFlow: UseCheckoutFlowFunction = ({
     userId: customerId,
     country,
     segment,
+    tradename,
   });
 
   const checkoutFlow: CheckoutFlowFunction = useCallback(async () => {

package/src/infrastructure/ui/hooks/useQueryBus.test.tsx

@@ -1,6 +1,6 @@
 import { renderHook, waitFor } from "@testing-library/react-native";
 import { mockFn } from "jest-mock-extended";
-import React, { FC } from "react";
+import React, { FC, JSX } from "react";
 import { QueryBus } from "@lookiero/messaging";
 import { QueryBusProvider, useQueryBus as sut } from "./useQueryBus";
 

package/src/infrastructure/ui/hooks/useStaticInfo.test.tsx

@@ -1,5 +1,5 @@
 import { renderHook, waitFor } from "@testing-library/react-native";
-import React, { FC } from "react";
+import React, { FC, JSX } from "react";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { Customer } from "../../../projection/customer/customer";
 import { KameleoonEnvironment } from "../../ab-testing/kameleoonEnvironment";

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

@@ -1,4 +1,4 @@
-import React, { FC, useEffect, useRef } from "react";
+import React, { FC, JSX, useEffect, useRef } from "react";
 import { generatePath, useMatch, useNavigate } from "react-router-native";
 import { Spinner } from "@lookiero/aurora";
 import { useLogger } from "@lookiero/sty-psp-logging";
@@ -50,7 +50,7 @@ const CheckoutMiddleware: FC<CheckoutMiddlewareProps> = ({
   feedbackRouteMatchRef.current = feedbackRouteMatch;
 
   const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-  const checkoutItemsRef = useRef<CheckoutItemProjection[]>();
+  const checkoutItemsRef = useRef<CheckoutItemProjection[]>([]);
 
   /* This hook is mounted at this level, although not being used directly, for optimization (regarding cache) */
   useViewIsSizeChangeEnabledByCheckoutId({ checkoutId: checkout?.id });
@@ -84,7 +84,9 @@ const CheckoutMiddleware: FC<CheckoutMiddlewareProps> = ({
             ),
         ) || checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL);
 
-      checkoutItemsRef.current = checkout?.items;
+      if (checkout?.items) {
+        checkoutItemsRef.current = checkout.items;
+      }
 
       /* Navigate to the summary if required */
       if (
@@ -108,7 +110,7 @@ const CheckoutMiddleware: FC<CheckoutMiddlewareProps> = ({
         });
       }
     }
-  }, [basePath, checkout?.status, checkout?.items]);
+  }, [basePath, checkout?.items, checkout?.status]);
 
   if (checkout === undefined) {
     return loader;

package/src/infrastructure/ui/test/render.tsx

@@ -26,7 +26,7 @@ const renderWrapper: RenderWrapperFunction =
   // eslint-disable-next-line react/display-name, react/prop-types
   ({ children }) => (
     <Aurora>
-      <I18nProvider locale={locale as string} messages={messages} onError={() => void 0}>
+      <I18nProvider locale={locale as string} messages={messages} onError={() => {}} onWarn={() => {}}>
         <LoggerProvider logger={logger}>
           <Wrapper>{children}</Wrapper>
         </LoggerProvider>

package/src/infrastructure/ui/views/App.tsx

@@ -1,5 +1,5 @@
 import { PortalHost } from "@gorhom/portal";
-import React, { FC } from "react";
+import React, { FC, JSX } from "react";
 import { StatusBar } from "react-native";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 import { Notifications } from "@lookiero/sty-psp-notifications";