@lookiero/checkout 12.0.0 → 12.1.0

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

@@ -1,7 +1,7 @@
 import { useCallback } from "react";
 import { useEmitUserEvent } from "@lookiero/sty-psp-tracking";
 import { PROJECT, TrackingEventName, TrackingEventCategory } from "./tracking";
-const useTrackTabView = ({ page, country, segment, checkoutId, }) => {
+const useTrackTabView = ({ page, country, segment, checkoutId, tradename, }) => {
     const emitUserEvent = useEmitUserEvent();
     const tabView = useCallback(({ tab }) => {
         if (!checkoutId) {
@@ -14,10 +14,11 @@ const useTrackTabView = ({ page, country, segment, checkoutId, }) => {
             store: country,
             segment,
             checkoutId,
+            tradename,
             tab,
         };
         emitUserEvent(tabViewTrackingEvent);
-    }, [checkoutId, country, emitUserEvent, page, segment]);
+    }, [checkoutId, tradename, country, emitUserEvent, page, segment]);
     return tabView;
 };
 export { useTrackTabView };

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

@@ -19,7 +19,7 @@ import { useStaticInfo } from "./useStaticInfo";
 const useCheckoutFlow = ({ checkout: checkoutProjection, order: orderProjection, subscription: subscriptionProjection, getAuthToken, onSuccess, }) => {
     const logger = useLogger();
     const queryBus = useQueryBus();
-    const { customer: { customerId, country, segment, name, email }, basePath, } = useStaticInfo();
+    const { customer: { customerId, country, segment, name, email }, basePath, tradename, } = useStaticInfo();
     const paymentFlowRef = useRef(null);
     const [paymentFlowPayload] = useViewPaymentFlowPayloadByCheckoutId({
         checkoutId: checkoutProjection?.id,
@@ -53,6 +53,7 @@ const useCheckoutFlow = ({ checkout: checkoutProjection, order: orderProjection,
         userId: customerId,
         country,
         segment,
+        tradename,
     });
     const checkoutFlow = useCallback(async () => {
         try {

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

@@ -55,7 +55,7 @@ const CheckoutMiddleware = ({ customerId, onNotAccessible, loader = React.create
              */
             const itemWithoutCustomerDecision = checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL &&
                 checkoutItemsRef.current?.find((previousItem) => previousItem.id === item.id && previousItem.status !== CheckoutItemStatus.INITIAL)) || checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL);
-            if (checkout) {
+            if (checkout?.items) {
                 checkoutItemsRef.current = checkout.items;
             }
             /* Navigate to the summary if required */
@@ -73,7 +73,7 @@ const CheckoutMiddleware = ({ customerId, onNotAccessible, loader = React.create
                 });
             }
         }
-    }, [basePath, checkout?.status, checkout?.items]);
+    }, [basePath, checkout?.items, checkout?.status]);
     if (checkout === undefined) {
         return loader;
     }

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

@@ -25,7 +25,7 @@ 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 { customer: { customerId, country, segment }, basePath, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, basePath, tradename, } = useStaticInfo();
     const screenSize = useScreenSize();
     const isDektopScreen = screenSize === "L";
     const style = useMemo(() => checkoutStyle(), []);
@@ -46,6 +46,7 @@ const Checkout = ({ layout: Layout, order, subscription, getAuthToken, useRedire
         page: TrackingPage.CHECKOUT,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const navigate = useNavigate();
@@ -53,6 +54,7 @@ const Checkout = ({ layout: Layout, order, subscription, getAuthToken, useRedire
         page: TrackingPage.CHECKOUT,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnSubmit = useCallback(async () => {
@@ -65,6 +67,7 @@ const Checkout = ({ layout: Layout, order, subscription, getAuthToken, useRedire
         page: TrackingPage.CHECKOUT,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnBack = useCallback(() => {

package/dist/src/infrastructure/ui/views/feedback/Feedback.js

@@ -20,7 +20,7 @@ const Feedback = ({ layout: Layout }) => {
     const logger = useLogger();
     const screenSize = useScreenSize();
     const isDesktop = screenSize === "L";
-    const { customer: { customerId, country, segment }, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, tradename, } = useStaticInfo();
     const style = useMemo(() => feedbackStyle(), []);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const [checkoutQuestions, checkoutQuestionsStatus] = useListCheckoutQuestionsByCheckoutId({
@@ -31,12 +31,14 @@ const Feedback = ({ layout: Layout }) => {
         country,
         segment,
         checkoutId: checkout?.id,
+        tradename,
     });
     const trackChangeFeedback = useTrackChangeFeedback({
         page: TrackingPage.FEEDBACK,
         country,
         segment,
         checkoutId: checkout?.id,
+        tradename,
     });
     const handleOnChangedFeedback = useCallback(({ checkoutQuestionId, checkoutQuestionFeedback, hasFeedback }) => {
         const question = checkoutQuestions?.find((question) => question.id === checkoutQuestionId);
@@ -59,6 +61,7 @@ const Feedback = ({ layout: Layout }) => {
         country,
         segment,
         checkoutId: checkout?.id,
+        tradename,
     });
     const handleOnSubmit = useCallback(async (feedbacks) => {
         try {

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

@@ -28,7 +28,7 @@ import { ItemWithoutCustomerDecission, } from "./views/itemWithoutCustomerDeciss
 const Item = ({ layout: Layout }) => {
     const logger = useLogger();
     const navigate = useNavigate();
-    const { customer: { customerId, country, segment }, basePath, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, basePath, tradename, } = useStaticInfo();
     const style = useMemo(() => itemStyle(), []);
     const screenSize = useScreenSize();
     const isDesktopScreen = screenSize !== "S";
@@ -83,6 +83,7 @@ const Item = ({ layout: Layout }) => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
         checkoutItemId: checkoutItem.id,
         status: checkoutItem.status,
@@ -94,6 +95,7 @@ const Item = ({ layout: Layout }) => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnNext = useCallback(({ from, to }) => trackPressNext({ from, to }), [trackPressNext]);
@@ -101,6 +103,7 @@ const Item = ({ layout: Layout }) => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnPrevious = useCallback(({ from, to }) => trackPressPrevious({ from, to }), [trackPressPrevious]);
@@ -108,6 +111,7 @@ const Item = ({ layout: Layout }) => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnBack = useCallback(() => {

package/dist/src/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.js

@@ -19,7 +19,7 @@ const ItemWithCustomerDecission = ({ checkoutId, checkoutItem, returnQuestions,
     const screenSize = useScreenSize();
     const isMobile = screenSize === "S";
     const logger = useLogger();
-    const { customer: { country, segment }, } = useStaticInfo();
+    const { customer: { country, segment }, tradename, } = useStaticInfo();
     /* ResetCheckoutItem */
     const [resetCheckoutItem, resetCheckoutItemStatus] = useResetCheckoutItem({
         checkoutItemId: checkoutItem.id,
@@ -29,6 +29,7 @@ const ItemWithCustomerDecission = ({ checkoutId, checkoutItem, returnQuestions,
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId,
         checkoutItemId: checkoutItem.id,
     });
@@ -42,7 +43,7 @@ const ItemWithCustomerDecission = ({ checkoutId, checkoutItem, returnQuestions,
         return React.createElement(Spinner, { testID: "spinner" });
     }
     return (React.createElement(Body, { style: { row: style.container } },
-        React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, segment: segment, customerDecissionBanner: React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: resetItem }) }, checkoutItem.status === CheckoutItemStatus.RETURNED && (React.createElement(View, { style: [style.feedbackContainer, isMobile ? style.feedbackContainerMobile : undefined] },
+        React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, segment: segment, tradename: tradename, customerDecissionBanner: React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: resetItem }) }, checkoutItem.status === CheckoutItemStatus.RETURNED && (React.createElement(View, { style: [style.feedbackContainer, isMobile ? style.feedbackContainerMobile : undefined] },
             React.createElement(ReturnQuestionsFeedback, { returnQuestions: returnQuestions, onEditFeedback: onEditFeedback }))))));
 };
 export { ItemWithCustomerDecission };

package/dist/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.js

@@ -17,7 +17,7 @@ import { ProductVariant } from "../productVariant/ProductVariant";
 import { style as itemWithoutCustomerDecissionStyle } from "./ItemWithoutCustomerDecission.style";
 const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProductsVariants, currentProductVariant, onReturn, }) => {
     const logger = useLogger();
-    const { customer: { country, segment }, } = useStaticInfo();
+    const { customer: { country, segment }, tradename, } = useStaticInfo();
     const style = useMemo(() => itemWithoutCustomerDecissionStyle(), []);
     /* KeepCheckoutItem */
     const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id, logger });
@@ -25,6 +25,7 @@ const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProducts
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId,
         checkoutItemId: checkoutItem.id,
     });
@@ -42,6 +43,7 @@ const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProducts
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId,
         checkoutItemId: checkoutItem.id,
         productVariantId: checkoutItem.productVariant.id,
@@ -64,7 +66,7 @@ const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProducts
         React.createElement(SizeWithoutStockModal, { visible: sizeWithoutStockModalVisible, onDismiss: handleOnHideSizeWithoutStockModal }),
         React.createElement(ScrollView, { showsVerticalScrollIndicator: false, testID: checkoutItem.id },
             React.createElement(Body, { style: { row: style.container } },
-                React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, segment: segment, style: {
+                React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, segment: segment, tradename: tradename, style: {
                         content: { paddingBottom: Platform.OS === "web" ? style.productVariantPaddingBottom : stickyHeight },
                     } }))),
         React.createElement(ItemActions, { country: country, currentProductVariant: currentProductVariant, productVariants: bookedProductsVariants?.productVariants, onKeep: handleOnKeep, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: onReturn, onShowSizeWithoutStockModal: handleOnShowSizeWithoutStockModal })));

package/dist/src/infrastructure/ui/views/item/views/productVariant/ProductVariant.d.ts

@@ -2,10 +2,12 @@ import { FC, ReactNode } from "react";
 import { StyleProp, ViewStyle } from "react-native";
 import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
 import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
 type ProductVariantStyle = "content";
 interface ProductVariantProps {
+    readonly tradename: Tradename;
     readonly country: Country;
     readonly segment: Segment;
     readonly checkoutId: string;

package/dist/src/infrastructure/ui/views/item/views/productVariant/ProductVariant.js

@@ -7,7 +7,7 @@ import { useTrackImageView } from "../../../../../tracking/useTrackImageView";
 import { ProductVariantDescription } from "../../components/productVariantDescription/ProductVariantDescription";
 import { ProductVariantSlider } from "../../components/productVariantSlider/ProductVariantSlider";
 import { style as productVariantStyle } from "./ProductVariant.style";
-const ProductVariant = ({ country, segment, checkoutId, checkoutItem, currentProductVariant, style: customStyle, children, customerDecissionBanner, }) => {
+const ProductVariant = ({ tradename, country, segment, checkoutId, checkoutItem, currentProductVariant, style: customStyle, children, customerDecissionBanner, }) => {
     const screenSize = useScreenSize();
     const isDesktopScreen = screenSize !== "S";
     const style = useMemo(() => productVariantStyle(), []);
@@ -15,6 +15,7 @@ const ProductVariant = ({ country, segment, checkoutId, checkoutItem, currentPro
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId,
         checkoutItemId: checkoutItem.id,
         productVariantId: checkoutItem.productVariant.id,

package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -41,7 +41,7 @@ const returnQuestionItems = {
 };
 const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout, segment, }) => {
     const navigate = useNavigate();
-    const { basePath } = useStaticInfo();
+    const { basePath, tradename } = useStaticInfo();
     const logger = useLogger();
     const screenSize = useScreenSize();
     const isDektopScreen = screenSize === "L";
@@ -62,14 +62,16 @@ const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout,
         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(() => {
@@ -80,6 +82,7 @@ const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout,
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: checkout.id,
     });
     const handleOnSubmit = useCallback(async () => {

package/dist/src/infrastructure/ui/views/summary/Summary.js

@@ -21,7 +21,7 @@ import { Routes } from "../../routing/routes";
 import { style as summaryStyle } from "./Summary.style";
 import { CollapsiblePricing } from "./components/collapsiblePricing/CollapsiblePricing";
 const Summary = ({ layout: Layout, children }) => {
-    const { customer: { customerId, country, segment }, basePath, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, basePath, tradename, } = useStaticInfo();
     const screenSize = useScreenSize();
     const isDesktopScreen = screenSize === "L";
     const style = useMemo(() => summaryStyle(), []);
@@ -40,6 +40,7 @@ const Summary = ({ layout: Layout, children }) => {
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnPricingLayout = useCallback(({ height }) => setPricingHeight(height), []);
@@ -61,12 +62,14 @@ const Summary = ({ layout: Layout, children }) => {
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const trackPressContinue = useTrackPressContinue({
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnSubmit = useCallback(() => {

package/dist/src/infrastructure/ui/views/summaryTabs/SummaryTabs.js

@@ -17,7 +17,7 @@ const TAB_INDEX = {
 };
 const SummaryTabs = () => {
     const { tab } = useParams();
-    const { customer: { customerId, country, segment }, basePath, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, basePath, tradename, } = useStaticInfo();
     const tabIndex = useMemo(() => TAB_INDEX[tab] || 0, [tab]);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const navigate = useNavigate();
@@ -25,12 +25,14 @@ const SummaryTabs = () => {
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const trackPressItem = useTrackPressItem({
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnPressItem = useCallback((checkoutItemId) => {
@@ -41,6 +43,7 @@ const SummaryTabs = () => {
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnChangedTab = useCallback((active) => trackTabView({ tab: active === 0 ? "keep" : "return" }), [trackTabView]);

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "12.0.0";
+export declare const VERSION = "12.1.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "12.0.0";
+export const VERSION = "12.1.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "12.0.0",
+  "version": "12.1.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -31,9 +31,9 @@
     "@lookiero/sty-psp-react-native": "^1.0",
     "@lookiero/sty-psp-segment": "^0.1",
     "@lookiero/sty-psp-storage": "^0.2",
-    "@lookiero/sty-psp-tracking": "^1.0",
-    "@lookiero/sty-psp-ui": "^2.0",
+    "@lookiero/sty-psp-tracking": "^2.0",
     "@lookiero/sty-psp-ui-settings": "^1.0",
+    "@lookiero/sty-psp-ui": "^2.0",
     "@lookiero/sty-psp-units": "^0.1",
     "@lookiero/sty-psp-uuid": "^0.2",
     "@lookiero/sty-sp-tradename": "^1.0",

package/src/infrastructure/tracking/useTrackAssignedVariationByExperiment.test.ts

@@ -3,6 +3,7 @@ import { Variation } from "@lookiero/sty-psp-ab-testing";
 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 { ABTestTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { PROJECT } from "./tracking";
 import { useTrackAssignedVariationByExperiment as sut } from "./useTrackAssignedVariationByExperiment";
@@ -18,6 +19,7 @@ const assignedVariation: Variation = {
   id: 964072,
   name: "Variation 1",
 };
+const tradename = Tradename.LOOKIERO;
 
 const event: ABTestTrackingEvent = {
   event: TrackingEventName.AB_TEST,
@@ -26,6 +28,7 @@ const event: ABTestTrackingEvent = {
   store: country,
   checkoutId,
   segment,
+  tradename,
   experiment: experimentId,
   variation: String(assignedVariation.id),
 };
@@ -40,6 +43,7 @@ describe("useTrackAssignedVariationByExperiment custom hook", () => {
         country,
         checkoutId,
         segment,
+        tradename,
       }),
     );
 

package/src/infrastructure/tracking/useTrackAssignedVariationByExperiment.ts

@@ -3,6 +3,7 @@ import { Variation } from "@lookiero/sty-psp-ab-testing";
 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 { ABTestTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { PROJECT } from "./tracking";
 
@@ -19,6 +20,7 @@ interface UseTrackAssignedVariationByExperimentFunctionArgs {
   readonly country: Country;
   readonly segment: Segment;
   readonly checkoutId: string | undefined;
+  readonly tradename: Tradename;
 }
 
 interface UseTrackAssignedVariationByExperimentFunction {
@@ -28,6 +30,7 @@ interface UseTrackAssignedVariationByExperimentFunction {
 const useTrackAssignedVariationByExperiment: UseTrackAssignedVariationByExperimentFunction = ({
   experimentId,
   country,
+  tradename,
   checkoutId,
   segment,
 }) => {
@@ -44,6 +47,7 @@ const useTrackAssignedVariationByExperiment: UseTrackAssignedVariationByExperime
         eventCategory: TrackingEventCategory.NAVIGATION,
         section: PROJECT,
         store: country,
+        tradename,
         segment,
         checkoutId,
         experiment: experimentId,
@@ -52,7 +56,7 @@ const useTrackAssignedVariationByExperiment: UseTrackAssignedVariationByExperime
 
       emitUserEvent(abTestTrackingEvent);
     },
-    [checkoutId, country, emitUserEvent, experimentId, segment],
+    [checkoutId, country, tradename, emitUserEvent, experimentId, segment],
   );
 
   return trackAssignedVariation;

package/src/infrastructure/tracking/useTrackChangeFeedback.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 { ChangeFeedbackTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { TrackingPage } from "./tracking";
 import { useTrackChangeFeedback as sut } from "./useTrackChangeFeedback";
@@ -11,6 +12,7 @@ jest.mock("@lookiero/sty-psp-tracking");
 
 const country = Country.ES;
 const segment = Segment.WOMEN;
+const tradename = Tradename.LOOKIERO;
 
 const event: ChangeFeedbackTrackingEvent = {
   event: TrackingEventName.CHANGE_FEEDBACK,
@@ -18,6 +20,7 @@ const event: ChangeFeedbackTrackingEvent = {
   section: "checkout_feedback",
   store: country,
   segment,
+  tradename,
   checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
   questionId: "9a58c188-73a5-45fb-9df7-607738a5c083",
   questionName: "Question name",
@@ -34,6 +37,7 @@ describe("useTrackChangeFeedback custom hook", () => {
         country,
         checkoutId: "c513ebc8-df68-4f47-b899-8ec0ced84ca8",
         segment,
+        tradename,
       }),
     );
 

package/src/infrastructure/tracking/useTrackChangeFeedback.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 } from "./tracking";
 import { ChangeFeedbackTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 
@@ -19,12 +20,13 @@ interface UseTrackChangeFeedbackArgs {
   readonly country: Country;
   readonly checkoutId?: string;
   readonly segment: Segment;
+  readonly tradename: Tradename;
 }
 interface UseTrackChangeFeedback {
   (agrs: UseTrackChangeFeedbackArgs): ChangeFeedbackFunction;
 }
 
-const useTrackChangeFeedback: UseTrackChangeFeedback = ({ page, country, checkoutId, segment }) => {
+const useTrackChangeFeedback: UseTrackChangeFeedback = ({ page, country, tradename, checkoutId, segment }) => {
   const emitUserEvent = useEmitUserEvent<ChangeFeedbackTrackingEvent>();
 
   const changeFeedback: ChangeFeedbackFunction = useCallback(
@@ -38,6 +40,7 @@ const useTrackChangeFeedback: UseTrackChangeFeedback = ({ page, country, checkou
         eventCategory: TrackingEventCategory.NAVIGATION,
         section: `${PROJECT}_${page}`,
         store: country,
+        tradename,
         segment,
         checkoutId,
         questionId,
@@ -47,7 +50,7 @@ const useTrackChangeFeedback: UseTrackChangeFeedback = ({ page, country, checkou
 
       emitUserEvent(changeFeedbackTrackingEvent);
     },
-    [checkoutId, country, emitUserEvent, page, segment],
+    [checkoutId, country, tradename, emitUserEvent, page, segment],
   );
 
   return changeFeedback;

package/src/infrastructure/tracking/useTrackCheckout.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 { CheckoutStatus } from "../../domain/checkout/model/checkout";
 import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
 import { Currency } from "../../domain/checkoutItem/model/currency";
@@ -16,6 +17,7 @@ import { useTrackCheckout as sut } from "./useTrackCheckout";
 const mockEmitUserEvent = jest.fn();
 jest.mock("@lookiero/sty-psp-tracking");
 
+const tradename = Tradename.LOOKIERO;
 const country = Country.ES;
 const segment = Segment.WOMEN;
 const userId = "80c38da1-7091-483d-a2ad-8f1642211e80";
@@ -55,6 +57,7 @@ const event: CheckoutTrackingEvent = {
   segment,
   checkoutId: checkout.id,
   userId,
+  tradename,
   sizeChanges: checkoutItemsReplaced,
   isFirstOrder: order.isFirstOrder,
   ecommerce: {
@@ -82,6 +85,7 @@ describe("useTrackCheckout custom hook", () => {
         pricing,
         subscription,
         userId,
+        tradename,
         country,
         segment,
       }),

package/src/infrastructure/tracking/useTrackCheckout.ts

@@ -3,6 +3,7 @@ import invariant from "tiny-invariant";
 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 { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
 import { Currency } from "../../domain/checkoutItem/model/currency";
 import { CheckoutProjection } from "../../projection/checkout/checkout";
@@ -24,6 +25,7 @@ interface UseTrackCheckoutFunctionArgs {
   readonly userId: string;
   readonly country: Country;
   readonly segment: Segment;
+  readonly tradename: Tradename;
 }
 
 interface UseTrackCheckoutFunction {
@@ -38,6 +40,7 @@ const useTrackCheckout: UseTrackCheckoutFunction = ({
   segment,
   country,
   userId,
+  tradename,
 }) => {
   const emitUserEvent = useEmitUserEvent<CheckoutTrackingEvent>();
   const { coupon, isFirstOrder, orderNumber } = order;
@@ -59,6 +62,7 @@ const useTrackCheckout: UseTrackCheckoutFunction = ({
       segment,
       checkoutId: checkout.id,
       userId,
+      tradename,
       sizeChanges: totalReplacedFor,
       isFirstOrder,
       ecommerce: {
@@ -88,6 +92,7 @@ const useTrackCheckout: UseTrackCheckoutFunction = ({
     segment,
     subscription,
     userId,
+    tradename,
   ]);
 
   return trackCheckout;

package/src/infrastructure/tracking/useTrackImageView.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 { MediaPerspective } from "../../projection/checkoutItem/checkoutItem";
 import { ImageViewTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { TrackingPage } from "./tracking";
@@ -12,6 +13,7 @@ jest.mock("@lookiero/sty-psp-tracking");
 
 const country = Country.ES;
 const segment = Segment.WOMEN;
+const tradename = Tradename.LOOKIERO;
 
 const event: ImageViewTrackingEvent = {
   event: TrackingEventName.IMAGE_VIEW,
@@ -19,6 +21,7 @@ const event: ImageViewTrackingEvent = {
   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",
@@ -34,6 +37,7 @@ describe("useTrackImageView 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",