@lookiero/checkout 14.8.5 → 15.0.1

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

@@ -1,7 +1,7 @@
 import { PortalHost } from "@gorhom/portal";
 import React, { useCallback, useMemo } from "react";
 import { Platform, View } from "react-native";
-import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
+import { KeyboardAwareScrollView } from "react-native-keyboard-controller";
 import { generatePath, useNavigate } from "react-router-native";
 import { Box, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
@@ -111,7 +111,7 @@ const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout,
                 header: style.header,
             } },
             React.createElement(ProductVariantPreview, { country: country, item: checkoutItem }),
-            React.createElement(KeyboardAwareScrollView, { extraScrollHeight: Platform.OS === "android" ? 10 : 120, keyboardShouldPersistTaps: "handled", showsVerticalScrollIndicator: false, testID: "return-questions-form" },
+            React.createElement(KeyboardAwareScrollView, { bottomOffset: Platform.OS === "android" ? 10 : 120, keyboardShouldPersistTaps: "handled", showsVerticalScrollIndicator: false, testID: "return-questions-form" },
                 React.createElement(View, { style: style.background },
                     React.createElement(AuroraLayout, { fullWidth: !isDektopScreen, style: [style.layout, isDektopScreen ? style.desktopLayoutSpacing : undefined] },
                         React.createElement(Box, { size: { L: "2/3" } },

package/dist/src/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "14.8.5";
-export declare const RELEASE = "checkout@14.8.5";
+export declare const VERSION = "15.0.1";
+export declare const RELEASE = "checkout@15.0.1";

package/dist/src/version.js

@@ -1,2 +1,2 @@
-export const VERSION = "14.8.5";
-export const RELEASE = "checkout@14.8.5";
+export const VERSION = "15.0.1";
+export const RELEASE = "checkout@15.0.1";

package/metro.config.js

@@ -1,26 +1,20 @@
 // Learn more https://docs.expo.io/guides/customizing-metro
-const { getDefaultConfig } = require("expo/metro-config");
-const path = require('path');
-
-const {
-  withSentryConfig
-} = require("@sentry/react-native/metro");
+const { getSentryExpoConfig } = require("@sentry/react-native/metro");
+const path = require("path");
 
 // Find the project and workspace directories
 const projectRoot = __dirname;
 // This can be replaced with `find-yarn-workspace-root`
-const monorepoRoot = path.resolve(projectRoot, '../..');
+const monorepoRoot = path.resolve(projectRoot, "../..");
 
-const config = getDefaultConfig(__dirname);
+const config = getSentryExpoConfig(__dirname);
 
 // 1. Watch all files within the monorepo
-config.watchFolders = [monorepoRoot];
+config.watchFolders = [...config.watchFolders, projectRoot, monorepoRoot];
 // 2. Let Metro know where to resolve packages and in what order
 config.resolver.nodeModulesPaths = [
-  path.resolve(projectRoot, 'node_modules'),
-  path.resolve(monorepoRoot, 'node_modules'),
+  path.resolve(projectRoot, "node_modules"),
+  path.resolve(monorepoRoot, "node_modules"),
 ];
 
-config.resolver.disableHierarchicalLookup = true;
-
-module.exports = withSentryConfig(config);
+module.exports = config;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "14.8.5",
+  "version": "15.0.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -19,28 +19,32 @@
     "eas:all": "eas build -p all -e test"
   },
   "dependencies": {
-    "@expo/metro-runtime": "^5.0.5",
+    "@expo/metro-runtime": "~6.1.2",
     "@lookiero/messaging": "^8.1.1",
     "@lookiero/messaging-react": "^8.1.1",
     "@lookiero/sty-psp-ab-testing": "^0.4",
-    "@lookiero/sty-psp-expo-config": "^2.0",
+    "@lookiero/sty-psp-expo-config": "^3.0",
     "@lookiero/sty-psp-http": "^2.1",
     "@lookiero/sty-psp-i18n": "^2.1",
     "@lookiero/sty-psp-locale": "^2.1",
-    "@lookiero/sty-psp-logging": "^2.2",
-    "@lookiero/sty-psp-notifications": "^2.21",
-    "@lookiero/sty-psp-react-native": "^2.0",
+    "@lookiero/sty-psp-logging": "^2.3",
+    "@lookiero/sty-psp-notifications": "^2.22",
+    "@lookiero/sty-psp-react-native": "^3.0",
     "@lookiero/sty-psp-segment": "^0.1",
     "@lookiero/sty-psp-storage": "^1.1",
-    "@lookiero/sty-psp-tracking": "^2.4",
-    "@lookiero/sty-psp-ui": "^4.0",
-    "@lookiero/sty-psp-ui-settings": "^1.6",
+    "@lookiero/sty-psp-tracking": "^2.5",
+    "@lookiero/sty-psp-ui": "^5.1",
+    "@lookiero/sty-psp-ui-settings": "^1.7",
     "@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.11.2",
+    "@sentry/react-native": "~7.2.0",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-keyboard-controller": "~1.18.5",
+    "react-native-reanimated": "~4.1.1",
+    "react-native-svg": "15.12.1",
+    "react-native-worklets": "0.5.1",
     "tiny-invariant": "^1.3.1"
   },
   "devDependencies": {
@@ -52,7 +56,7 @@
     "@lookiero/sty-psp-prettier-config": "*",
     "@lookiero/sty-psp-scripts": "*",
     "@lookiero/sty-psp-typescript": "*",
-    "@react-native-async-storage/async-storage": "2.1.2",
+    "@react-native-async-storage/async-storage": "2.2.0",
     "@react-native/assets-registry": "^0.79.2",
     "@remix-run/router": ">=1.10",
     "@testing-library/react-native": ">=13",
@@ -66,10 +70,9 @@
     "http-proxy-middleware": "^2.0.9",
     "jest-mock-extended": ">=3",
     "jest-when": ">=3",
-    "react-native-gesture-handler": "~2.24.0",
+    "react-native-gesture-handler": "~2.28.0",
     "react-native-get-random-values": "~1.11.0",
-    "react-native-reanimated": "~3.17.4",
-    "react-native-safe-area-context": "5.4.0",
+    "react-native-safe-area-context": "~5.6.0",
     "react-router-dom": "6.30.3",
     "react-router-native": "6.30.3"
   },
@@ -82,13 +85,13 @@
     "@lookiero/i18n-react": ">=3",
     "@lookiero/payments-front": ">=9",
     "apollo-boost": "0.4.4",
-    "expo": ">=53",
+    "expo": ">=54",
     "expo-font": ">=12",
     "react": ">=19",
-    "react-native": ">=0.76",
+    "react-native": ">=0.81",
     "react-native-gesture-handler": ">=2.24",
     "react-native-get-random-values": ">=1.11",
-    "react-native-reanimated": ">=3.17",
+    "react-native-reanimated": ">=4",
     "react-native-safe-area-context": ">=5.4",
     "react-router-dom": ">=6.14",
     "react-router-native": ">=6.14",

package/src/infrastructure/domain/checkoutItem/react/useReturnCheckoutItem.test.ts

@@ -9,9 +9,11 @@ import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { useReturnCheckoutItem as sut } from "./useReturnCheckoutItem";
 
 const mockCreateToastNotification = jest.fn();
+const mockClearNotifications = jest.fn();
 jest.mock("@lookiero/sty-psp-notifications", () => ({
   ...jest.requireActual("@lookiero/sty-psp-notifications"),
   useCreateToastNotification: () => [mockCreateToastNotification],
+  useClearNotifications: () => [mockClearNotifications],
 }));
 
 const checkoutItemId = "6248e14a-a269-4259-838b-39f493f30769";
@@ -38,7 +40,21 @@ const { Component: Messaging } = bootstrap({ id: MESSAGING_CONTEXT_ID })
   .command(RETURN_CHECKOUT_ITEM, mockReturnCheckoutItemHandler, {})(get, save)
   .build();
 
+beforeAll(() => {
+  jest.useFakeTimers();
+});
+
+afterAll(() => {
+  jest.useRealTimers();
+});
+
 describe("useReturnCheckoutItem integration hook", () => {
+  beforeEach(() => {
+    logger.captureException.mockClear();
+    mockCreateToastNotification.mockClear();
+    mockClearNotifications.mockClear();
+  });
+
   it("returns success as the status when 'return' succeeds", async () => {
     mockReturnCheckoutItemHandler.mockImplementation(() => () => ({ domainEvents: [] }));
     const { result } = renderHook(() => sut({ checkoutItemId, logger }), { wrapper: Messaging });

package/src/infrastructure/projection/checkoutFeedback/react/useViewCheckoutFeedbackDefinitionByCheckoutId.test.ts

@@ -22,6 +22,7 @@ const checkoutFeedbackDefinition: CheckoutFeedbackQuestionProjection[] = [
       {
         id: "01975911-d451-7651-b1ae-3f977928e8a2",
         type: CheckoutFeedbackQuestionType.HOST_TEXTAREA,
+        translationKey: "checkout.feedback.question.textarea",
         metadata: {
           showCondition: [],
         },

package/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestion.test.tsx

@@ -26,16 +26,19 @@ const checkoutQuestion: CheckoutFeedbackQuestionProjection = {
       id: "68c0bb98-b00a-4b86-af43-528fe903cb69",
       translationKey: "checkout.checkout_question.icon.bad",
       type: CheckoutFeedbackQuestionType.ICON,
+      metadata: { icon: "checkout_feedback.icon.bad" },
     },
     {
       id: "85e84a77-461c-41e6-8544-95b5294d0b80",
       translationKey: "checkout.checkout_question.icon.regular",
       type: CheckoutFeedbackQuestionType.ICON,
+      metadata: { icon: "checkout_feedback.icon.regular" },
     },
     {
       id: "29441d25-8d9f-471e-a13e-a03f61c88091",
       translationKey: "checkout.checkout_question.icon.good",
       type: CheckoutFeedbackQuestionType.ICON,
+      metadata: { icon: "checkout_feedback.icon.good" },
     },
   ],
 };

package/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestions.test.tsx

@@ -14,16 +14,19 @@ const checkoutQuestions: CheckoutFeedbackQuestionProjection[] = [
     id: "68c0bb98-b00a-4b86-af43-528fe903cb69",
     translationKey: "checkout.checkout_question.icon.bad",
     type: CheckoutFeedbackQuestionType.ICON,
+    metadata: { icon: "checkout_feedback.icon.bad" },
   },
   {
     id: "85e84a77-461c-41e6-8544-95b5294d0b80",
     translationKey: "checkout.checkout_question.icon.regular",
     type: CheckoutFeedbackQuestionType.ICON,
+    metadata: { icon: "checkout_feedback.icon.regular" },
   },
   {
     id: "29441d25-8d9f-471e-a13e-a03f61c88091",
     translationKey: "checkout.checkout_question.icon.good",
     type: CheckoutFeedbackQuestionType.ICON,
+    metadata: { icon: "checkout_feedback.icon.good" },
   },
 ];
 

package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.test.tsx

@@ -19,16 +19,19 @@ const checkoutQuestion: CheckoutFeedbackQuestionProjection = {
       id: "68c0bb98-b00a-4b86-af43-528fe903cb69",
       translationKey: "checkout.checkout_question.icon.bad",
       type: CheckoutFeedbackQuestionType.ICON,
+      metadata: { icon: "checkout_feedback.icon.bad" },
     },
     {
       id: "85e84a77-461c-41e6-8544-95b5294d0b80",
       translationKey: "checkout.checkout_question.icon.regular",
       type: CheckoutFeedbackQuestionType.ICON,
+      metadata: { icon: "checkout_feedback.icon.regular" },
     },
     {
       id: "29441d25-8d9f-471e-a13e-a03f61c88091",
       translationKey: "checkout.checkout_question.icon.good",
       type: CheckoutFeedbackQuestionType.ICON,
+      metadata: { icon: "checkout_feedback.icon.good" },
     },
   ],
 };
@@ -47,7 +50,7 @@ describe("HostSelectCheckoutQuestionItem component (CheckoutQuestions organism)"
   it("renders correctly", async () => {
     const { getByText } = renderHostSelectCheckoutQuestionItem();
 
-    expect(getByText(checkoutQuestion.translationKey)).toBeTruthy();
+    expect(getByText(checkoutQuestion.translationKey!)).toBeTruthy();
     expect(getByText("HostSelectCheckoutQuestionItem children")).toBeTruthy();
   });
 });

package/src/infrastructure/ui/components/organisms/returnQuestions/ReturnQuestion.test.tsx

@@ -48,6 +48,7 @@ const returnQuestionItems: ReturnQuestionItems = {
   [ReturnQuestionType.HOST_TEXTAREA]: Item,
   [ReturnQuestionType.HOST_SELECT]: Item,
   [ReturnQuestionType.HOST_STACK]: Item,
+  [ReturnQuestionType.HOST_RADIO_GROUP]: Item,
   [ReturnQuestionType.OPTION]: Item,
   [ReturnQuestionType.TEXTAREA]: Item,
 };

package/src/infrastructure/ui/components/organisms/returnQuestions/ReturnQuestions.test.tsx

@@ -36,6 +36,7 @@ const returnQuestionItems: ReturnQuestionItems = {
   [ReturnQuestionType.HOST_TEXTAREA]: Item,
   [ReturnQuestionType.HOST_SELECT]: Item,
   [ReturnQuestionType.HOST_STACK]: Item,
+  [ReturnQuestionType.HOST_RADIO_GROUP]: Item,
   [ReturnQuestionType.OPTION]: Item,
   [ReturnQuestionType.TEXTAREA]: Item,
 };

package/src/infrastructure/ui/components/organisms/returnQuestions/behaviors/useReturnQuestionItem.test.tsx

@@ -14,6 +14,8 @@ const hostSelectText = "host select";
 const HostSelect: ReturnQuestionItem<ReturnQuestionType.HOST_SELECT> = () => <Text>{hostSelectText}</Text>;
 const hostStackText = "host stack";
 const HostStack: ReturnQuestionItem<ReturnQuestionType.HOST_STACK> = () => <Text>{hostStackText}</Text>;
+const hostRadioGroupText = "host radio group";
+const HostRadioGroup: ReturnQuestionItem<ReturnQuestionType.HOST_RADIO_GROUP> = () => <Text>{hostRadioGroupText}</Text>;
 const optionText = "option";
 const Option: ReturnQuestionItem<ReturnQuestionType.OPTION> = () => <Text>{optionText}</Text>;
 const textareaText = "textarea";
@@ -24,6 +26,7 @@ const returnQuestionItems: ReturnQuestionItems = {
   [ReturnQuestionType.HOST_TEXTAREA]: HostDefault,
   [ReturnQuestionType.HOST_SELECT]: HostSelect,
   [ReturnQuestionType.HOST_STACK]: HostStack,
+  [ReturnQuestionType.HOST_RADIO_GROUP]: HostRadioGroup,
   [ReturnQuestionType.OPTION]: Option,
   [ReturnQuestionType.TEXTAREA]: Textarea,
 };
@@ -33,6 +36,7 @@ const scenarios: [ReturnQuestionType, string][] = [
   [ReturnQuestionType.HOST_TEXTAREA, hostDefaultText],
   [ReturnQuestionType.HOST_SELECT, hostSelectText],
   [ReturnQuestionType.HOST_STACK, hostStackText],
+  [ReturnQuestionType.HOST_RADIO_GROUP, hostRadioGroupText],
   [ReturnQuestionType.OPTION, optionText],
   [ReturnQuestionType.TEXTAREA, textareaText],
 ];

package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem.test.tsx

@@ -44,7 +44,7 @@ describe("HostDefaultReturnQuestionItem component (ReturnQuestions organism)", (
       </HostDefaultReturnQuestionItem>,
     );
 
-    expect(getByText(returnQuestion.translationKey)).toBeTruthy();
+    expect(getByText(returnQuestion.translationKey!)).toBeTruthy();
     expect(getByText("HostDefaultReturnQuestionItem children")).toBeTruthy();
   });
 });

package/src/infrastructure/ui/components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem.test.tsx

@@ -68,7 +68,7 @@ describe("ReturnQuestionFeedbackItem component (ReturnQuestions organism)", () =
       />,
     );
 
-    expect(getByText(returnQuestion.translationKey)).toBeTruthy();
+    expect(getByText(returnQuestion.translationKey!)).toBeTruthy();
     expect(getByText("size_large / size_overall")).toBeTruthy();
   });
 
@@ -80,7 +80,7 @@ describe("ReturnQuestionFeedbackItem component (ReturnQuestions organism)", () =
       />,
     );
 
-    expect(getByText(returnQuestionUnanswered.translationKey)).toBeTruthy();
+    expect(getByText(returnQuestionUnanswered.translationKey!)).toBeTruthy();
     expect(getByText(I18nMessages.FEEDBACK_UNANSWERED)).toBeTruthy();
   });
 });

package/src/infrastructure/ui/hooks/useCheckoutFlow.test.tsx

@@ -7,8 +7,6 @@ import { Segment } from "@lookiero/sty-psp-segment";
 import { CheckoutItemStatus } from "../../../domain/checkoutItem/model/checkoutItem";
 import { CheckoutBookingProjection } from "../../../projection/checkoutBooking/checkoutBooking";
 import { Customer } from "../../../projection/customer/customer";
-import { OrderProjection } from "../../../projection/order/order";
-import { SubscriptionProjection } from "../../../projection/subscription/subscription";
 import { useSubmitCheckout } from "../../domain/checkout/react/useSubmitCheckout";
 import { checkout } from "../../projection/checkout/checkout.mock";
 import { useViewIsSizeChangeEnabledByCheckoutId } from "../../projection/checkout/react/useViewIsSizeChangeEnabledByCheckoutId";
@@ -32,13 +30,7 @@ const mockCheckout = checkout({
     { status: CheckoutItemStatus.RETURNED },
   ],
 });
-const order: OrderProjection = {
-  orderNumber: 12345,
-  isFirstOrder: false,
-  coupon: null,
-};
 const mockPricing = mockCheckoutPricingProjection;
-const subscription: SubscriptionProjection = "o";
 const customerId = "a8fff6d7-708c-41a7-b42a-58c5706d33df";
 const basePath = "/checkout";
 const country = Country.ES;
@@ -114,9 +106,7 @@ describe("useCheckoutFlow custom hook", () => {
       setTimeout(() => onSuccess(), 1000);
     });
 
-    const { result } = renderHook(() =>
-      sut({ checkout: mockCheckout, order, subscription, getAuthToken, onSuccess: mockOnSuccess }),
-    );
+    const { result } = renderHook(() => sut({ checkout: mockCheckout, getAuthToken, onSuccess: mockOnSuccess }));
 
     let checkoutFlow: () => void, status, paymentFlowComponent;
 
@@ -167,9 +157,7 @@ describe("useCheckoutFlow custom hook", () => {
       setTimeout(() => onError({ metadata: null }), 1000);
     });
 
-    const { result } = renderHook(() =>
-      sut({ checkout: mockCheckout, order, subscription, getAuthToken, onSuccess: mockOnSuccess }),
-    );
+    const { result } = renderHook(() => sut({ checkout: mockCheckout, getAuthToken, onSuccess: mockOnSuccess }));
 
     let checkoutFlow: () => void, status, paymentFlowComponent;
 

package/src/infrastructure/ui/routing/CheckoutMiddleware.test.tsx

@@ -98,6 +98,7 @@ const renderCheckoutMiddleware = ({
             basePath=""
             customer={{} as Customer}
             kameleoon={{} as KameleoonEnvironment}
+            migrated={false}
             tradename={Tradename.LOOKIERO}
           >
             <CheckoutMiddleware

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

@@ -8,8 +8,6 @@ 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";
-import { SubscriptionProjection } from "../../../../projection/subscription/subscription";
 import { checkout } from "../../../projection/checkout/checkout.mock";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { mockCheckoutPricingProjection } from "../../../projection/pricing/pricing.mock";
@@ -38,12 +36,6 @@ const mockCheckout = checkout({
     { status: CheckoutItemStatus.REPLACED },
   ],
 });
-const order: OrderProjection = {
-  orderNumber: 12345,
-  isFirstOrder: false,
-  coupon: null,
-};
-const subscription: SubscriptionProjection = "o";
 const mockUseRedirect = jest.fn(() => ({ returnUrl: "https://web2.dev.aws.lookiero.es/user/" }));
 
 const mockOnSuccess = jest.fn();
@@ -95,8 +87,6 @@ describe("Checkout view", () => {
       <Checkout
         getAuthToken={getAuthToken}
         layout={DummyLayout}
-        order={order}
-        subscription={subscription}
         useRedirect={mockUseRedirect}
         onCheckoutFlowSuccess={mockOnSuccess}
       />,
@@ -144,8 +134,6 @@ describe("Checkout view", () => {
       <Checkout
         getAuthToken={getAuthToken}
         layout={DummyLayout}
-        order={order}
-        subscription={subscription}
         useRedirect={mockUseRedirect}
         onCheckoutFlowSuccess={mockOnSuccess}
       />,

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

@@ -148,16 +148,7 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
           ]
         }
       >
-        <View
-          contentInset={
-            {
-              "bottom": 0,
-              "top": 0,
-            }
-          }
-          keyboardShouldPersistTaps="handled"
-          showsVerticalScrollIndicator={false}
-        >
+        <View>
           <View
             style={
               {

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

@@ -21,13 +21,14 @@ beforeAll(() => {
 });
 
 afterAll(() => {
-  jest.runOnlyPendingTimers();
   jest.useRealTimers();
 });
 
 describe("ProductVariantSlider", () => {
   test("matches the snapshot", async () => {
-    const { findByTestId, toJSON } = render(<ProductVariantSlider producVariantMedia={producVariantMedia} />);
+    const { findByTestId, toJSON } = render(
+      <ProductVariantSlider availableHeight={400} producVariantMedia={producVariantMedia} />,
+    );
 
     fireEvent(await findByTestId("carousel-layout"), "layout", {
       nativeEvent: { layout: { width: 300, height: 400 } },
@@ -38,7 +39,7 @@ describe("ProductVariantSlider", () => {
 
   test("renders correctly", async () => {
     const { findByTestId, findAllByTestId } = render(
-      <ProductVariantSlider producVariantMedia={producVariantMedia} onChanged={mockOnChanged} />,
+      <ProductVariantSlider availableHeight={400} producVariantMedia={producVariantMedia} onChanged={mockOnChanged} />,
     );
 
     fireEvent(await findByTestId("carousel-layout"), "layout", {

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

@@ -156,20 +156,16 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                           collapsable={false}
                           duration={1200}
                           style={
-                            [
-                              {
-                                "height": "100%",
-                                "width": "100%",
-                              },
-                              {
-                                "left": 0,
-                                "transform": [
-                                  {
-                                    "translateX": -375,
-                                  },
-                                ],
-                              },
-                            ]
+                            {
+                              "height": "100%",
+                              "left": 0,
+                              "transform": [
+                                {
+                                  "translateX": -375,
+                                },
+                              ],
+                              "width": "100%",
+                            }
                           }
                         >
                           <ViewManagerAdapter_ExpoLinearGradient
@@ -317,20 +313,16 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                           collapsable={false}
                           duration={1200}
                           style={
-                            [
-                              {
-                                "height": "100%",
-                                "width": "100%",
-                              },
-                              {
-                                "left": 0,
-                                "transform": [
-                                  {
-                                    "translateX": -375,
-                                  },
-                                ],
-                              },
-                            ]
+                            {
+                              "height": "100%",
+                              "left": 0,
+                              "transform": [
+                                {
+                                  "translateX": -375,
+                                },
+                              ],
+                              "width": "100%",
+                            }
                           }
                         >
                           <ViewManagerAdapter_ExpoLinearGradient
@@ -471,9 +463,9 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                   "marginHorizontal": 3,
                 },
                 {
-                  "height": 8,
-                  "opacity": 1,
-                  "width": 8,
+                  "height": 0,
+                  "opacity": 0,
+                  "width": 0,
                 },
                 {
                   "borderRadius": 8,
@@ -527,9 +519,9 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
                   "marginHorizontal": 3,
                 },
                 {
-                  "height": 8,
-                  "opacity": 0.3,
-                  "width": 8,
+                  "height": 0,
+                  "opacity": 0,
+                  "width": 0,
                 },
                 {
                   "borderRadius": 8,

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

@@ -236,16 +236,7 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
             </Text>
           </View>
         </View>
-        <View
-          contentInset={
-            {
-              "bottom": 0,
-              "top": 0,
-            }
-          }
-          keyboardShouldPersistTaps="handled"
-          showsVerticalScrollIndicator={false}
-        >
+        <View>
           <View
             style={
               {

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

@@ -50,6 +50,7 @@ const renderItemWithCustomerDecission: RenderItemWithCustomerDecissionFunction =
     <ItemWithCustomerDecission
       checkoutId={checkoutId}
       checkoutItem={checkoutItem}
+      headerHeight={0}
       returnQuestions={mockReturnQuestions}
       currentProductVariant={{
         id: checkoutItem.productVariant.id,

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

@@ -60,6 +60,7 @@ const renderItemWithoutCustomerDecission: RenderItemWithoutCustomerDecissionFunc
       bookedProductsVariants={bookedProductVariants}
       checkoutId={checkoutId}
       checkoutItem={checkoutItem}
+      headerHeight={0}
       currentProductVariant={{
         id: checkoutItem.productVariant.id,
         size: checkoutItem.productVariant.size,

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

@@ -59,6 +59,7 @@ const renderProductVariant: RenderProductVariantFunction = ({ checkoutItem, curr
       country={Country.ES}
       currentProductVariant={currentProductVariant}
       segment={Segment.WOMEN}
+      sliderAvailableHeight={400}
       tradename={Tradename.LOOKIERO}
     />,
   );

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

@@ -167,20 +167,16 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                             collapsable={false}
                             duration={1200}
                             style={
-                              [
-                                {
-                                  "height": "100%",
-                                  "width": "100%",
-                                },
-                                {
-                                  "left": 0,
-                                  "transform": [
-                                    {
-                                      "translateX": -375,
-                                    },
-                                  ],
-                                },
-                              ]
+                              {
+                                "height": "100%",
+                                "left": 0,
+                                "transform": [
+                                  {
+                                    "translateX": -375,
+                                  },
+                                ],
+                                "width": "100%",
+                              }
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient
@@ -328,20 +324,16 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                             collapsable={false}
                             duration={1200}
                             style={
-                              [
-                                {
-                                  "height": "100%",
-                                  "width": "100%",
-                                },
-                                {
-                                  "left": 0,
-                                  "transform": [
-                                    {
-                                      "translateX": -375,
-                                    },
-                                  ],
-                                },
-                              ]
+                              {
+                                "height": "100%",
+                                "left": 0,
+                                "transform": [
+                                  {
+                                    "translateX": -375,
+                                  },
+                                ],
+                                "width": "100%",
+                              }
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient
@@ -482,9 +474,9 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                     "marginHorizontal": 3,
                   },
                   {
-                    "height": 8,
-                    "opacity": 1,
-                    "width": 8,
+                    "height": 0,
+                    "opacity": 0,
+                    "width": 0,
                   },
                   {
                     "borderRadius": 8,
@@ -538,9 +530,9 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                     "marginHorizontal": 3,
                   },
                   {
-                    "height": 8,
-                    "opacity": 0.3,
-                    "width": 8,
+                    "height": 0,
+                    "opacity": 0,
+                    "width": 0,
                   },
                   {
                     "borderRadius": 8,
@@ -851,20 +843,16 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                             collapsable={false}
                             duration={1200}
                             style={
-                              [
-                                {
-                                  "height": "100%",
-                                  "width": "100%",
-                                },
-                                {
-                                  "left": 0,
-                                  "transform": [
-                                    {
-                                      "translateX": -375,
-                                    },
-                                  ],
-                                },
-                              ]
+                              {
+                                "height": "100%",
+                                "left": 0,
+                                "transform": [
+                                  {
+                                    "translateX": -375,
+                                  },
+                                ],
+                                "width": "100%",
+                              }
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient
@@ -1012,20 +1000,16 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                             collapsable={false}
                             duration={1200}
                             style={
-                              [
-                                {
-                                  "height": "100%",
-                                  "width": "100%",
-                                },
-                                {
-                                  "left": 0,
-                                  "transform": [
-                                    {
-                                      "translateX": -375,
-                                    },
-                                  ],
-                                },
-                              ]
+                              {
+                                "height": "100%",
+                                "left": 0,
+                                "transform": [
+                                  {
+                                    "translateX": -375,
+                                  },
+                                ],
+                                "width": "100%",
+                              }
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient
@@ -1166,9 +1150,9 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                     "marginHorizontal": 3,
                   },
                   {
-                    "height": 8,
-                    "opacity": 1,
-                    "width": 8,
+                    "height": 0,
+                    "opacity": 0,
+                    "width": 0,
                   },
                   {
                     "borderRadius": 8,
@@ -1222,9 +1206,9 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                     "marginHorizontal": 3,
                   },
                   {
-                    "height": 8,
-                    "opacity": 0.3,
-                    "width": 8,
+                    "height": 0,
+                    "opacity": 0,
+                    "width": 0,
                   },
                   {
                     "borderRadius": 8,
@@ -1535,20 +1519,16 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                             collapsable={false}
                             duration={1200}
                             style={
-                              [
-                                {
-                                  "height": "100%",
-                                  "width": "100%",
-                                },
-                                {
-                                  "left": 0,
-                                  "transform": [
-                                    {
-                                      "translateX": -375,
-                                    },
-                                  ],
-                                },
-                              ]
+                              {
+                                "height": "100%",
+                                "left": 0,
+                                "transform": [
+                                  {
+                                    "translateX": -375,
+                                  },
+                                ],
+                                "width": "100%",
+                              }
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient
@@ -1696,20 +1676,16 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                             collapsable={false}
                             duration={1200}
                             style={
-                              [
-                                {
-                                  "height": "100%",
-                                  "width": "100%",
-                                },
-                                {
-                                  "left": 0,
-                                  "transform": [
-                                    {
-                                      "translateX": -375,
-                                    },
-                                  ],
-                                },
-                              ]
+                              {
+                                "height": "100%",
+                                "left": 0,
+                                "transform": [
+                                  {
+                                    "translateX": -375,
+                                  },
+                                ],
+                                "width": "100%",
+                              }
                             }
                           >
                             <ViewManagerAdapter_ExpoLinearGradient
@@ -1850,9 +1826,9 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                     "marginHorizontal": 3,
                   },
                   {
-                    "height": 8,
-                    "opacity": 1,
-                    "width": 8,
+                    "height": 0,
+                    "opacity": 0,
+                    "width": 0,
                   },
                   {
                     "borderRadius": 8,
@@ -1906,9 +1882,9 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                     "marginHorizontal": 3,
                   },
                   {
-                    "height": 8,
-                    "opacity": 0.3,
-                    "width": 8,
+                    "height": 0,
+                    "opacity": 0,
+                    "width": 0,
                   },
                   {
                     "borderRadius": 8,

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

@@ -1,7 +1,7 @@
 import { PortalHost } from "@gorhom/portal";
 import React, { FC, useCallback, useMemo } from "react";
 import { Platform, View } from "react-native";
-import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
+import { KeyboardAwareScrollView } from "react-native-keyboard-controller";
 import { generatePath, useNavigate } from "react-router-native";
 import { Box, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
@@ -164,7 +164,7 @@ const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({
         <ProductVariantPreview country={country} item={checkoutItem} />
 
         <KeyboardAwareScrollView
-          extraScrollHeight={Platform.OS === "android" ? 10 : 120}
+          bottomOffset={Platform.OS === "android" ? 10 : 120}
           keyboardShouldPersistTaps="handled"
           showsVerticalScrollIndicator={false}
           testID="return-questions-form"

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

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

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

@@ -24,7 +24,6 @@ beforeAll(() => {
 });
 
 afterAll(() => {
-  jest.runOnlyPendingTimers();
   jest.useRealTimers();
 });
 

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

@@ -414,20 +414,16 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 collapsable={false}
                                 duration={1200}
                                 style={
-                                  [
-                                    {
-                                      "height": "100%",
-                                      "width": "100%",
-                                    },
-                                    {
-                                      "left": 0,
-                                      "transform": [
-                                        {
-                                          "translateX": -375,
-                                        },
-                                      ],
-                                    },
-                                  ]
+                                  {
+                                    "height": "100%",
+                                    "left": 0,
+                                    "transform": [
+                                      {
+                                        "translateX": -375,
+                                      },
+                                    ],
+                                    "width": "100%",
+                                  }
                                 }
                               >
                                 <ViewManagerAdapter_ExpoLinearGradient
@@ -744,20 +740,16 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 collapsable={false}
                                 duration={1200}
                                 style={
-                                  [
-                                    {
-                                      "height": "100%",
-                                      "width": "100%",
-                                    },
-                                    {
-                                      "left": 0,
-                                      "transform": [
-                                        {
-                                          "translateX": -375,
-                                        },
-                                      ],
-                                    },
-                                  ]
+                                  {
+                                    "height": "100%",
+                                    "left": 0,
+                                    "transform": [
+                                      {
+                                        "translateX": -375,
+                                      },
+                                    ],
+                                    "width": "100%",
+                                  }
                                 }
                               >
                                 <ViewManagerAdapter_ExpoLinearGradient
@@ -1119,20 +1111,16 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 collapsable={false}
                                 duration={1200}
                                 style={
-                                  [
-                                    {
-                                      "height": "100%",
-                                      "width": "100%",
-                                    },
-                                    {
-                                      "left": 0,
-                                      "transform": [
-                                        {
-                                          "translateX": -375,
-                                        },
-                                      ],
-                                    },
-                                  ]
+                                  {
+                                    "height": "100%",
+                                    "left": 0,
+                                    "transform": [
+                                      {
+                                        "translateX": -375,
+                                      },
+                                    ],
+                                    "width": "100%",
+                                  }
                                 }
                               >
                                 <ViewManagerAdapter_ExpoLinearGradient
@@ -1449,20 +1437,16 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 collapsable={false}
                                 duration={1200}
                                 style={
-                                  [
-                                    {
-                                      "height": "100%",
-                                      "width": "100%",
-                                    },
-                                    {
-                                      "left": 0,
-                                      "transform": [
-                                        {
-                                          "translateX": -375,
-                                        },
-                                      ],
-                                    },
-                                  ]
+                                  {
+                                    "height": "100%",
+                                    "left": 0,
+                                    "transform": [
+                                      {
+                                        "translateX": -375,
+                                      },
+                                    ],
+                                    "width": "100%",
+                                  }
                                 }
                               >
                                 <ViewManagerAdapter_ExpoLinearGradient

package/src/projection/checkoutFeedback/viewCheckoutFeedbackDefinitionByCheckoutId.test.ts

@@ -20,6 +20,7 @@ const checkoutFeedbackDefinition: CheckoutFeedbackQuestionProjection[] = [
       {
         id: "01975911-d451-7651-b1ae-3f977928e8a2",
         type: CheckoutFeedbackQuestionType.HOST_TEXTAREA,
+        translationKey: "checkout.feedback.question.textarea",
         metadata: {
           showCondition: [],
         },