@lookiero/checkout 11.4.0 → 12.0.0

package/src/infrastructure/ui/views/item/components/itemActions/__snapshots__/ItemActions.test.tsx.snap

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

package/src/infrastructure/ui/views/item/components/productVariantSlider/__snapshots__/ProductVariantSlider.test.tsx.snap

@@ -59,44 +59,37 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
       >
         <View
           collapsable={false}
-          jestAnimatedStyle={
-            {
-              "value": {
+          style={
+            [
+              {
+                "flex": 1,
+                "flexDirection": "row",
+                "height": "100%",
+              },
+              {
+                "width": 600,
+              },
+              {
                 "transform": [
                   {
                     "translateX": 0,
                   },
                 ],
               },
-            }
-          }
-          style={
-            {
-              "flex": 1,
-              "flexDirection": "row",
-              "height": "100%",
-              "transform": [
-                {
-                  "translateX": 0,
-                },
-              ],
-              "width": 600,
-            }
+            ]
           }
           testID="carousel-track"
         >
           <View
-            collapsable={false}
-            jestAnimatedStyle={
-              {
-                "value": {},
-              }
-            }
             style={
-              {
-                "flex": 1,
-                "width": 300,
-              }
+              [
+                {
+                  "flex": 1,
+                },
+                {
+                  "width": 300,
+                },
+              ]
             }
             testID="carousel-item"
           >
@@ -213,14 +206,6 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                     </View>
                   </View>
                   <Image
-                    collapsable={false}
-                    jestAnimatedStyle={
-                      {
-                        "value": {
-                          "opacity": 0,
-                        },
-                      }
-                    }
                     onLoad={[Function]}
                     resizeMode="stretch"
                     source={
@@ -229,14 +214,19 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                       }
                     }
                     style={
-                      {
-                        "flex": 1,
-                        "height": "100%",
-                        "opacity": 0,
-                        "position": "absolute",
-                        "width": "100%",
-                        "zIndex": 10,
-                      }
+                      [
+                        {
+                          "flex": 1,
+                          "height": "100%",
+                          "position": "absolute",
+                          "width": "100%",
+                          "zIndex": 10,
+                        },
+                        undefined,
+                        {
+                          "opacity": 0,
+                        },
+                      ]
                     }
                     testID="lazy-image-main-image"
                   />
@@ -245,17 +235,15 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
             </View>
           </View>
           <View
-            collapsable={false}
-            jestAnimatedStyle={
-              {
-                "value": {},
-              }
-            }
             style={
-              {
-                "flex": 1,
-                "width": 300,
-              }
+              [
+                {
+                  "flex": 1,
+                },
+                {
+                  "width": 300,
+                },
+              ]
             }
             testID="carousel-item"
           >
@@ -372,14 +360,6 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                     </View>
                   </View>
                   <Image
-                    collapsable={false}
-                    jestAnimatedStyle={
-                      {
-                        "value": {
-                          "opacity": 0,
-                        },
-                      }
-                    }
                     onLoad={[Function]}
                     resizeMode="stretch"
                     source={
@@ -388,14 +368,19 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                       }
                     }
                     style={
-                      {
-                        "flex": 1,
-                        "height": "100%",
-                        "opacity": 0,
-                        "position": "absolute",
-                        "width": "100%",
-                        "zIndex": 10,
-                      }
+                      [
+                        {
+                          "flex": 1,
+                          "height": "100%",
+                          "position": "absolute",
+                          "width": "100%",
+                          "zIndex": 10,
+                        },
+                        undefined,
+                        {
+                          "opacity": 0,
+                        },
+                      ]
                     }
                     testID="lazy-image-main-image"
                   />
@@ -465,25 +450,21 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                 "selected": true,
               }
             }
-            collapsable={false}
-            jestAnimatedStyle={
-              {
-                "value": {
+            style={
+              [
+                {
+                  "backgroundColor": "#0C0A0A",
+                  "marginHorizontal": 3,
+                },
+                {
                   "height": 8,
                   "opacity": 1,
                   "width": 8,
                 },
-              }
-            }
-            style={
-              {
-                "backgroundColor": "#0C0A0A",
-                "borderRadius": 8,
-                "height": 8,
-                "marginHorizontal": 3,
-                "opacity": 1,
-                "width": 8,
-              }
+                {
+                  "borderRadius": 8,
+                },
+              ]
             }
             testID="bullet"
           />
@@ -525,25 +506,21 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                 "selected": false,
               }
             }
-            collapsable={false}
-            jestAnimatedStyle={
-              {
-                "value": {
+            style={
+              [
+                {
+                  "backgroundColor": "#0C0A0A",
+                  "marginHorizontal": 3,
+                },
+                {
                   "height": 8,
                   "opacity": 0.3,
                   "width": 8,
                 },
-              }
-            }
-            style={
-              {
-                "backgroundColor": "#0C0A0A",
-                "borderRadius": 8,
-                "height": 8,
-                "marginHorizontal": 3,
-                "opacity": 0.3,
-                "width": 8,
-              }
+                {
+                  "borderRadius": 8,
+                },
+              ]
             }
             testID="bullet"
           />

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/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 {