@lookiero/checkout 12.0.0 → 12.1.1

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.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/routing/CheckoutMiddleware.tsx

@@ -50,7 +50,7 @@ const CheckoutMiddleware: FC<CheckoutMiddlewareProps> = ({
   feedbackRouteMatchRef.current = feedbackRouteMatch;
 
   const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-  const checkoutItemsRef = useRef<CheckoutItemProjection[]>([]);
+  const checkoutItemsRef = useRef<CheckoutItemProjection[] | undefined>(undefined);
 
   /* This hook is mounted at this level, although not being used directly, for optimization (regarding cache) */
   useViewIsSizeChangeEnabledByCheckoutId({ checkoutId: checkout?.id });
@@ -84,9 +84,7 @@ const CheckoutMiddleware: FC<CheckoutMiddlewareProps> = ({
             ),
         ) || checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL);
 
-      if (checkout) {
-        checkoutItemsRef.current = checkout.items;
-      }
+      checkoutItemsRef.current = checkout?.items;
 
       /* Navigate to the summary if required */
       if (
@@ -110,7 +108,7 @@ const CheckoutMiddleware: FC<CheckoutMiddlewareProps> = ({
         });
       }
     }
-  }, [basePath, checkout?.status, checkout?.items]);
+  }, [basePath, checkout?.items, checkout?.status]);
 
   if (checkout === undefined) {
     return loader;

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

@@ -47,6 +47,7 @@ const Checkout: FC<CheckoutProps> = ({
   const {
     customer: { customerId, country, segment },
     basePath,
+    tradename,
   } = useStaticInfo();
   const screenSize = useScreenSize();
   const isDektopScreen = screenSize === "L";
@@ -73,6 +74,7 @@ const Checkout: FC<CheckoutProps> = ({
     page: TrackingPage.CHECKOUT,
     country,
     segment,
+    tradename,
     checkoutId: checkout?.id,
   });
 
@@ -81,6 +83,7 @@ const Checkout: FC<CheckoutProps> = ({
     page: TrackingPage.CHECKOUT,
     country,
     segment,
+    tradename,
     checkoutId: checkout?.id,
   });
   const handleOnSubmit = useCallback(async () => {
@@ -106,6 +109,7 @@ const Checkout: FC<CheckoutProps> = ({
     page: TrackingPage.CHECKOUT,
     country,
     segment,
+    tradename,
     checkoutId: checkout?.id,
   });
   const handleOnBack = useCallback(() => {

package/src/infrastructure/ui/views/feedback/Feedback.tsx

@@ -37,6 +37,7 @@ const Feedback: FC<FeedbackProps> = ({ layout: Layout }) => {
   const isDesktop = screenSize === "L";
   const {
     customer: { customerId, country, segment },
+    tradename,
   } = useStaticInfo();
 
   const style = useMemo(() => feedbackStyle(), []);
@@ -51,6 +52,7 @@ const Feedback: FC<FeedbackProps> = ({ layout: Layout }) => {
     country,
     segment,
     checkoutId: checkout?.id,
+    tradename,
   });
 
   const trackChangeFeedback = useTrackChangeFeedback({
@@ -58,6 +60,7 @@ const Feedback: FC<FeedbackProps> = ({ layout: Layout }) => {
     country,
     segment,
     checkoutId: checkout?.id,
+    tradename,
   });
   const handleOnChangedFeedback: HandleOnChangedFeedbackFunction = useCallback(
     ({ checkoutQuestionId, checkoutQuestionFeedback, hasFeedback }) => {
@@ -86,6 +89,7 @@ const Feedback: FC<FeedbackProps> = ({ layout: Layout }) => {
     country,
     segment,
     checkoutId: checkout?.id,
+    tradename,
   });
   const handleOnSubmit = useCallback(
     async (feedbacks: CheckoutFeedbackProjection) => {

package/src/infrastructure/ui/views/item/Item.tsx

@@ -63,6 +63,7 @@ const Item: FC<ItemProps> = ({ layout: Layout }) => {
   const {
     customer: { customerId, country, segment },
     basePath,
+    tradename,
   } = useStaticInfo();
 
   const style = useMemo(() => itemStyle(), []);
@@ -133,6 +134,7 @@ const Item: FC<ItemProps> = ({ layout: Layout }) => {
     page: TrackingPage.ITEM,
     country,
     segment,
+    tradename,
     checkoutId: checkout?.id,
     checkoutItemId: checkoutItem.id,
     status: checkoutItem.status,
@@ -145,6 +147,7 @@ const Item: FC<ItemProps> = ({ layout: Layout }) => {
     page: TrackingPage.ITEM,
     country,
     segment,
+    tradename,
     checkoutId: checkout?.id,
   });
   const handleOnNext: HandleOnNextFunction = useCallback(
@@ -155,6 +158,7 @@ const Item: FC<ItemProps> = ({ layout: Layout }) => {
     page: TrackingPage.ITEM,
     country,
     segment,
+    tradename,
     checkoutId: checkout?.id,
   });
   const handleOnPrevious: HandleOnPreviousFunction = useCallback(
@@ -165,6 +169,7 @@ const Item: FC<ItemProps> = ({ layout: Layout }) => {
     page: TrackingPage.ITEM,
     country,
     segment,
+    tradename,
     checkoutId: checkout?.id,
   });
   const handleOnBack = useCallback(() => {

package/src/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.tsx

@@ -47,6 +47,7 @@ const ItemWithCustomerDecission: FC<ItemWithCustomerDecissionProps> = ({
   const logger = useLogger();
   const {
     customer: { country, segment },
+    tradename,
   } = useStaticInfo();
 
   /* ResetCheckoutItem */
@@ -58,6 +59,7 @@ const ItemWithCustomerDecission: FC<ItemWithCustomerDecissionProps> = ({
     page: TrackingPage.ITEM,
     country,
     segment,
+    tradename,
     checkoutId,
     checkoutItemId: checkoutItem.id,
   });
@@ -81,6 +83,7 @@ const ItemWithCustomerDecission: FC<ItemWithCustomerDecissionProps> = ({
         country={country}
         currentProductVariant={currentProductVariant}
         segment={segment}
+        tradename={tradename}
         customerDecissionBanner={
           <CustomerDecissionBanner
             checkoutItemStatus={checkoutItem.status as CustomerDecissionBannerStatus}

package/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.tsx

@@ -44,6 +44,7 @@ const ItemWithoutCustomerDecission: FC<ItemWithoutCustomerDecissionProps> = ({
   const logger = useLogger();
   const {
     customer: { country, segment },
+    tradename,
   } = useStaticInfo();
 
   const style = useMemo(() => itemWithoutCustomerDecissionStyle(), []);
@@ -54,6 +55,7 @@ const ItemWithoutCustomerDecission: FC<ItemWithoutCustomerDecissionProps> = ({
     page: TrackingPage.ITEM,
     country,
     segment,
+    tradename,
     checkoutId,
     checkoutItemId: checkoutItem.id,
   });
@@ -72,6 +74,7 @@ const ItemWithoutCustomerDecission: FC<ItemWithoutCustomerDecissionProps> = ({
     page: TrackingPage.ITEM,
     country,
     segment,
+    tradename,
     checkoutId,
     checkoutItemId: checkoutItem.id,
     productVariantId: checkoutItem.productVariant.id,
@@ -111,6 +114,7 @@ const ItemWithoutCustomerDecission: FC<ItemWithoutCustomerDecissionProps> = ({
             country={country}
             currentProductVariant={currentProductVariant}
             segment={segment}
+            tradename={tradename}
             style={{
               content: { paddingBottom: Platform.OS === "web" ? style.productVariantPaddingBottom : stickyHeight },
             }}

package/src/infrastructure/ui/views/item/views/productVariant/ProductVariant.test.tsx

@@ -2,6 +2,7 @@ import { RenderAPI, fireEvent } from "@testing-library/react-native";
 import React from "react";
 import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
 import { ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
 import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
@@ -58,6 +59,7 @@ const renderProductVariant: RenderProductVariantFunction = ({ checkoutItem, curr
       country={Country.ES}
       currentProductVariant={currentProductVariant}
       segment={Segment.WOMEN}
+      tradename={Tradename.LOOKIERO}
     />,
   );
 

package/src/infrastructure/ui/views/item/views/productVariant/ProductVariant.tsx

@@ -3,6 +3,7 @@ import { StyleProp, View, ViewStyle } from "react-native";
 import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
 import { useScreenSize } from "@lookiero/sty-psp-ui";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
 import {
   CheckoutItemProjection,
@@ -18,6 +19,7 @@ import { style as productVariantStyle } from "./ProductVariant.style";
 type ProductVariantStyle = "content";
 
 interface ProductVariantProps {
+  readonly tradename: Tradename;
   readonly country: Country;
   readonly segment: Segment;
   readonly checkoutId: string;
@@ -29,6 +31,7 @@ interface ProductVariantProps {
 }
 
 const ProductVariant: FC<ProductVariantProps> = ({
+  tradename,
   country,
   segment,
   checkoutId,
@@ -47,6 +50,7 @@ const ProductVariant: FC<ProductVariantProps> = ({
     page: TrackingPage.ITEM,
     country,
     segment,
+    tradename,
     checkoutId,
     checkoutItemId: checkoutItem.id,
     productVariantId: checkoutItem.productVariant.id,

package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx

@@ -65,7 +65,7 @@ const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({
   segment,
 }) => {
   const navigate = useNavigate();
-  const { basePath } = useStaticInfo();
+  const { basePath, tradename } = useStaticInfo();
   const logger = useLogger();
   const screenSize = useScreenSize();
   const isDektopScreen = screenSize === "L";
@@ -90,16 +90,18 @@ const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({
     page: TrackingPage.RETURN,
     country,
     segment,
+    tradename,
     checkoutId: checkout.id,
     checkoutItemId: checkoutItem.id,
   });
 
-  useTrackPageView({ checkoutId: checkout.id, country, segment, page: TrackingPage.RETURN });
+  useTrackPageView({ checkoutId: checkout.id, country, segment, tradename, page: TrackingPage.RETURN });
 
   const trackPressBack = useTrackPressBack({
     page: TrackingPage.ITEM,
     country,
     segment,
+    tradename,
     checkoutId: checkout?.id,
   });
   const handleOnBack = useCallback(() => {
@@ -111,6 +113,7 @@ const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({
     page: TrackingPage.ITEM,
     country,
     segment,
+    tradename,
     checkoutId: checkout.id,
   });
 

package/src/infrastructure/ui/views/summary/Summary.tsx

@@ -30,6 +30,7 @@ const Summary: FC<SummaryProps> = ({ layout: Layout, children }) => {
   const {
     customer: { customerId, country, segment },
     basePath,
+    tradename,
   } = useStaticInfo();
   const screenSize = useScreenSize();
   const isDesktopScreen = screenSize === "L";
@@ -55,6 +56,7 @@ const Summary: FC<SummaryProps> = ({ layout: Layout, children }) => {
     page: TrackingPage.SUMMARY,
     country,
     segment,
+    tradename,
     checkoutId: checkout?.id,
   });
   const handleOnPricingLayout = useCallback(({ height }: LayoutRectangle) => setPricingHeight(height), []);
@@ -81,6 +83,7 @@ const Summary: FC<SummaryProps> = ({ layout: Layout, children }) => {
     page: TrackingPage.SUMMARY,
     country,
     segment,
+    tradename,
     checkoutId: checkout?.id,
   });
 
@@ -88,6 +91,7 @@ const Summary: FC<SummaryProps> = ({ layout: Layout, children }) => {
     page: TrackingPage.SUMMARY,
     country,
     segment,
+    tradename,
     checkoutId: checkout?.id,
   });
   const handleOnSubmit = useCallback(() => {