@lookiero/checkout 11.5.0 → 12.1.0

package/src/infrastructure/ui/views/item/components/selectModal/__snapshots__/SelecModal.test.tsx.snap

@@ -58,15 +58,7 @@ exports[`SelectField component matches the snapshot 1`] = `
         }
       }
       accessible={true}
-      collapsable={false}
       focusable={true}
-      jestAnimatedStyle={
-        {
-          "value": {
-            "opacity": 1,
-          },
-        }
-      }
       onClick={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
@@ -75,14 +67,19 @@ exports[`SelectField component matches the snapshot 1`] = `
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        {
-          "backgroundColor": "rgba(12, 10, 10, 0.7)",
-          "height": "100%",
-          "opacity": 1,
-          "position": "absolute",
-          "width": "100%",
-          "zIndex": 1,
-        }
+        [
+          {
+            "backgroundColor": "rgba(12, 10, 10, 0.7)",
+            "height": "100%",
+            "position": "absolute",
+            "width": "100%",
+            "zIndex": 1,
+          },
+          undefined,
+          {
+            "opacity": 1,
+          },
+        ]
       }
       testID="modal-close-button"
     />
@@ -116,10 +113,26 @@ exports[`SelectField component matches the snapshot 1`] = `
       }
     >
       <View
-        collapsable={false}
-        jestAnimatedStyle={
-          {
-            "value": {
+        pointerEvents="auto"
+        style={
+          [
+            {
+              "backgroundColor": "#FFFFFF",
+              "borderRadius": 16,
+              "position": "absolute",
+              "width": "100%",
+              "zIndex": 3,
+            },
+            {
+              "borderBottomLeftRadius": 0,
+              "borderBottomRightRadius": 0,
+            },
+            undefined,
+            {
+              "maxHeight": 800,
+            },
+            undefined,
+            {
               "opacity": 1,
               "transform": [
                 {
@@ -130,29 +143,7 @@ exports[`SelectField component matches the snapshot 1`] = `
                 },
               ],
             },
-          }
-        }
-        pointerEvents="auto"
-        style={
-          {
-            "backgroundColor": "#FFFFFF",
-            "borderBottomLeftRadius": 0,
-            "borderBottomRightRadius": 0,
-            "borderRadius": 16,
-            "maxHeight": 800,
-            "opacity": 1,
-            "position": "absolute",
-            "transform": [
-              {
-                "translateY": 0,
-              },
-              {
-                "scale": 1,
-              },
-            ],
-            "width": "100%",
-            "zIndex": 3,
-          }
+          ]
         }
       >
         <View

package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap

@@ -58,15 +58,7 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
         }
       }
       accessible={true}
-      collapsable={false}
       focusable={true}
-      jestAnimatedStyle={
-        {
-          "value": {
-            "opacity": 1,
-          },
-        }
-      }
       onClick={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
@@ -75,14 +67,19 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        {
-          "backgroundColor": "rgba(12, 10, 10, 0.7)",
-          "height": "100%",
-          "opacity": 1,
-          "position": "absolute",
-          "width": "100%",
-          "zIndex": 1,
-        }
+        [
+          {
+            "backgroundColor": "rgba(12, 10, 10, 0.7)",
+            "height": "100%",
+            "position": "absolute",
+            "width": "100%",
+            "zIndex": 1,
+          },
+          undefined,
+          {
+            "opacity": 1,
+          },
+        ]
       }
       testID="modal-close-button"
     />
@@ -116,10 +113,26 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
       }
     >
       <View
-        collapsable={false}
-        jestAnimatedStyle={
-          {
-            "value": {
+        pointerEvents="auto"
+        style={
+          [
+            {
+              "backgroundColor": "#FFFFFF",
+              "borderRadius": 16,
+              "position": "absolute",
+              "width": "100%",
+              "zIndex": 3,
+            },
+            {
+              "borderBottomLeftRadius": 0,
+              "borderBottomRightRadius": 0,
+            },
+            undefined,
+            {
+              "maxHeight": 800,
+            },
+            undefined,
+            {
               "opacity": 1,
               "transform": [
                 {
@@ -130,29 +143,7 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
                 },
               ],
             },
-          }
-        }
-        pointerEvents="auto"
-        style={
-          {
-            "backgroundColor": "#FFFFFF",
-            "borderBottomLeftRadius": 0,
-            "borderBottomRightRadius": 0,
-            "borderRadius": 16,
-            "maxHeight": 800,
-            "opacity": 1,
-            "position": "absolute",
-            "transform": [
-              {
-                "translateY": 0,
-              },
-              {
-                "scale": 1,
-              },
-            ],
-            "width": "100%",
-            "zIndex": 3,
-          }
+          ]
         }
       >
         <View

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

@@ -4,6 +4,7 @@ import { CommandStatus } from "@lookiero/messaging-react";
 import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
+import { Customer } from "../../../../../../projection/customer/customer";
 import { useResetCheckoutItem } from "../../../../../domain/checkoutItem/react/useResetCheckoutItem";
 import { checkoutItem } from "../../../../../projection/checkoutItem/checkoutItem.mock";
 import { returnQuestions as mockReturnQuestions } from "../../../../../projection/returnQuestion/returnQuestions.mock";
@@ -22,9 +23,14 @@ const checkoutId = "a5422445-0e62-4b11-8a3f-1bb5469ee154";
 const customerId = "5257f9c4-277a-45fe-af45-db0b5addaac3";
 const country = Country.ES;
 const segment = Segment.WOMEN;
+const mockCustomer: Customer = {
+  customerId,
+  country,
+  segment,
+} as Customer;
 
 jest.mock("../../../../hooks/useStaticInfo", () => ({
-  useStaticInfo: () => ({ customer: { customerId, country, segment } }),
+  useStaticInfo: () => ({ customer: mockCustomer }),
 }));
 
 interface RenderItemWithCustomerDecissionFunctionArgs {

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.test.tsx

@@ -5,6 +5,7 @@ import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
 import { BookedProductsVariantsProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
+import { Customer } from "../../../../../../projection/customer/customer";
 import { useKeepCheckoutItem } from "../../../../../domain/checkoutItem/react/useKeepCheckoutItem";
 import { useReplaceCheckoutItem } from "../../../../../domain/checkoutItem/react/useReplaceCheckoutItem";
 import { bookedProductsVariants as mockBookedProductsVariants } from "../../../../../projection/bookedProductsVariants/bookedProductsVariants.mock";
@@ -29,9 +30,14 @@ const checkoutId = "a5422445-0e62-4b11-8a3f-1bb5469ee154";
 const customerId = "5257f9c4-277a-45fe-af45-db0b5addaac3";
 const country = Country.ES;
 const segment = Segment.WOMEN;
+const mockCustomer: Customer = {
+  customerId,
+  country,
+  segment,
+} as Customer;
 
 jest.mock("../../../../hooks/useStaticInfo", () => ({
-  useStaticInfo: () => ({ customer: { customerId, country, segment } }),
+  useStaticInfo: () => ({ customer: mockCustomer }),
 }));
 
 interface RenderItemWithoutCustomerDecissionFunctionArgs {

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,