@lookiero/checkout 12.27.0-beta.0 → 12.28.0

package/{cypress.config.ts → cypress.config.cjs}

@@ -1,6 +1,6 @@
-import { defineConfig } from "cypress";
+const { defineConfig } = require("cypress");
 
-export default defineConfig({
+module.exports = defineConfig({
   projectId: "checkout",
   fixturesFolder: "cypress/fixtures",
   screenshotsFolder: "cypress/screenshots",

package/dist/src/Expo.js

@@ -1,7 +1,5 @@
 import "@expo/metro-runtime";
 import { registerRootComponent } from "expo";
-import { enableLegacyWebImplementation } from "react-native-gesture-handler";
 import "react-native-get-random-values";
 import { ExpoRoot } from "./ExpoRoot";
-enableLegacyWebImplementation(true);
 registerRootComponent(ExpoRoot);

package/dist/src/ExpoRoot.js

@@ -18,7 +18,7 @@ import { root } from "./infrastructure/ui/Root";
 import { DOMAIN } from "./infrastructure/ui/i18n/i18n";
 import { Router } from "./infrastructure/ui/routing/router/Router";
 import { RELEASE } from "./version";
-const tradename = Tradename.OUTFITTERY;
+const tradename = Tradename.LOOKIERO;
 const theme = themeByTradename({ tradename });
 const locale = Locale.es_ES;
 const subscription = "b";
@@ -28,7 +28,7 @@ const order = {
     coupon: "MYLOOKIERO",
 };
 const customer = {
-    customerId: "f943ae75-bffb-4b14-b418-e8c79da41dde",
+    customerId: "0004a049-fef6-4bac-a45d-b3a904b4ee4b",
     country: Country.ES,
     segment: Segment.WOMEN,
     email: "email@example.com",
@@ -49,7 +49,7 @@ const apiUrl = Platform.OS !== "web"
             ? "/local-to-dev"
             : "http://localhost:3004/local-to-dev"
         : "/checkout/api";
-const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjEzNDQzMjA4LCJleHAiOjE3NjQzNDQwNjUsImRpc3BsYXlOYW1lIjoiQWxleGFuZGVyIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjUtMTAtMjciLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiZjk0M2FlNzUtYmZmYi00YjE0LWI0MTgtZThjNzlkYTQxZGRlIiwidHJhZGVuYW1lIjoiT1VURklUVEVSWSIsImlhdCI6MTc2MTY2NTY2NX0.ACQlI_HmEytLQCWNLXPStOwNdrOKjU9IHW4ezrHoquc";
+const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjIyMDgzMTMsImV4cCI6MTc2NTk4NzE0MywiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiTkwiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjAtMTAtMDEiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiMDAwNGEwNDktZmVmNi00YmFjLWE0NWQtYjNhOTA0YjRlZTRiIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJpYXQiOjE3NjMzOTUxNDN9.X3UQ0NSow2zu76ROCm4pl2cwTkDTOhHOaQT9N8zcqdg";
 const getAuthToken = () => Promise.resolve(authToken);
 const externalTranslationsUrl = Platform.OS !== "web"
     ? "https://backend-for-user.dev.envs.lookiero.tech/api/v2/translations"

package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.js

@@ -35,7 +35,6 @@ const ProductVariantSlider = ({ producVariantMedia, onChanged, availableHeight }
         style.largeImage,
     ]);
     const renderBullets = useCallback(({ activeIndex, count, onChange }) => React.createElement(Bullets, { activeIndex: activeIndex, count: count, onChange: onChange }), []);
-    console.log({ producVariantMedia });
     return (React.createElement(Carousel, { activeIndex: activeIndex, bullets: renderBullets, data: producVariantMedia, onActiveIndexChanged: handleOnActiveChanged }, renderItem));
 };
 export { ProductVariantSlider };

package/dist/src/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "12.27.0-beta.0";
-export declare const RELEASE = "checkout@12.27.0-beta.0";
+export declare const VERSION = "12.28.0";
+export declare const RELEASE = "checkout@12.28.0";

package/dist/src/version.js

@@ -1,2 +1,2 @@
-export const VERSION = "12.27.0-beta.0";
-export const RELEASE = "checkout@12.27.0-beta.0";
+export const VERSION = "12.28.0";
+export const RELEASE = "checkout@12.28.0";

package/jest.config.js

@@ -1,7 +1 @@
-const jestReactNativeConfig = require("@lookiero/sty-psp-jest-config/jest.config.expo.js");
-
-module.exports = {
-  ...jestReactNativeConfig,
-  setupFilesAfterEnv: ["<rootDir>/jest.setup.js"],
-  setupFiles: ["../../node_modules/react-native-gesture-handler/jestSetup.js"],
-};
+module.exports = require("@lookiero/sty-psp-jest-config/jest.config.expo.js");

package/jest.setup.js

@@ -1,53 +1 @@
-import mockAsyncStorage from "@react-native-async-storage/async-storage/jest/async-storage-mock";
-import "@lookiero/sty-psp-jest-config/jest.setup.base";
-
-require("react-native-reanimated").setUpTests();
-
-jest.mock('react-native-reanimated', () => {
-  const Reanimated = jest.requireActual('react-native-reanimated/mock');
-
-  // Override call to prevent warnings in newer versions
-  Reanimated.default.call = () => {};
-
-  return Reanimated;
-});
-
-jest.mock("@react-native-async-storage/async-storage", () => mockAsyncStorage);
-
-/**
- * All expo mocked dependencies solve Aurora introduced issues.
- * Without these, jest will break or pollute the log warnings.
- */
-jest.mock("expo-linear-gradient", () => ({ LinearGradient: require("react-native").View }));
-
-jest.mock("react-native-safe-area-context", () => ({
-  SafeAreaProvider: ({ children }) => children,
-  SafeAreaView: ({ children }) => children,
-  useSafeAreaInsets: () => ({ top: 0, bottom: 0 }),
-  useSafeAreaFrame: () => ({ x: 0, y: 0, width: 600, height: 800 }),
-}));
-
-jest.mock("@gorhom/portal", () => ({
-  Portal: ({ children }) => children,
-  PortalHost: () => null,
-}));
-
-jest.mock("react-native-keyboard-aware-scroll-view", () => {
-  const KeyboardAwareScrollView = require("react-native").ScrollView;
-  const KeyboardAwareFlatList = require("react-native").FlatList;
-
-  return { KeyboardAwareScrollView, KeyboardAwareFlatList };
-});
-
-jest.mock("@lookiero/user-tracking-front", () => ({
-  emitUserEvent: jest.fn(),
-}));
-
-beforeAll(() => {
-  jest.useFakeTimers();
-});
-
-afterAll(() => {
-  jest.runOnlyPendingTimers();
-  jest.useRealTimers();
-});
+import "@lookiero/sty-psp-jest-config/jest.setup.expo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "12.27.0-beta.0",
+  "version": "12.28.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -19,27 +19,28 @@
     "eas:all": "eas build -p all -e test"
   },
   "dependencies": {
+    "@expo/metro-runtime": "^5.0.5",
     "@lookiero/messaging": "^8.1.1",
     "@lookiero/messaging-react": "^8.1.1",
     "@lookiero/sty-psp-ab-testing": "^0.4",
-    "@lookiero/sty-psp-expo-config": "^1.1",
+    "@lookiero/sty-psp-expo-config": "^2.0",
     "@lookiero/sty-psp-http": "^2.1",
     "@lookiero/sty-psp-i18n": "^1.5",
     "@lookiero/sty-psp-locale": "^2.1",
-    "@lookiero/sty-psp-logging": "^2.1",
-    "@lookiero/sty-psp-notifications": "^2.12",
-    "@lookiero/sty-psp-react-native": "^1.0",
+    "@lookiero/sty-psp-logging": "^2.2",
+    "@lookiero/sty-psp-notifications": "^2.13",
+    "@lookiero/sty-psp-react-native": "^2.0",
     "@lookiero/sty-psp-segment": "^0.1",
-    "@lookiero/sty-psp-storage": "^0.2",
-    "@lookiero/sty-psp-tracking": "^2.3",
-    "@lookiero/sty-psp-ui-settings": "^1.3",
-    "@lookiero/sty-psp-ui": "^3.2",
+    "@lookiero/sty-psp-storage": "^1.0",
+    "@lookiero/sty-psp-tracking": "^2.4",
+    "@lookiero/sty-psp-ui": "^3.3",
+    "@lookiero/sty-psp-ui-settings": "^1.4",
     "@lookiero/sty-psp-units": "^0.1",
     "@lookiero/sty-psp-uuid": "^0.2",
     "@lookiero/sty-sp-tradename": "^1.0",
     "@sentry/react-native": "^7.3.0",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
-    "react-native-svg": "15.8.0",
+    "react-native-svg": "15.11.2",
     "tiny-invariant": "^1.3.1"
   },
   "devDependencies": {
@@ -51,7 +52,7 @@
     "@lookiero/sty-psp-prettier-config": "*",
     "@lookiero/sty-psp-scripts": "*",
     "@lookiero/sty-psp-typescript": "*",
-    "@react-native-async-storage/async-storage": "1.23.1",
+    "@react-native-async-storage/async-storage": "2.1.2",
     "@react-native/assets-registry": "^0.79.2",
     "@remix-run/router": ">=1.10",
     "@testing-library/react-native": ">=13",
@@ -63,11 +64,10 @@
     "http-proxy-middleware": "^2.0.9",
     "jest-mock-extended": ">=3",
     "jest-when": ">=3",
-    "metro": "^0.81.0",
-    "react-native-gesture-handler": "~2.20.2",
+    "react-native-gesture-handler": "~2.24.0",
     "react-native-get-random-values": "~1.11.0",
-    "react-native-reanimated": "~3.16.1",
-    "react-native-safe-area-context": "4.12.0"
+    "react-native-reanimated": "~3.17.4",
+    "react-native-safe-area-context": "5.4.0"
   },
   "peerDependencies": {
     "@gorhom/portal": ">=1.0",
@@ -78,14 +78,14 @@
     "@lookiero/i18n-react": ">=3",
     "@lookiero/payments-front": ">=9",
     "apollo-boost": "0.4.4",
-    "expo": ">=52",
+    "expo": ">=53",
     "expo-font": ">=12",
-    "react": ">=18",
+    "react": ">=19",
     "react-native": ">=0.76",
-    "react-native-gesture-handler": ">=2.20",
+    "react-native-gesture-handler": ">=2.24",
     "react-native-get-random-values": ">=1.11",
-    "react-native-reanimated": ">=3.16",
-    "react-native-safe-area-context": ">=4.12",
+    "react-native-reanimated": ">=3.17",
+    "react-native-safe-area-context": ">=5.4",
     "react-router-dom": ">=6.14",
     "react-router-native": ">=6.14",
     "uuid": ">=9"

package/src/Expo.tsx

@@ -1,9 +1,6 @@
 import "@expo/metro-runtime";
 import { registerRootComponent } from "expo";
-import { enableLegacyWebImplementation } from "react-native-gesture-handler";
 import "react-native-get-random-values";
 import { ExpoRoot } from "./ExpoRoot";
 
-enableLegacyWebImplementation(true);
-
 registerRootComponent(ExpoRoot);

package/src/ExpoRoot.tsx

@@ -25,7 +25,7 @@ import { OrderProjection } from "./projection/order/order";
 import { SubscriptionProjection } from "./projection/subscription/subscription";
 import { RELEASE } from "./version";
 
-const tradename = Tradename.OUTFITTERY;
+const tradename = Tradename.LOOKIERO;
 const theme = themeByTradename({ tradename });
 const locale: Locale = Locale.es_ES;
 
@@ -37,7 +37,7 @@ const order: OrderProjection = {
 };
 
 const customer: Customer = {
-  customerId: "f943ae75-bffb-4b14-b418-e8c79da41dde",
+  customerId: "0004a049-fef6-4bac-a45d-b3a904b4ee4b",
   country: Country.ES,
   segment: Segment.WOMEN,
   email: "email@example.com",
@@ -62,7 +62,7 @@ const apiUrl =
         : "http://localhost:3004/local-to-dev"
       : "/checkout/api";
 const authToken =
-  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjEzNDQzMjA4LCJleHAiOjE3NjQzNDQwNjUsImRpc3BsYXlOYW1lIjoiQWxleGFuZGVyIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjUtMTAtMjciLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiZjk0M2FlNzUtYmZmYi00YjE0LWI0MTgtZThjNzlkYTQxZGRlIiwidHJhZGVuYW1lIjoiT1VURklUVEVSWSIsImlhdCI6MTc2MTY2NTY2NX0.ACQlI_HmEytLQCWNLXPStOwNdrOKjU9IHW4ezrHoquc";
+  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjIyMDgzMTMsImV4cCI6MTc2NTk4NzE0MywiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiTkwiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjAtMTAtMDEiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiMDAwNGEwNDktZmVmNi00YmFjLWE0NWQtYjNhOTA0YjRlZTRiIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJpYXQiOjE3NjMzOTUxNDN9.X3UQ0NSow2zu76ROCm4pl2cwTkDTOhHOaQT9N8zcqdg";
 const getAuthToken = () => Promise.resolve(authToken);
 
 const externalTranslationsUrl =

package/src/infrastructure/ui/components/layouts/body/__snapshots__/Body.test.tsx.snap

@@ -33,6 +33,7 @@ exports[`Body layout matches the snapshot for a small screen: small 1`] = `
     style={
       [
         {
+          "alignContent": "center",
           "alignItems": "center",
           "flexBasis": "auto",
           "flexWrap": "wrap",
@@ -104,6 +105,7 @@ exports[`Body layout matches the snapshot for the default screen: default 1`] =
     style={
       [
         {
+          "alignContent": "center",
           "alignItems": "center",
           "flexBasis": "auto",
           "flexWrap": "wrap",

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

@@ -5,6 +5,7 @@ import { QueryStatus } from "@lookiero/messaging-react";
 import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
 import { DummyLayout } from "@lookiero/sty-psp-ui";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import { Customer } from "../../../../projection/customer/customer";
 import { OrderProjection } from "../../../../projection/order/order";
@@ -27,6 +28,7 @@ const mockCustomer: Customer = {
   customerId,
   country,
   segment,
+  migrated: false,
 } as Customer;
 const mockCheckout = checkout({
   items: [
@@ -54,8 +56,9 @@ jest.mock("../../hooks/useCheckoutFlow", () => ({
   useCheckoutFlow: () => [mockCheckoutFlow, mockStatus, mockPaymentFlowComponent],
 }));
 
+const mockTradename = Tradename.LOOKIERO;
 jest.mock("../../hooks/useStaticInfo", () => ({
-  useStaticInfo: () => ({ customer: mockCustomer, basePath }),
+  useStaticInfo: () => ({ customer: mockCustomer, basePath, tradename: mockTradename }),
 }));
 // eslint-disable-next-line @typescript-eslint/naming-convention
 jest.mock("./components/paymentInstrument/PaymentInstrument", () => ({ PaymentInstrument: () => null }));

package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/__snapshots__/GetOutOfCheckoutModal.test.tsx.snap

@@ -88,6 +88,7 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
       style={
         [
           {
+            "alignContent": "center",
             "alignItems": "center",
             "flexBasis": "auto",
             "flexWrap": "wrap",
@@ -327,15 +328,19 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
                     collapsable={false}
                     pointerEvents="none"
                     style={
-                      {
-                        "backgroundColor": "#716A6B",
-                        "height": "300%",
-                        "left": 0,
-                        "opacity": 0.7,
-                        "position": "absolute",
-                        "top": 0,
-                        "width": "0%",
-                      }
+                      [
+                        {
+                          "backgroundColor": "#716A6B",
+                          "height": "300%",
+                          "left": 0,
+                          "opacity": 0.7,
+                          "position": "absolute",
+                          "top": 0,
+                        },
+                        {
+                          "width": "0%",
+                        },
+                      ]
                     }
                   />
                   <View
@@ -495,15 +500,19 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
                     collapsable={false}
                     pointerEvents="none"
                     style={
-                      {
-                        "backgroundColor": "#B7B3B3",
-                        "height": "300%",
-                        "left": 0,
-                        "opacity": 0.7,
-                        "position": "absolute",
-                        "top": 0,
-                        "width": "0%",
-                      }
+                      [
+                        {
+                          "backgroundColor": "#B7B3B3",
+                          "height": "300%",
+                          "left": 0,
+                          "opacity": 0.7,
+                          "position": "absolute",
+                          "top": 0,
+                        },
+                        {
+                          "width": "0%",
+                        },
+                      ]
                     }
                   />
                   <View

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

@@ -62,6 +62,7 @@ exports[`ItemActions component matches the snapshot 1`] = `
       style={
         [
           {
+            "alignContent": "center",
             "alignItems": "center",
             "flexBasis": "auto",
             "flexWrap": "wrap",
@@ -225,15 +226,19 @@ exports[`ItemActions component matches the snapshot 1`] = `
                 collapsable={false}
                 pointerEvents="none"
                 style={
-                  {
-                    "backgroundColor": "#B7B3B3",
-                    "height": 48,
-                    "left": 0,
-                    "opacity": 0.7,
-                    "position": "absolute",
-                    "top": 0,
-                    "width": "0%",
-                  }
+                  [
+                    {
+                      "backgroundColor": "#B7B3B3",
+                      "height": 48,
+                      "left": 0,
+                      "opacity": 0.7,
+                      "position": "absolute",
+                      "top": 0,
+                    },
+                    {
+                      "width": "0%",
+                    },
+                  ]
                 }
               />
               <View
@@ -393,15 +398,19 @@ exports[`ItemActions component matches the snapshot 1`] = `
                 collapsable={false}
                 pointerEvents="none"
                 style={
-                  {
-                    "backgroundColor": "#B7B3B3",
-                    "height": 48,
-                    "left": 0,
-                    "opacity": 0.7,
-                    "position": "absolute",
-                    "top": 0,
-                    "width": "0%",
-                  }
+                  [
+                    {
+                      "backgroundColor": "#B7B3B3",
+                      "height": 48,
+                      "left": 0,
+                      "opacity": 0.7,
+                      "position": "absolute",
+                      "top": 0,
+                    },
+                    {
+                      "width": "0%",
+                    },
+                  ]
                 }
               />
               <View
@@ -554,15 +563,19 @@ exports[`ItemActions component matches the snapshot 1`] = `
               collapsable={false}
               pointerEvents="none"
               style={
-                {
-                  "backgroundColor": "#716A6B",
-                  "height": 48,
-                  "left": 0,
-                  "opacity": 0.7,
-                  "position": "absolute",
-                  "top": 0,
-                  "width": "0%",
-                }
+                [
+                  {
+                    "backgroundColor": "#716A6B",
+                    "height": 48,
+                    "left": 0,
+                    "opacity": 0.7,
+                    "position": "absolute",
+                    "top": 0,
+                  },
+                  {
+                    "width": "0%",
+                  },
+                ]
               }
             />
             <View
@@ -662,6 +675,7 @@ exports[`ItemActions component matches the snapshot 1`] = `
         style={
           [
             {
+              "alignContent": "center",
               "alignItems": "center",
               "flexBasis": "auto",
               "flexWrap": "wrap",

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

@@ -88,8 +88,6 @@ const ProductVariantSlider: FC<ProductVariantSlider> = ({ producVariantMedia, on
     [],
   );
 
-  console.log({ producVariantMedia });
-
   return (
     <Carousel
       activeIndex={activeIndex}

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

@@ -156,16 +156,20 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                           collapsable={false}
                           duration={1200}
                           style={
-                            {
-                              "height": "100%",
-                              "left": 0,
-                              "transform": [
-                                {
-                                  "translateX": -375,
-                                },
-                              ],
-                              "width": "100%",
-                            }
+                            [
+                              {
+                                "height": "100%",
+                                "width": "100%",
+                              },
+                              {
+                                "left": 0,
+                                "transform": [
+                                  {
+                                    "translateX": -375,
+                                  },
+                                ],
+                              },
+                            ]
                           }
                         >
                           <ViewManagerAdapter_ExpoLinearGradient
@@ -313,16 +317,20 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                           collapsable={false}
                           duration={1200}
                           style={
-                            {
-                              "height": "100%",
-                              "left": 0,
-                              "transform": [
-                                {
-                                  "translateX": -375,
-                                },
-                              ],
-                              "width": "100%",
-                            }
+                            [
+                              {
+                                "height": "100%",
+                                "width": "100%",
+                              },
+                              {
+                                "left": 0,
+                                "transform": [
+                                  {
+                                    "translateX": -375,
+                                  },
+                                ],
+                              },
+                            ]
                           }
                         >
                           <ViewManagerAdapter_ExpoLinearGradient

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

@@ -88,6 +88,7 @@ exports[`SelectField component matches the snapshot 1`] = `
       style={
         [
           {
+            "alignContent": "center",
             "alignItems": "center",
             "flexBasis": "auto",
             "flexWrap": "wrap",

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

@@ -88,6 +88,7 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
       style={
         [
           {
+            "alignContent": "center",
             "alignItems": "center",
             "flexBasis": "auto",
             "flexWrap": "wrap",
@@ -408,15 +409,19 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
                     collapsable={false}
                     pointerEvents="none"
                     style={
-                      {
-                        "backgroundColor": "#716A6B",
-                        "height": "300%",
-                        "left": 0,
-                        "opacity": 0.7,
-                        "position": "absolute",
-                        "top": 0,
-                        "width": "0%",
-                      }
+                      [
+                        {
+                          "backgroundColor": "#716A6B",
+                          "height": "300%",
+                          "left": 0,
+                          "opacity": 0.7,
+                          "position": "absolute",
+                          "top": 0,
+                        },
+                        {
+                          "width": "0%",
+                        },
+                      ]
                     }
                   />
                   <View

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

@@ -167,16 +167,20 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                             collapsable={false}
                             duration={1200}
                             style={
-                              {
-                                "height": "100%",
-                                "left": 0,
-                                "transform": [
-                                  {
-                                    "translateX": -375,
-                                  },
-                                ],
-                                "width": "100%",
-                              }
+                              [
+                                {
+                                  "height": "100%",
+                                  "width": "100%",
+                                },
+                                {
+                                  "left": 0,
+                                  "transform": [
+                                    {
+                                      "translateX": -375,
+                                    },
+                                  ],
+                                },
+                              ]
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient
@@ -324,16 +328,20 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                             collapsable={false}
                             duration={1200}
                             style={
-                              {
-                                "height": "100%",
-                                "left": 0,
-                                "transform": [
-                                  {
-                                    "translateX": -375,
-                                  },
-                                ],
-                                "width": "100%",
-                              }
+                              [
+                                {
+                                  "height": "100%",
+                                  "width": "100%",
+                                },
+                                {
+                                  "left": 0,
+                                  "transform": [
+                                    {
+                                      "translateX": -375,
+                                    },
+                                  ],
+                                },
+                              ]
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient
@@ -853,16 +861,20 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                             collapsable={false}
                             duration={1200}
                             style={
-                              {
-                                "height": "100%",
-                                "left": 0,
-                                "transform": [
-                                  {
-                                    "translateX": -375,
-                                  },
-                                ],
-                                "width": "100%",
-                              }
+                              [
+                                {
+                                  "height": "100%",
+                                  "width": "100%",
+                                },
+                                {
+                                  "left": 0,
+                                  "transform": [
+                                    {
+                                      "translateX": -375,
+                                    },
+                                  ],
+                                },
+                              ]
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient
@@ -1010,16 +1022,20 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                             collapsable={false}
                             duration={1200}
                             style={
-                              {
-                                "height": "100%",
-                                "left": 0,
-                                "transform": [
-                                  {
-                                    "translateX": -375,
-                                  },
-                                ],
-                                "width": "100%",
-                              }
+                              [
+                                {
+                                  "height": "100%",
+                                  "width": "100%",
+                                },
+                                {
+                                  "left": 0,
+                                  "transform": [
+                                    {
+                                      "translateX": -375,
+                                    },
+                                  ],
+                                },
+                              ]
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient
@@ -1539,16 +1555,20 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                             collapsable={false}
                             duration={1200}
                             style={
-                              {
-                                "height": "100%",
-                                "left": 0,
-                                "transform": [
-                                  {
-                                    "translateX": -375,
-                                  },
-                                ],
-                                "width": "100%",
-                              }
+                              [
+                                {
+                                  "height": "100%",
+                                  "width": "100%",
+                                },
+                                {
+                                  "left": 0,
+                                  "transform": [
+                                    {
+                                      "translateX": -375,
+                                    },
+                                  ],
+                                },
+                              ]
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient
@@ -1696,16 +1716,20 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                             collapsable={false}
                             duration={1200}
                             style={
-                              {
-                                "height": "100%",
-                                "left": 0,
-                                "transform": [
-                                  {
-                                    "translateX": -375,
-                                  },
-                                ],
-                                "width": "100%",
-                              }
+                              [
+                                {
+                                  "height": "100%",
+                                  "width": "100%",
+                                },
+                                {
+                                  "left": 0,
+                                  "transform": [
+                                    {
+                                      "translateX": -375,
+                                    },
+                                  ],
+                                },
+                              ]
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient

package/src/infrastructure/ui/views/return/components/productVariantPreview/__snapshots__/ProductVariantPreview.test.tsx.snap

@@ -49,6 +49,7 @@ exports[`ProductVariantPreview matches the snapshot 1`] = `
       style={
         [
           {
+            "alignContent": "center",
             "alignItems": "center",
             "flexBasis": "auto",
             "flexWrap": "wrap",

package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap

@@ -129,16 +129,20 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
                 collapsable={false}
                 duration={1200}
                 style={
-                  {
-                    "height": "100%",
-                    "left": 0,
-                    "transform": [
-                      {
-                        "translateX": -375,
-                      },
-                    ],
-                    "width": "100%",
-                  }
+                  [
+                    {
+                      "height": "100%",
+                      "width": "100%",
+                    },
+                    {
+                      "left": 0,
+                      "transform": [
+                        {
+                          "translateX": -375,
+                        },
+                      ],
+                    },
+                  ]
                 }
               >
                 <ViewManagerAdapter_ExpoLinearGradient
@@ -485,16 +489,20 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
                 collapsable={false}
                 duration={1200}
                 style={
-                  {
-                    "height": "100%",
-                    "left": 0,
-                    "transform": [
-                      {
-                        "translateX": -375,
-                      },
-                    ],
-                    "width": "100%",
-                  }
+                  [
+                    {
+                      "height": "100%",
+                      "width": "100%",
+                    },
+                    {
+                      "left": 0,
+                      "transform": [
+                        {
+                          "translateX": -375,
+                        },
+                      ],
+                    },
+                  ]
                 }
               >
                 <ViewManagerAdapter_ExpoLinearGradient

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

@@ -5,6 +5,7 @@ import { QueryStatus } from "@lookiero/messaging-react";
 import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
 import { DummyLayout } from "@lookiero/sty-psp-ui";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import { Customer } from "../../../../projection/customer/customer";
 import { checkout } from "../../../projection/checkout/checkout.mock";
@@ -32,10 +33,12 @@ const mockCustomer: Customer = {
   customerId,
   country,
   segment,
+  migrated: false,
 } as Customer;
 
+const mockTradename = Tradename.LOOKIERO;
 jest.mock("../../hooks/useStaticInfo", () => ({
-  useStaticInfo: () => ({ customer: mockCustomer }),
+  useStaticInfo: () => ({ customer: mockCustomer, tradename: mockTradename }),
 }));
 
 jest.mock("../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId");

package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.test.tsx

@@ -1,5 +1,6 @@
 import { RenderResult, fireEvent } from "@testing-library/react-native";
 import React from "react";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 import { pricing as pricingFunction } from "../../../../../projection/pricing/pricing.mock";
 import { I18nMessages } from "../../../../i18n/i18n";
@@ -28,9 +29,11 @@ const renderPricing: RenderPricingFunction = ({
     <CollapsiblePricing
       collapsed={collapsed}
       collapsible={collapsible}
+      migrated={false}
       pricing={pricing}
       submitButtonText={I18nMessages.SUMMARY_SUBMIT_BUTTON}
       totalCheckoutItemsKept={3}
+      tradename={Tradename.LOOKIERO}
       onPress={mockOnPress}
       onSubmit={mockOnSubmit}
     />,

package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap

@@ -296,15 +296,19 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
             collapsable={false}
             pointerEvents="none"
             style={
-              {
-                "backgroundColor": "#716A6B",
-                "height": 48,
-                "left": 0,
-                "opacity": 0.7,
-                "position": "absolute",
-                "top": 0,
-                "width": "0%",
-              }
+              [
+                {
+                  "backgroundColor": "#716A6B",
+                  "height": 48,
+                  "left": 0,
+                  "opacity": 0.7,
+                  "position": "absolute",
+                  "top": 0,
+                },
+                {
+                  "width": "0%",
+                },
+              ]
             }
           />
           <View
@@ -644,15 +648,19 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
             collapsable={false}
             pointerEvents="none"
             style={
-              {
-                "backgroundColor": "#716A6B",
-                "height": 48,
-                "left": 0,
-                "opacity": 0.7,
-                "position": "absolute",
-                "top": 0,
-                "width": "0%",
-              }
+              [
+                {
+                  "backgroundColor": "#716A6B",
+                  "height": 48,
+                  "left": 0,
+                  "opacity": 0.7,
+                  "position": "absolute",
+                  "top": 0,
+                },
+                {
+                  "width": "0%",
+                },
+              ]
             }
           />
           <View

package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap

@@ -400,16 +400,20 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 collapsable={false}
                                 duration={1200}
                                 style={
-                                  {
-                                    "height": "100%",
-                                    "left": 0,
-                                    "transform": [
-                                      {
-                                        "translateX": -375,
-                                      },
-                                    ],
-                                    "width": "100%",
-                                  }
+                                  [
+                                    {
+                                      "height": "100%",
+                                      "width": "100%",
+                                    },
+                                    {
+                                      "left": 0,
+                                      "transform": [
+                                        {
+                                          "translateX": -375,
+                                        },
+                                      ],
+                                    },
+                                  ]
                                 }
                               >
                                 <ViewManagerAdapter_ExpoLinearGradient
@@ -728,16 +732,20 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 collapsable={false}
                                 duration={1200}
                                 style={
-                                  {
-                                    "height": "100%",
-                                    "left": 0,
-                                    "transform": [
-                                      {
-                                        "translateX": -375,
-                                      },
-                                    ],
-                                    "width": "100%",
-                                  }
+                                  [
+                                    {
+                                      "height": "100%",
+                                      "width": "100%",
+                                    },
+                                    {
+                                      "left": 0,
+                                      "transform": [
+                                        {
+                                          "translateX": -375,
+                                        },
+                                      ],
+                                    },
+                                  ]
                                 }
                               >
                                 <ViewManagerAdapter_ExpoLinearGradient
@@ -1104,16 +1112,20 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 collapsable={false}
                                 duration={1200}
                                 style={
-                                  {
-                                    "height": "100%",
-                                    "left": 0,
-                                    "transform": [
-                                      {
-                                        "translateX": -375,
-                                      },
-                                    ],
-                                    "width": "100%",
-                                  }
+                                  [
+                                    {
+                                      "height": "100%",
+                                      "width": "100%",
+                                    },
+                                    {
+                                      "left": 0,
+                                      "transform": [
+                                        {
+                                          "translateX": -375,
+                                        },
+                                      ],
+                                    },
+                                  ]
                                 }
                               >
                                 <ViewManagerAdapter_ExpoLinearGradient
@@ -1432,16 +1444,20 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 collapsable={false}
                                 duration={1200}
                                 style={
-                                  {
-                                    "height": "100%",
-                                    "left": 0,
-                                    "transform": [
-                                      {
-                                        "translateX": -375,
-                                      },
-                                    ],
-                                    "width": "100%",
-                                  }
+                                  [
+                                    {
+                                      "height": "100%",
+                                      "width": "100%",
+                                    },
+                                    {
+                                      "left": 0,
+                                      "transform": [
+                                        {
+                                          "translateX": -375,
+                                        },
+                                      ],
+                                    },
+                                  ]
                                 }
                               >
                                 <ViewManagerAdapter_ExpoLinearGradient