@lookiero/checkout 8.20.0 → 8.22.0

package/dist/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.js

@@ -63,7 +63,7 @@ const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProducts
     }
     return (React.createElement(React.Fragment, null,
         React.createElement(SizeWithoutStockModal, { visible: sizeWithoutStockModalVisible, onDismiss: handleOnHideSizeWithoutStockModal }),
-        React.createElement(ScrollView, { showsVerticalScrollIndicator: false },
+        React.createElement(ScrollView, { showsVerticalScrollIndicator: false, testID: checkoutItem.id },
             React.createElement(Body, { style: { row: style.container } },
                 React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, segment: segment, style: { content: { paddingBottom: Platform.OS === "web" ? space6 : stickyHeight } } }))),
         React.createElement(ItemActions, { country: country, currentProductVariant: currentProductVariant, productVariants: bookedProductsVariants?.productVariants, onKeep: handleOnKeep, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: onReturn, onShowSizeWithoutStockModal: handleOnShowSizeWithoutStockModal })));

package/dist/src/infrastructure/ui/views/summary/Summary.js

@@ -83,7 +83,7 @@ const Summary = ({ layout: Layout, children }) => {
             header: style.header,
             scrollView: style.scrollView,
         } },
-        React.createElement(ScrollView, { showsVerticalScrollIndicator: false },
+        React.createElement(ScrollView, { showsVerticalScrollIndicator: false, testID: "summary-view" },
             fiveItemsDiscount !== 0 && React.createElement(FiveItemsDiscountBanner, { fiveItemsDiscount: fiveItemsDiscount }),
             React.createElement(AuroraLayout, { fullWidth: !screen.L, style: [screen.L && style.desktopLayoutSpacing, !screen.L && { paddingBottom: pricingHeight }] },
                 React.createElement(Box, { size: { L: "2/3" }, style: screen.L && style.desktopListSpacing },

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "8.20.0";
+export declare const VERSION = "8.22.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "8.20.0";
+export const VERSION = "8.22.0";

package/e2e/checkout.test.ts

@@ -0,0 +1,160 @@
+import { device, waitFor, element, expect } from "detox";
+import { CheckoutStatus } from "../src/domain/checkout/model/checkout";
+import { CheckoutItemStatus } from "../src/domain/checkoutItem/model/checkoutItem";
+import { bookedProductsVariants } from "../src/infrastructure/projection/bookedProductsVariants/bookedProductsVariants.mock";
+import { checkout } from "../src/infrastructure/projection/checkout/checkout.mock";
+import { ProductVariantProjection } from "../src/projection/bookedProductsVariants/bookedProductsVariants";
+
+const checkoutProjection = checkout({
+  status: CheckoutStatus.STARTED,
+  items: [
+    {
+      status: CheckoutItemStatus.INITIAL,
+    },
+    {
+      status: CheckoutItemStatus.INITIAL,
+    },
+    {
+      status: CheckoutItemStatus.INITIAL,
+    },
+    {
+      status: CheckoutItemStatus.INITIAL,
+    },
+    {
+      status: CheckoutItemStatus.INITIAL,
+    },
+  ],
+});
+
+const randomIndex = (count: number) => Math.floor(Math.random() * count);
+
+const keepCheckoutItem = async (id: string) => {
+  await expect(element(by.id(id))).toBeVisible();
+
+  await element(by.id("keep-button")).tap();
+};
+
+const replaceCheckoutItem = async (id: string) => {
+  await expect(element(by.id(id))).toBeVisible();
+
+  await element(by.id("size-selector")).tap();
+
+  const index = randomIndex(bookedProductsVariants.productVariants.length);
+  const randomBookedProductVariant = bookedProductsVariants.productVariants[index] as ProductVariantProjection;
+
+  await element(by.id(randomBookedProductVariant.id)).tap();
+
+  await element(by.id("modal-notification-button")).tap();
+};
+
+const returnCheckoutItem = async (id: string) => {
+  await expect(element(by.id(id))).toBeVisible();
+
+  await element(by.id("return-button")).tap();
+
+  await expect(element(by.id("return-questions-form"))).toBeVisible();
+
+  await element(by.id("9251dc2c-d76a-484d-9299-346929af932f")).tap();
+  await element(by.id("68c0bb98-b00a-4b86-af43-528fe903cb69")).tap();
+
+  await element(by.id("return-questions-form")).scrollTo("bottom");
+
+  await element(by.id("return-questions-button")).tap();
+};
+
+const submitCheckout = async () => {
+  await waitFor(element(by.id("summary-view")))
+    .toBeVisible()
+    .withTimeout(2000);
+
+  await element(by.id("submit-checkout-collpased-button")).tap();
+};
+
+const confirmCheckout = async () => {
+  await waitFor(element(by.id("checkout-view")))
+    .toBeVisible()
+    .withTimeout(2000);
+
+  await element(by.id("confirm-checkout-button")).tap();
+
+  await element(by.id("modal-notification-button")).tap();
+};
+
+const checkoutFeedback = async () => {
+  await waitFor(element(by.id("checkout-questions-form")))
+    .toBeVisible()
+    .withTimeout(2000);
+
+  await element(by.id("29441d25-8d9f-471e-a13e-a03f61c88091")).tap();
+  await element(by.id("bab3d4f9-0227-4550-a53f-3c125d68429c")).tap();
+  await element(by.id("1123a37d-bc00-43a4-9d28-cee1dfaf356c-input")).typeText("Detox E2E test");
+
+  // Hide keyboard
+  await device.pressBack();
+
+  await element(by.id("checkout-feedback-button")).tap();
+};
+
+describe("Checkout", () => {
+  beforeAll(async () => {
+    await device.launchApp({ newInstance: true });
+  });
+
+  beforeEach(async () => {
+    await device.reloadReactNative();
+  });
+
+  it("Keep checkout items", async () => {
+    await waitFor(element(by.id(checkoutProjection.items[0]?.id as string)))
+      .toBeVisible()
+      .withTimeout(10000);
+
+    await keepCheckoutItem(checkoutProjection.items[0]?.id as string);
+    await keepCheckoutItem(checkoutProjection.items[1]?.id as string);
+    await keepCheckoutItem(checkoutProjection.items[2]?.id as string);
+    await keepCheckoutItem(checkoutProjection.items[3]?.id as string);
+    await keepCheckoutItem(checkoutProjection.items[4]?.id as string);
+
+    await submitCheckout();
+
+    await confirmCheckout();
+
+    await checkoutFeedback();
+  });
+
+  it("Replace checkout items", async () => {
+    await waitFor(element(by.id(checkoutProjection.items[0]?.id as string)))
+      .toBeVisible()
+      .withTimeout(10000);
+
+    await replaceCheckoutItem(checkoutProjection.items[0]?.id as string);
+    await replaceCheckoutItem(checkoutProjection.items[1]?.id as string);
+    await replaceCheckoutItem(checkoutProjection.items[2]?.id as string);
+    await replaceCheckoutItem(checkoutProjection.items[3]?.id as string);
+    await replaceCheckoutItem(checkoutProjection.items[4]?.id as string);
+
+    await submitCheckout();
+
+    await confirmCheckout();
+
+    await checkoutFeedback();
+  });
+
+  it("Return checkout items", async () => {
+    await waitFor(element(by.id(checkoutProjection.items[0]?.id as string)))
+      .toBeVisible()
+      .withTimeout(10000);
+
+    await returnCheckoutItem(checkoutProjection.items[0]?.id as string);
+    await keepCheckoutItem(checkoutProjection.items[1]?.id as string);
+    await keepCheckoutItem(checkoutProjection.items[2]?.id as string);
+    await keepCheckoutItem(checkoutProjection.items[3]?.id as string);
+    await keepCheckoutItem(checkoutProjection.items[4]?.id as string);
+
+    await submitCheckout();
+
+    await confirmCheckout();
+
+    await checkoutFeedback();
+  }, 200000);
+});

package/e2e/jest.config.js

@@ -0,0 +1,13 @@
+/** @type {import('@jest/types').Config.InitialOptions} */
+module.exports = {
+  preset: "ts-jest",
+  rootDir: "..",
+  testMatch: ["<rootDir>/e2e/**/*.test.ts"],
+  testTimeout: 120000,
+  maxWorkers: 1,
+  globalSetup: "detox/runners/jest/globalSetup",
+  globalTeardown: "detox/runners/jest/globalTeardown",
+  reporters: ["detox/runners/jest/reporter"],
+  testEnvironment: "detox/runners/jest/testEnvironment",
+  verbose: true,
+};

package/e2e/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@lookiero/sty-psp-typescript/tsconfig.expo.json",
+  "include": ["*.ts", "./**/*.ts"]
+}

package/eas-hooks/eas-build-on-success.sh

@@ -0,0 +1,45 @@
+#!/usr/bin/env bash
+
+function cleanup()
+{
+  echo 'Cleaning up...'
+  if [[ "$EAS_BUILD_PLATFORM" == "android" ]]; then
+    # Kill emulator
+    adb emu kill &
+  fi
+}
+
+if [[ "$EAS_BUILD_PROFILE" != "test" ]]; then
+  exit
+fi
+
+# Fail if anything errors
+set -eox pipefail
+# If this script exits, trap it first and clean up the emulator
+trap cleanup EXIT
+
+ANDROID_EMULATOR=pixel_4
+
+if [[ "$EAS_BUILD_PLATFORM" == "android" ]]; then
+  # Start emulator
+  $ANDROID_SDK_ROOT/emulator/emulator @$ANDROID_EMULATOR -no-audio -no-boot-anim -no-window -use-system-libs 2>&1 >/dev/null &
+
+  # Wait for emulator
+  max_retry=10
+  counter=0
+  until adb shell getprop sys.boot_completed; do
+    sleep 10
+    [[ counter -eq $max_retry ]] && echo "Failed to start the emulator!" && exit 1
+    counter=$((counter + 1))
+  done
+
+  # Execute Android tests
+  if [[ "$EAS_BUILD_PROFILE" == "test" ]]; then
+    detox test --configuration android.release
+  fi
+else
+  # Execute iOS tests
+  if [[  "$EAS_BUILD_PROFILE" == "test" ]]; then
+    detox test --configuration ios.release
+  fi
+fi

package/eas-hooks/eas-build-pre-install.sh

@@ -0,0 +1,39 @@
+#!/usr/bin/env bash
+
+set -eox pipefail
+
+if [[ "$EAS_BUILD_RUNNER" == "eas-build" && "$EAS_BUILD_PROFILE" == "test"* ]]; then
+  if [[ "$EAS_BUILD_PLATFORM" == "android" ]]; then
+    sudo apt-get --quiet update --yes
+
+    # Install emulator & video bridge dependencies
+    # Source: https://github.com/react-native-community/docker-android/blob/master/Dockerfile
+    sudo apt-get --quiet install --yes \
+      libc6 \
+      libdbus-1-3 \
+      libfontconfig1 \
+      libgcc1 \
+      libpulse0 \
+      libtinfo5 \
+      libx11-6 \
+      libxcb1 \
+      libxdamage1 \
+      libnss3 \
+      libxcomposite1 \
+      libxcursor1 \
+      libxi6 \
+      libxext6 \
+      libxfixes3 \
+      zlib1g \
+      libgl1 \
+      pulseaudio \
+      socat
+
+    # Emulator must be API 31 -- API 32 and 33 fail due to https://github.com/wix/Detox/issues/3762
+    sdkmanager --install "system-images;android-31;google_apis;x86_64"
+    avdmanager --verbose create avd --force --name "pixel_4" --device "pixel_4" --package "system-images;android-31;google_apis;x86_64"
+  else
+    brew tap wix/brew
+    brew install applesimutils
+  fi
+fi

package/eas.json

@@ -0,0 +1,23 @@
+{
+  "cli": {
+    "version": "^10.2.2"
+  },
+  "build": {
+    "development": {
+      "developmentClient": true,
+      "distribution": "internal"
+    },
+    "test": {
+      "android": {
+        "gradleCommand": ":app:assembleRelease :app:assembleAndroidTest -DtestBuildType=release",
+        "withoutCredentials": true
+      },
+      "ios": {
+        "simulator": true
+      },
+      "env": {
+        "EXPO_PUBLIC_APP_VARIANT": "test"
+      }
+    }
+  }
+}

package/fake-dependencies/@lookiero/payments-front/index.tsx

@@ -0,0 +1,40 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+import {
+  FC,
+  forwardRef,
+  ForwardRefExoticComponent,
+  PropsWithChildren,
+  RefAttributes,
+  useImperativeHandle,
+} from "react";
+
+const setPaymentsBridge = () => void 0;
+const PaymentsQueryProvider: FC<PropsWithChildren> = ({ children }) => children;
+const PaymentInstrumentSelect: FC = () => null;
+interface StartLegacyBoxCheckoutCallbackArgs {
+  readonly status: string;
+  readonly final: boolean;
+}
+interface StartLegacyBoxCheckoutFunction {
+  (paymentFlowPayload: unknown, callback: (params: StartLegacyBoxCheckoutCallbackArgs) => Promise<void>): void;
+}
+interface PaymentFlowRef {
+  readonly startLegacyBoxCheckout: StartLegacyBoxCheckoutFunction;
+}
+const paymentFlowRef: PaymentFlowRef = {
+  startLegacyBoxCheckout: async (_paymentFlowPayload, callback) => {
+    await callback({ status: "EXECUTED", final: true });
+  },
+};
+const PaymentFlow: ForwardRefExoticComponent<RefAttributes<PaymentFlowRef>> = forwardRef<PaymentFlowRef, unknown>(
+  (_props, ref) => {
+    useImperativeHandle(ref, () => paymentFlowRef, []);
+    return null;
+  },
+);
+PaymentFlow.displayName = "PaymentFlow";
+enum Section {
+  BOX_CHECKOUT = "box-checkout",
+}
+export type { PaymentFlowRef };
+export { PaymentsQueryProvider, PaymentInstrumentSelect, PaymentFlow, Section, setPaymentsBridge, paymentFlowRef };

package/fake-dependencies/@lookiero/user-tracking-front/index.js

@@ -0,0 +1,3 @@
+const emitUserEvent = () => void 0;
+
+export { emitUserEvent };

package/metro.config.js

@@ -0,0 +1,22 @@
+// Learn more https://docs.expo.io/guides/customizing-metro
+const { getDefaultConfig } = require("expo/metro-config");
+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 config = getDefaultConfig(__dirname);
+
+// 1. Watch all files within the monorepo
+config.watchFolders = [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'),
+];
+
+config.resolver.disableHierarchicalLookup = true;
+
+module.exports = config;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "8.20.0",
+  "version": "8.22.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -12,7 +12,11 @@
     "lint": "eslint --fix .",
     "test": "jest",
     "cypress": "METRO_PORT=8084 WEB_PORT=19004 start-server-and-test dev 19004 'cypress run'",
-    "cypress:open": "METRO_PORT=8084 WEB_PORT=19004 start-server-and-test dev 19004 'cypress open'"
+    "cypress:open": "METRO_PORT=8084 WEB_PORT=19004 start-server-and-test dev 19004 'cypress open'",
+    "eas-build-pre-install": "./eas-hooks/eas-build-pre-install.sh",
+    "eas-build-post-install": "sty-psp generate-version",
+    "eas-build-on-success": "./eas-hooks/eas-build-on-success.sh",
+    "eas:all": "eas build -p all -e test"
   },
   "dependencies": {
     "@lookiero/messaging": "^8.1.1",
@@ -39,6 +43,7 @@
     "tiny-invariant": "^1.3.1"
   },
   "devDependencies": {
+    "@config-plugins/detox": "^6.0.0",
     "@cypress/webpack-preprocessor": "^6.0.2",
     "@lookiero/eslint-config-sty-psp": "*",
     "@lookiero/event": "^0.3",
@@ -51,11 +56,17 @@
     "@testing-library/react-native": ">=12",
     "@types/jest-when": ">=3",
     "cypress": "^13.14.2",
+    "detox": "^20.11.0",
     "apollo-boost": "0.4.4",
     "buffer": "5.6.0",
     "jest-mock-extended": ">=3",
     "jest-when": ">=3",
     "react-intl": "^6.5.1",
+    "react-native-gesture-handler": "^2.12.0",
+    "react-native-get-random-values": "~1.9.0",
+    "react-native-reanimated": "3.14.0",
+    "react-native-safe-area-context": "^4.5.0",
+    "react-native-svg": "^13.6.0",
     "webpack-bundle-analyzer": "^4.10.2"
   },
   "peerDependencies": {

package/src/Expo.tsx

@@ -1,4 +1,5 @@
 import { registerRootComponent } from "expo";
+import "react-native-get-random-values";
 import { ExpoRoot } from "./ExpoRoot";
 
 registerRootComponent(ExpoRoot);

package/src/ExpoRoot.tsx

@@ -15,8 +15,8 @@ import { SentryEnvironment } from "@lookiero/sty-psp-logging";
 import { Segment } from "@lookiero/sty-psp-segment";
 import { DummyLayout } from "@lookiero/sty-psp-ui";
 import { KameleoonEnvironment } from "./infrastructure/ab-testing/kameleoonEnvironment";
-// import { bootstrap as checkoutMockBootstrap } from "./infrastructure/delivery/bootstrap.mock";
 import { bootstrap as checkoutBootstrap } from "./infrastructure/delivery/bootstrap";
+import { bootstrap as checkoutMockBootstrap } from "./infrastructure/delivery/bootstrap.mock";
 import { root } from "./infrastructure/ui/Root";
 import { Router } from "./infrastructure/ui/routing/router/Router";
 import { Customer } from "./projection/customer/customer";
@@ -33,7 +33,7 @@ const order: Order = {
 };
 
 const customer: Customer = {
-  customerId: "74cb4f76-3f14-4983-81a6-2ee2a9a275d4",
+  customerId: "f2c07153-940c-4156-bf28-41ebb98391e4",
   country: Country.ES,
   segment: Segment.WOMEN,
 };
@@ -46,9 +46,13 @@ const sentryConfig: SentryEnvironment = {
 };
 
 const apiUrl =
-  Platform.OS !== "web" ? "https://web2.sp.dev.aws.lookiero.es/quiz/api" : __DEV__ ? "/local-to-dev" : "/checkout/api";
+  Platform.OS !== "web"
+    ? "https://web2.sp.dev.aws.lookiero.es/checkout/api"
+    : __DEV__
+      ? "/local-to-dev"
+      : "/checkout/api";
 const authToken =
-  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2NDg3OTAsImV4cCI6MTczNDAwNTE4MywiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjQtMTEtMDgiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiNzRjYjRmNzYtM2YxNC00OTgzLTgxYTYtMmVlMmE5YTI3NWQ0IiwiaWF0IjoxNzMxNDEzMTgzfQ.KU6RhR19P6FhbH-lad-Hyx2PP1pv25GaDiE2txK9LMI";
+  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2NTc1MDEsImV4cCI6MTczNjA2NTIxOSwiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjQtMTItMDUiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiZjJjMDcxNTMtOTQwYy00MTU2LWJmMjgtNDFlYmI5ODM5MWU0IiwiaWF0IjoxNzMzMzg2ODE5fQ.inQNjFXDBjUUTiqVy21ZvFGAMSoBHVK_nWIm1uTlXd8";
 const getAuthToken = () => Promise.resolve(authToken);
 
 const externalTranslationsUrl =
@@ -93,30 +97,7 @@ setPaymentsBridge({
     },
     isTestEnv: true,
   },
-  useFeatureFlags: () => ({
-    /* eslint-disable @typescript-eslint/naming-convention */
-    ALLOW_GOOGLE_PAY_AT: true,
-    ALLOW_GOOGLE_PAY_BE: true,
-    ALLOW_GOOGLE_PAY_DE: true,
-    ALLOW_GOOGLE_PAY_ES: true,
-    ALLOW_GOOGLE_PAY_FR: true,
-    ALLOW_GOOGLE_PAY_GB: true,
-    ALLOW_GOOGLE_PAY_IT: true,
-    ALLOW_GOOGLE_PAY_LU: true,
-    ALLOW_GOOGLE_PAY_NL: true,
-    ALLOW_GOOGLE_PAY_PT: true,
-    ALLOW_GOOGLE_PAY_APP_AT: true,
-    ALLOW_GOOGLE_PAY_APP_BE: true,
-    ALLOW_GOOGLE_PAY_APP_DE: true,
-    ALLOW_GOOGLE_PAY_APP_ES: true,
-    ALLOW_GOOGLE_PAY_APP_FR: true,
-    ALLOW_GOOGLE_PAY_APP_GB: true,
-    ALLOW_GOOGLE_PAY_APP_IT: true,
-    ALLOW_GOOGLE_PAY_APP_LU: true,
-    ALLOW_GOOGLE_PAY_APP_NL: true,
-    ALLOW_GOOGLE_PAY_APP_PT: true,
-    /* eslint-enable @typescript-eslint/naming-convention */
-  }),
+  useFeatureFlags: () => ({}),
   locale: () => Promise.resolve("es-ES"),
   scrollView: ScrollView,
 });
@@ -126,8 +107,10 @@ const kameleoonConfig: KameleoonEnvironment = {
   experiments: {},
 };
 
-// const { Component: Messaging } = checkoutMockBootstrap();
-const { Component: Messaging } = checkoutBootstrap({ apiUrl: () => apiUrl, getAuthToken });
+const { Component: Messaging } =
+  process.env.EXPO_PUBLIC_APP_VARIANT === "test"
+    ? checkoutMockBootstrap()
+    : checkoutBootstrap({ apiUrl: () => apiUrl, getAuthToken });
 const I18n = i18n({
   fetchTranslation: fetchTranslations({ translations }),
   contextId: "CheckoutI18n",
@@ -137,7 +120,7 @@ const Root = root({
   I18n,
   getAuthToken,
   development: false,
-  sentry: () => sentryConfig,
+  sentry: () => (process.env.EXPO_PUBLIC_APP_VARIANT === "test" ? ({} as SentryEnvironment) : sentryConfig),
   kameleoon: () => kameleoonConfig,
 })({ customerId: customer.customerId });
 

package/src/infrastructure/projection/bookedProductsVariants/bookedProductsVariants.mock.ts

@@ -14,9 +14,9 @@ const bookedProductsVariants: BookedProductsVariantsProjection = {
       },
     },
     {
-      id: "a5422445-0e62-4b11-8a3f-1bb5469ee154",
+      id: "01939161-b42a-7ee4-9b82-bc61f0b60734",
       size: {
-        id: "a5422445-0e62-4b11-8a3f-1bb5469ee154",
+        id: "01938c77-ee0b-7ee0-bd08-9c7131e66a53",
         europe: "M",
         lookiero: "M",
         uk: "M",

package/src/infrastructure/ui/hooks/useSubmitCheckout.ts

@@ -1,8 +1,6 @@
 import { RefObject, useCallback, useMemo, useState } from "react";
 import { CommandStatus } from "@lookiero/messaging-react";
 import { PaymentFlowRef } from "@lookiero/payments-front";
-import { LegacyBoxCheckout } from "@lookiero/payments-front/build/components/PaymentFlow/internals/strategies/LegacyBoxCheckoutStrategy";
-import { ChargeStatus } from "@lookiero/payments-front/build/infrastructure/CheckoutAPI";
 import { Logger } from "@lookiero/sty-psp-logging";
 import { NotificationLevel, useCreateToastNotification } from "@lookiero/sty-psp-notifications";
 import { PaymentFlowPayloadProjection } from "../../../projection/payment/paymentFlowPayload";
@@ -11,6 +9,26 @@ import { useSubmitCheckout as useSubmitCheckoutCommand } from "../../domain/chec
 import { useBlockCheckoutBooking } from "../../domain/checkoutBooking/react/useBlockCheckoutBooking";
 import { I18nMessages } from "../i18n/i18n";
 
+enum ChargeStatus {
+  EXECUTED = "EXECUTED",
+  REQUIRES_ACTION = "REQUIRES_ACTION",
+  REQUIRED_ACTION_CANCELLED = "REQUIRED_ACTION_CANCELLED",
+  REJECTED = "REJECTED",
+  CANCELLED = "CANCELLED",
+  TO_CONFIRM = "TO_CONFIRM",
+  ERROR = "ERROR",
+  UNKNOWN = "UNKNOWN",
+}
+interface LegacyBoxCheckout {
+  readonly status: ChargeStatus;
+  readonly toaster: {
+    id: string;
+  } | null;
+  readonly final: boolean;
+  readonly id?: string;
+  readonly translation?: string;
+}
+
 type Status = "idle" | "loading" | "success" | "error";
 
 interface SubmitCheckoutFunctionArgs {

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

@@ -107,7 +107,7 @@ const Checkout: FC<CheckoutProps> = ({ children, layout: Layout, useRedirect })
         scrollView: style.scrollView,
       }}
     >
-      <ScrollView showsVerticalScrollIndicator={false}>
+      <ScrollView showsVerticalScrollIndicator={false} testID="checkout-view">
         {hasReplacedCheckoutItem && <DeliveryBanner />}
 
         <AuroraLayout

package/src/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useRef } from "react";
-import { PaymentInstrumentSelect, PaymentMethod, Section } from "@lookiero/payments-front";
+import { PaymentInstrumentSelect, Section } from "@lookiero/payments-front";
 import { useLogger } from "@lookiero/sty-psp-logging";
 import { usePaymentInstrumentEvents } from "../../../../hooks/usePaymentInstrumentEvents";
 
@@ -18,7 +18,6 @@ const PaymentInstrument: FC<PaymentInstrumentProps> = ({ useRedirect }) => {
       ref={paymentInstrumentSelectRef}
       beforeRedirect={returnUrl ? () => Promise.resolve(returnUrl) : undefined}
       hasError={false}
-      hidePaymentMethods={[PaymentMethod.GOOGLE_PAY]}
       section={Section.BOX_CHECKOUT}
     />
   );

package/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.tsx

@@ -1,4 +1,5 @@
 import React, { FC, useCallback, useMemo } from "react";
+import { View } from "react-native";
 import { Button } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { CheckoutFeedbackProjection } from "../../../../../../projection/checkoutFeedback/checkoutFeedback";
@@ -54,7 +55,7 @@ const CheckoutQuestionsForm: FC<CheckoutQuestionsFormProps> = ({
   }, [checkoutQuestions, feedback]);
 
   return (
-    <>
+    <View testID="checkout-questions-form">
       <CheckoutQuestionItemProvider checkoutQuestionItems={checkoutQuestionItems}>
         <CheckoutQuestions checkoutQuestions={filteredCheckoutQuestions} />
       </CheckoutQuestionItemProvider>
@@ -62,7 +63,7 @@ const CheckoutQuestionsForm: FC<CheckoutQuestionsFormProps> = ({
       <Button busy={submitButtonDisabled} testID="checkout-feedback-button" onPress={handlePress}>
         {buttonText}
       </Button>
-    </>
+    </View>
   );
 };
 

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

@@ -145,7 +145,7 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
           <View
             style={
               {
-                "paddingBottom": 0,
+                "paddingBottom": 32,
               }
             }
           >

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

@@ -220,7 +220,7 @@ exports[`SelectField component matches the snapshot 1`] = `
             <View
               style={
                 {
-                  "paddingBottom": 0,
+                  "paddingBottom": 32,
                 }
               }
             >

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

@@ -219,7 +219,7 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
           <View
             style={
               {
-                "paddingBottom": 0,
+                "paddingBottom": 32,
               }
             }
           >