@lookiero/checkout 15.0.0 → 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 = "15.0.0";
-export declare const RELEASE = "checkout@15.0.0";
+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 = "15.0.0";
-export const RELEASE = "checkout@15.0.0";
+export const VERSION = "15.0.1";
+export const RELEASE = "checkout@15.0.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "15.0.0",
+  "version": "15.0.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -33,7 +33,7 @@
     "@lookiero/sty-psp-segment": "^0.1",
     "@lookiero/sty-psp-storage": "^1.1",
     "@lookiero/sty-psp-tracking": "^2.5",
-    "@lookiero/sty-psp-ui": "^5.0",
+    "@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",
@@ -41,7 +41,7 @@
     "@sentry/react-native": "~7.2.0",
     "react": "19.1.0",
     "react-native": "0.81.5",
-    "react-native-keyboard-aware-scroll-view": "^0.9.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",

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

@@ -26,7 +26,9 @@ afterAll(() => {
 
 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 } },
@@ -37,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/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/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/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: [],
         },