@lookiero/checkout 8.14.0-beta.3 → 8.15.0

package/.eslintrc.js

@@ -1,7 +1,7 @@
 /** @type {import('eslint').Linter.Config} */
 module.exports = {
   extends: ["@lookiero/eslint-config-sty-psp"],
-  ignorePatterns: ["e2e"],
+  ignorePatterns: ["cypress", "cypress.config.ts"],
   root: true,
   parserOptions: {
     project: true,

package/cypress/integration/checkout.spec.ts

@@ -0,0 +1,259 @@
+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 { checkoutItem } from "../../src/infrastructure/projection/checkoutItem/checkoutItem.mock";
+import { checkoutQuestions } from "../../src/infrastructure/projection/checkoutQuestion/checkoutQuestions.mock";
+import { paymentFlowPayload } from "../../src/infrastructure/projection/payment/paymentFlowPayload.mock";
+import { pricing } from "../../src/infrastructure/projection/pricing/pricing.mock";
+import { returnQuestions } from "../../src/infrastructure/projection/returnQuestion/returnQuestions.mock";
+import { Routes } from "../../src/infrastructure/ui/routing/routes";
+import { CheckoutQuestionType } from "../../src/projection/checkoutQuestion/checkoutQuestion";
+import { interceptBlockCheckoutBooking } from "../support/interceptBlockCheckoutBooking";
+import { interceptGiveCheckoutFeedback } from "../support/interceptGiveCheckoutFeedback";
+import { interceptKeepCheckoutItem } from "../support/interceptKeepCheckoutItem";
+import { interceptListCheckoutQuestionsByCheckoutId } from "../support/interceptListCheckoutQuestionsByCheckoutId";
+import { interceptListReturnQuestionsByCheckoutItemId } from "../support/interceptListReturnQuestionsByCheckoutItemId";
+import { interceptPayment } from "../support/interceptPayment";
+import { interceptReplaceCheckoutItem } from "../support/interceptReplaceCheckoutItem";
+import { interceptReturnCheckoutItem } from "../support/interceptReturnCheckoutItem";
+import { interceptSubmitCheckout } from "../support/interceptSubmitCheckout";
+import { interceptViewBookedProductsVariantsForCheckoutItem } from "../support/interceptViewBookedProductsVariantsForCheckoutItem";
+import { interceptViewCheckoutById } from "../support/interceptViewCheckoutById";
+import { interceptViewFirstAvailableCheckoutByCustomerId } from "../support/interceptViewFirstAvailableCheckoutByCustomerId";
+import { interceptViewFiveItemsDiscountByCustomerId } from "../support/interceptViewFiveItemsDiscountByCustomerId";
+import { interceptViewIsSizeChangeEnabledByCheckoutId } from "../support/interceptViewIsSizeChangeEnabledByCheckoutId";
+import { interceptViewPaymentFlowPayloadByCheckoutId } from "../support/interceptViewPaymentFlowPayloadByCheckoutId";
+import { interceptViewPricingByCheckoutId } from "../support/interceptViewPricingByCheckoutId";
+
+const BASEPATH = "/checkout";
+
+const checkoutProjection = checkout({
+  status: CheckoutStatus.STARTED,
+  items: [
+    {
+      status: CheckoutItemStatus.INITIAL,
+    },
+    {
+      status: CheckoutItemStatus.INITIAL,
+    },
+    {
+      status: CheckoutItemStatus.INITIAL,
+    },
+    {
+      status: CheckoutItemStatus.INITIAL,
+    },
+    {
+      status: CheckoutItemStatus.INITIAL,
+    },
+  ],
+});
+const returnQuestionAnswers = [
+  ["9251dc2c-d76a-484d-9299-346929af932f", "68c0bb98-b00a-4b86-af43-528fe903cb69"],
+  ["56631448-d33d-49fb-b3f8-4486b68b60c3", "a3d937b6-7499-4a3c-86bf-5c0af9ab2e23"],
+];
+
+const randomIndex = (count: number) => Math.floor(Math.random() * count);
+const navigateToHome = () => cy.visit("/");
+const confirmCheckout = () => {
+  cy.shouldIncludePathInUrl(`${BASEPATH}/${Routes.CHECKOUT}`);
+
+  cy.getByTestId("confirm-checkout-button").click();
+
+  cy.shouldIncludePathInUrl(`${BASEPATH}/${Routes.CHECKOUT}/${Routes.CHECKOUT_PAYMENT}`);
+
+  interceptViewFirstAvailableCheckoutByCustomerId(
+    checkout({
+      status: CheckoutStatus.SUBMITTED,
+      items: checkoutProjection.items.map((item) =>
+        checkoutItem({
+          ...item,
+          status: CheckoutItemStatus.KEPT,
+        }),
+      ),
+    }),
+  ).as("submittedViewFirstAvailableCheckoutByCustomerId");
+
+  cy.getByTestId("modal-notification-button").click();
+  cy.wait("@submitCheckout");
+  cy.wait("@submittedViewFirstAvailableCheckoutByCustomerId");
+};
+const checkoutFeedback = () => {
+  cy.shouldIncludePathInUrl(`${BASEPATH}/${Routes.FEEDBACK}`);
+
+  const answers = [];
+  checkoutQuestions.map((checkoutQuestion) => {
+    if (checkoutQuestion.children) {
+      const index = randomIndex(checkoutQuestion.children.length);
+      const randomCheckoutQuestionItem = checkoutQuestion.children[index];
+      answers.push(randomCheckoutQuestionItem.id);
+
+      if (
+        checkoutQuestion.showCondition.length === 0 ||
+        checkoutQuestion.showCondition.some((condition) => answers.includes(condition))
+      ) {
+        if (checkoutQuestion.type === CheckoutQuestionType.HOST_TEXTAREA) {
+          cy.getByTestId(`${randomCheckoutQuestionItem.id}-input`).type("Cypress E2E test");
+        } else {
+          cy.getByTestId(`${randomCheckoutQuestionItem.id}`).click();
+        }
+      }
+    }
+  });
+
+  interceptViewFirstAvailableCheckoutByCustomerId(
+    checkout({
+      status: CheckoutStatus.COMPLETED,
+      items: checkoutProjection.items.map((item) =>
+        checkoutItem({
+          ...item,
+          status: CheckoutItemStatus.KEPT,
+        }),
+      ),
+    }),
+  ).as("completedViewFirstAvailableCheckoutByCustomerId");
+
+  cy.getByTestId("checkout-feedback-button").click();
+  cy.wait("@giveCheckoutFeedback");
+  cy.wait("@completedViewFirstAvailableCheckoutByCustomerId");
+};
+
+describe("Checkout", () => {
+  beforeEach(() => {
+    interceptViewFirstAvailableCheckoutByCustomerId(checkoutProjection);
+    interceptViewCheckoutById(checkoutProjection);
+    interceptViewIsSizeChangeEnabledByCheckoutId(true);
+    interceptViewFiveItemsDiscountByCustomerId(0);
+    interceptViewBookedProductsVariantsForCheckoutItem(bookedProductsVariants);
+    interceptListReturnQuestionsByCheckoutItemId(returnQuestions);
+    interceptViewPricingByCheckoutId(pricing());
+    interceptViewPaymentFlowPayloadByCheckoutId(paymentFlowPayload);
+    interceptListCheckoutQuestionsByCheckoutId(checkoutQuestions);
+
+    interceptKeepCheckoutItem();
+    interceptReplaceCheckoutItem();
+    interceptReturnCheckoutItem();
+    interceptBlockCheckoutBooking();
+    interceptPayment();
+    interceptSubmitCheckout().as("submitCheckout");
+    interceptGiveCheckoutFeedback().as("giveCheckoutFeedback");
+
+    navigateToHome();
+  });
+
+  it("Keep checkout items", () => {
+    checkoutProjection.items.forEach((checkoutItemProjection, checkoutItemIndex) => {
+      cy.shouldIncludePathInUrl(checkoutItemProjection.id);
+
+      cy.getByTestId("keep-button").click();
+
+      const queryAlias = `viewFirstAvailableCheckoutByCustomerId_${checkoutItemProjection.id}`;
+      interceptViewFirstAvailableCheckoutByCustomerId(
+        checkout({
+          status: CheckoutStatus.STARTED,
+          items: checkoutProjection.items.map((item, index) =>
+            checkoutItem({
+              ...item,
+              status: index <= checkoutItemIndex ? CheckoutItemStatus.KEPT : CheckoutItemStatus.INITIAL,
+            }),
+          ),
+        }),
+      ).as(queryAlias);
+      cy.wait(`@${queryAlias}`);
+    });
+
+    cy.shouldIncludePathInUrl(`${BASEPATH}/${Routes.SUMMARY}`);
+
+    cy.getByTestId("keep-checkout-item").should("have.length", checkoutProjection.items.length);
+    cy.getByTestId("return-checkout-item").should("have.length", 0);
+
+    cy.getByTestId("submit-checkout-button").click();
+
+    confirmCheckout();
+
+    checkoutFeedback();
+  });
+
+  it("Replace checkout items", () => {
+    checkoutProjection.items.forEach((checkoutItemProjection, checkoutItemIndex) => {
+      cy.shouldIncludePathInUrl(checkoutItemProjection.id);
+
+      cy.getByTestId("size-selector").click();
+
+      const queryAlias = `viewFirstAvailableCheckoutByCustomerId_${checkoutItemProjection.id}`;
+      interceptViewFirstAvailableCheckoutByCustomerId(
+        checkout({
+          status: CheckoutStatus.STARTED,
+          items: checkoutProjection.items.map((item, index) =>
+            checkoutItem({
+              ...item,
+              status: index <= checkoutItemIndex ? CheckoutItemStatus.REPLACED : CheckoutItemStatus.INITIAL,
+            }),
+          ),
+        }),
+      ).as(queryAlias);
+
+      const index = randomIndex(bookedProductsVariants.productVariants.length);
+      const randomBookedProductVariant = bookedProductsVariants.productVariants[index];
+      cy.getByTestId(randomBookedProductVariant.id).click();
+
+      cy.getByTestId("modal-notification-button").click();
+
+      cy.wait(`@${queryAlias}`);
+    });
+
+    cy.shouldIncludePathInUrl(`${BASEPATH}/${Routes.SUMMARY}`);
+
+    cy.getByTestId("keep-checkout-item").should("have.length", checkoutProjection.items.length);
+    cy.getByTestId("return-checkout-item").should("have.length", checkoutProjection.items.length);
+
+    cy.getByTestId("submit-checkout-button").click();
+
+    confirmCheckout();
+
+    checkoutFeedback();
+  });
+
+  it("Return checkout items", () => {
+    checkoutProjection.items.forEach((checkoutItemProjection, checkoutItemIndex) => {
+      cy.shouldIncludePathInUrl(checkoutItemProjection.id);
+
+      cy.getByTestId("return-button").click();
+
+      cy.shouldIncludePathInUrl(`${BASEPATH}/return`);
+
+      returnQuestionAnswers.forEach((returnQuestionAnswer) => {
+        returnQuestionAnswer.forEach((answer) => {
+          cy.getByTestId(answer).click().as("returnQuestionAnswers");
+        });
+      });
+
+      cy.getByTestId("return-questions-button").click();
+
+      const queryAlias = `viewFirstAvailableCheckoutByCustomerId_${checkoutItemProjection.id}`;
+      interceptViewFirstAvailableCheckoutByCustomerId(
+        checkout({
+          status: CheckoutStatus.STARTED,
+          items: checkoutProjection.items.map((item, index) =>
+            checkoutItem({
+              ...item,
+              status: index <= checkoutItemIndex ? CheckoutItemStatus.RETURNED : CheckoutItemStatus.INITIAL,
+            }),
+          ),
+        }),
+      ).as(queryAlias);
+      cy.wait(`@${queryAlias}`);
+    });
+
+    cy.shouldIncludePathInUrl(`${BASEPATH}/${Routes.SUMMARY}`);
+
+    cy.getByTestId("keep-checkout-item").should("have.length", 0);
+    cy.getByTestId("return-checkout-item").should("have.length", checkoutProjection.items.length);
+
+    cy.getByTestId("submit-checkout-button").click();
+
+    confirmCheckout();
+
+    checkoutFeedback();
+  });
+});

package/cypress/support/e2e.ts

@@ -0,0 +1,3 @@
+Cypress.Commands.add("getByTestId", (selector, ...args) => cy.get(`[data-testid=${selector}]`, ...args));
+
+Cypress.Commands.add("shouldIncludePathInUrl", (path) => cy.url().should("include", path));

package/cypress/support/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="cypress" />
+
+declare namespace Cypress {
+  interface Chainable {
+    getByTestId(selector: string): Chainable<JQuery<HTMLElement>>;
+    shouldIncludePathInUrl(path: string): Chainable<string>;
+  }
+}

package/cypress/support/interceptBlockCheckoutBooking.ts

@@ -0,0 +1,4 @@
+const interceptBlockCheckoutBooking = () =>
+  cy.intercept({ method: "POST", url: "/local-to-dev/block-checkout-booking" }, { statusCode: 200 });
+
+export { interceptBlockCheckoutBooking };

package/cypress/support/interceptGiveCheckoutFeedback.ts

@@ -0,0 +1,4 @@
+const interceptGiveCheckoutFeedback = () =>
+  cy.intercept({ method: "POST", url: "/local-to-dev/give-checkout-feedback" }, { statusCode: 200 });
+
+export { interceptGiveCheckoutFeedback };

package/cypress/support/interceptKeepCheckoutItem.ts

@@ -0,0 +1,4 @@
+const interceptKeepCheckoutItem = () =>
+  cy.intercept({ method: "POST", url: "/local-to-dev/keep-checkout-item" }, { statusCode: 200 });
+
+export { interceptKeepCheckoutItem };

package/cypress/support/interceptListCheckoutQuestionsByCheckoutId.ts

@@ -0,0 +1,9 @@
+import { CheckoutQuestionProjection } from "../../src/projection/checkoutQuestion/checkoutQuestion";
+
+const interceptListCheckoutQuestionsByCheckoutId = (response: CheckoutQuestionProjection[]) =>
+  cy.intercept(
+    { method: "POST", url: "/local-to-dev/list-checkout-questions-by-checkout-id" },
+    { body: { result: response } },
+  );
+
+export { interceptListCheckoutQuestionsByCheckoutId };

package/cypress/support/interceptListReturnQuestionsByCheckoutItemId.ts

@@ -0,0 +1,9 @@
+import { ReturnQuestionProjection } from "../../src/projection/returnQuestion/returnQuestion";
+
+const interceptListReturnQuestionsByCheckoutItemId = (response: ReturnQuestionProjection[]) =>
+  cy.intercept(
+    { method: "POST", url: "/local-to-dev/list-return-questions-by-checkout-item-id" },
+    { body: { result: response } },
+  );
+
+export { interceptListReturnQuestionsByCheckoutItemId };

package/cypress/support/interceptPayment.ts

@@ -0,0 +1,23 @@
+const interceptPayment = () =>
+  cy.intercept(
+    { method: "POST", url: "/graphql" },
+    {
+      body: {
+        data: {
+          performCheckout: {
+            chargeExecution: {
+              chargeId: "7669b514-66b1-4adf-a91d-c948ce4c4d3d",
+              status: "EXECUTED",
+              metadata:
+                '{"intentId":"pi_3QIpjzGGj5moBHXu0D79lLS6","clientSecret":"pi_3QIpjzGGj5moBHXu0D79lLS6_secret_wnRLhdsN8ZIzvku9jrlgl6tKk","paymentInstrumentId":"689877fc-158d-49da-8f5e-22a8fca76b79","chargeId":"ch_3QIpjzGGj5moBHXu0KN6j3Cq"}',
+              declineCode: null,
+            },
+            errors: [],
+            result: true,
+          },
+        },
+      },
+    },
+  );
+
+export { interceptPayment };

package/cypress/support/interceptReplaceCheckoutItem.ts

@@ -0,0 +1,4 @@
+const interceptReplaceCheckoutItem = () =>
+  cy.intercept({ method: "POST", url: "/local-to-dev/replace-checkout-item" }, { statusCode: 200 });
+
+export { interceptReplaceCheckoutItem };

package/cypress/support/interceptReturnCheckoutItem.ts

@@ -0,0 +1,4 @@
+const interceptReturnCheckoutItem = () =>
+  cy.intercept({ method: "POST", url: "/local-to-dev/return-checkout-item" }, { statusCode: 200 });
+
+export { interceptReturnCheckoutItem };

package/cypress/support/interceptSubmitCheckout.ts

@@ -0,0 +1,4 @@
+const interceptSubmitCheckout = () =>
+  cy.intercept({ method: "POST", url: "/local-to-dev/submit-checkout" }, { statusCode: 200 });
+
+export { interceptSubmitCheckout };

package/cypress/support/interceptViewBookedProductsVariantsForCheckoutItem.ts

@@ -0,0 +1,9 @@
+import { BookedProductsVariantsProjection } from "../../src/projection/bookedProductsVariants/bookedProductsVariants";
+
+const interceptViewBookedProductsVariantsForCheckoutItem = (response: BookedProductsVariantsProjection) =>
+  cy.intercept(
+    { method: "POST", url: "/local-to-dev/view-booked-product-variants-for-checkout-item" },
+    { body: { result: response } },
+  );
+
+export { interceptViewBookedProductsVariantsForCheckoutItem };

package/cypress/support/interceptViewCheckoutById.ts

@@ -0,0 +1,6 @@
+import { CheckoutProjection } from "../../src/projection/checkout/checkout";
+
+const interceptViewCheckoutById = (response: CheckoutProjection) =>
+  cy.intercept({ method: "POST", url: "/local-to-dev/view-checkout-by-id" }, { body: { result: response } });
+
+export { interceptViewCheckoutById };

package/cypress/support/interceptViewFirstAvailableCheckoutByCustomerId.ts

@@ -0,0 +1,9 @@
+import { CheckoutProjection } from "../../src/projection/checkout/checkout";
+
+const interceptViewFirstAvailableCheckoutByCustomerId = (response: CheckoutProjection) =>
+  cy.intercept(
+    { method: "POST", url: "/local-to-dev/view-first-available-checkout-by-customer-id" },
+    { body: { result: response } },
+  );
+
+export { interceptViewFirstAvailableCheckoutByCustomerId };

package/cypress/support/interceptViewFiveItemsDiscountByCustomerId.ts

@@ -0,0 +1,6 @@
+import { FiveItemsDiscountByCustomerIdProjection } from "../../src/projection/checkout/viewFiveItemsDiscountByCustomerId";
+
+const interceptViewFiveItemsDiscountByCustomerId = (response: FiveItemsDiscountByCustomerIdProjection) =>
+  cy.intercept({ method: "GET", url: "/local-to-dev/view-five-items-discount-by-customer-id/*" }, { body: response });
+
+export { interceptViewFiveItemsDiscountByCustomerId };

package/cypress/support/interceptViewIsSizeChangeEnabledByCheckoutId.ts

@@ -0,0 +1,6 @@
+import { IsSizeChangeEnabledByCheckoutIdProjection } from "../../src/projection/checkout/viewIsSizeChangeEnabledByCheckoutId";
+
+const interceptViewIsSizeChangeEnabledByCheckoutId = (response: IsSizeChangeEnabledByCheckoutIdProjection) =>
+  cy.intercept({ method: "GET", url: "/local-to-dev/is-size-change-enabled-by-checkout-id/*" }, { body: response });
+
+export { interceptViewIsSizeChangeEnabledByCheckoutId };

package/cypress/support/interceptViewPaymentFlowPayloadByCheckoutId.ts

@@ -0,0 +1,9 @@
+import { PaymentFlowPayloadProjection } from "../../src/projection/payment/paymentFlowPayload";
+
+const interceptViewPaymentFlowPayloadByCheckoutId = (response: PaymentFlowPayloadProjection) =>
+  cy.intercept(
+    { method: "POST", url: "/local-to-dev/view-payment-flow-payload-by-checkout-id" },
+    { body: { result: response } },
+  );
+
+export { interceptViewPaymentFlowPayloadByCheckoutId };

package/cypress/support/interceptViewPricingByCheckoutId.ts

@@ -0,0 +1,6 @@
+import { PricingProjection } from "../../src/projection/pricing/pricing";
+
+const interceptViewPricingByCheckoutId = (response: PricingProjection) =>
+  cy.intercept({ method: "POST", url: "/local-to-dev/view-pricing-by-checkout-id" }, { body: { result: response } });
+
+export { interceptViewPricingByCheckoutId };

package/cypress/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress", "node"]
+  },
+  "include": ["**/*.ts"]
+}

package/cypress.config.ts

@@ -0,0 +1,50 @@
+import { defineConfig } from "cypress";
+
+const webpack = require("webpack");
+const expoWebpackConfig = require("./webpack.config");
+
+export default defineConfig({
+  projectId: "checkout",
+  fixturesFolder: "cypress/fixtures",
+  screenshotsFolder: "cypress/screenshots",
+  videosFolder: "cypress/videos",
+  viewportWidth: 1280,
+  viewportHeight: 720,
+  defaultCommandTimeout: 10000,
+
+  e2e: {
+    async setupNodeEvents(on, config) {
+      const webpackPreprocessor = require("@cypress/webpack-preprocessor");
+      const webpackOptions = await expoWebpackConfig(
+        {
+          pwa: false,
+          logger: {},
+          mode: "development",
+          https: false,
+        },
+        {},
+      );
+
+      on(
+        "file:preprocessor",
+        webpackPreprocessor({
+          webpackOptions: {
+            ...webpackOptions,
+            plugins: [new webpack.DefinePlugin({ process: { env: {} } })],
+          },
+        }),
+      );
+
+      return config;
+    },
+    baseUrl: "http://localhost:19004/",
+    specPattern: "cypress/integration/**/*.{js,jsx,ts,tsx}",
+  },
+
+  component: {
+    devServer: {
+      framework: "react",
+      bundler: "webpack",
+    },
+  },
+});

package/dist/src/ExpoRoot.js

@@ -25,7 +25,7 @@ const order = {
     coupon: "MYLOOKIERO",
 };
 const customer = {
-    customerId: "caa609aa-437c-487a-b2f5-f8037fdfb029",
+    customerId: "74cb4f76-3f14-4983-81a6-2ee2a9a275d4",
     country: Country.ES,
     segment: Segment.WOMEN,
 };
@@ -36,7 +36,7 @@ const sentryConfig = {
     environment: `${Platform.OS}-EXPO`,
 };
 const apiUrl = Platform.OS !== "web" ? "https://web2.sp.dev.aws.lookiero.es/quiz/api" : __DEV__ ? "/local-to-dev" : "/checkout/api";
-const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjUzNzc0NzMsImV4cCI6MTcyNzUyMDA0NywiZGlzcGxheU5hbWUiOiJBbGV4YW5kZXIiLCJjb3VudHJ5X2NvZGUiOiJFUyIsImFjY2Vzc1ZpYSI6ImVtYWlsIiwic3Vic2NyaXB0aW9uU3RhcnRpbmdEYXRlIjoiMjAyNC0wOC0yNiIsImltcGVyc29uYXRlZCI6ZmFsc2UsInV1aWQiOiJjYWE2MDlhYS00MzdjLTQ4N2EtYjJmNS1mODAzN2ZkZmIwMjkiLCJpYXQiOjE3MjQ4NDE2NDd9.qDSpZGFDac-5iXVacM5j79ejkSra3ePpECl750kRJfc";
+const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2NDg3OTAsImV4cCI6MTczNDAwNTE4MywiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjQtMTEtMDgiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiNzRjYjRmNzYtM2YxNC00OTgzLTgxYTYtMmVlMmE5YTI3NWQ0IiwiaWF0IjoxNzMxNDEzMTgzfQ.KU6RhR19P6FhbH-lad-Hyx2PP1pv25GaDiE2txK9LMI";
 const getAuthToken = () => Promise.resolve(authToken);
 const externalTranslationsUrl = Platform.OS !== "web"
     ? "https://backend-for-user.dev.envs.lookiero.tech/api/v2/translations"

package/dist/src/infrastructure/projection/payment/react/useViewPaymentFlowPayloadByCheckoutId.js

@@ -13,6 +13,6 @@ const useViewPaymentFlowPayloadByCheckoutId = ({ checkoutId }) => useQuery({
     query: viewPaymentFlowPayloadByCheckoutId({ checkoutId: checkoutId }),
     contextId: MESSAGING_CONTEXT_ID,
     invalidation: shouldInvalidate,
-    options: { refetchOnMount: "always", enabled: Boolean(checkoutId), cacheTime: 0 },
+    options: { refetchOnMount: "always", enabled: Boolean(checkoutId), cacheTime: 0, refetchOnWindowFocus: false },
 });
 export { useViewPaymentFlowPayloadByCheckoutId };

package/dist/src/infrastructure/ui/Root.d.ts

@@ -4,7 +4,7 @@ import { I18n } from "@lookiero/i18n-react";
 import { MessagingRoot } from "@lookiero/messaging-react/bootstrap";
 import { Locale } from "@lookiero/sty-psp-locale";
 import { SentryEnvironment, SentryLoggerFunctionArgs } from "@lookiero/sty-psp-logging";
-import { EnvironmentStyle, Layout } from "@lookiero/sty-psp-ui";
+import { Layout } from "@lookiero/sty-psp-ui";
 import { Customer } from "../../projection/customer/customer";
 import { Order } from "../../projection/order/order";
 import { Subscription } from "../../projection/subscription/subscription";
@@ -27,7 +27,6 @@ interface RootProps {
     readonly order: Order | undefined;
     readonly subscription: Subscription | undefined;
     readonly layout: Layout;
-    readonly style?: EnvironmentStyle;
     readonly onNotAccessible: () => void;
     readonly onCheckoutSubmitted?: () => void;
     readonly useRedirect: () => Record<string, string>;

package/dist/src/infrastructure/ui/Root.js

@@ -4,17 +4,15 @@ import { Platform } from "react-native";
 import { useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { Locale } from "@lookiero/sty-psp-locale";
 import { sentryLogger, sentryLoggerHOC } from "@lookiero/sty-psp-logging";
-import { EnvironmentStyleProvider } from "@lookiero/sty-psp-ui";
 import { Routing } from "./routing/Routing";
 const root = ({ Messaging, I18n, getAuthToken, development, sentry, kameleoon: kameleoonConfig }) => {
     const logger = sentryLogger(sentry);
     const kameleoon = kameleoonConfig();
     // eslint-disable-next-line react/display-name, react/prop-types
-    const Root = ({ basePath, locale = Locale.en_GB, customer, order, subscription, layout, style, onNotAccessible, onCheckoutSubmitted, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
+    const Root = ({ basePath, locale = Locale.en_GB, customer, order, subscription, layout, onNotAccessible, onCheckoutSubmitted, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
         const handleOnI18nError = useCallback((error) => logger.captureException(error), []);
         return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
-            React.createElement(EnvironmentStyleProvider, { style: style },
-                React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, kameleoon: kameleoon, layout: layout, locale: locale, order: order, subscription: subscription, useRedirect: useRedirect, useRoutes: useRoutes, onCheckoutSubmitted: onCheckoutSubmitted, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
+            React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, kameleoon: kameleoon, layout: layout, locale: locale, order: order, subscription: subscription, useRedirect: useRedirect, useRoutes: useRoutes, onCheckoutSubmitted: onCheckoutSubmitted, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
     };
     const hoc = sentryLoggerHOC({ logger });
     /**

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.js

@@ -2,13 +2,12 @@ import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { TouchableHighlight, View } from "react-native";
 import { ButtonIcon } from "@lookiero/aurora";
 import { useIntl } from "@lookiero/i18n-react";
-import { Modal, useEnvironmentStyle } from "@lookiero/sty-psp-ui";
+import { Modal } from "@lookiero/sty-psp-ui";
 import { InputField } from "../../../../../../../shared/ui/components/molecules/inputField/InputField";
 import { useReturnQuestionFeedback, useReturnQuestionFeedbackForReturnQuestion, } from "../../behaviors/useReturnQuestionFeedback";
 import { deepestReturnQuestionWithFeedbackForReturnQuestion, feedbackForReturnQuestion, } from "../../util/returnQuestionFeedback";
 import { style, containerUnderlayColor } from "./HostSelectReturnQuestionItem.style";
 const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName, testID, }) => {
-    const { modal } = useEnvironmentStyle();
     const { formatMessage } = useIntl();
     const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.placeholder]);
     const [modalVisible, setModalVisible] = useState(false);
@@ -36,6 +35,6 @@ const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName
             React.createElement(View, { pointerEvents: "none" },
                 React.createElement(InputField, { editable: false, icon: "arrow_down", label: placeholderText, value: inputValue }))),
         React.createElement(Modal, { portalHostName: portalHostName, style: deepestReturnQuestionWithFeedback && { header: style.header }, visible: modalVisible, header: deepestReturnQuestionWithFeedback && (React.createElement(ButtonIcon, { name: "arrow_left", style: style.backButton, testID: "modal-back-button", onPress: handleOnBackButtonPress })), scroll: true, showCloseButton: true, onClose: handleOnModalClose },
-            React.createElement(View, { style: [style.modal, modal?.content] }, children))));
+            React.createElement(View, { style: style.modalContent }, children))));
 };
 export { HostSelectReturnQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.style.d.ts

@@ -9,7 +9,7 @@ declare const style: {
     header: {
         justifyContent: "space-between";
     };
-    modal: {
+    modalContent: {
         paddingBottom: number;
         paddingHorizontal: number;
     };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.style.js

@@ -12,7 +12,7 @@ const style = StyleSheet.create({
     header: {
         justifyContent: "space-between",
     },
-    modal: {
+    modalContent: {
         paddingBottom: space6,
         paddingHorizontal: space6,
     },

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems.js

@@ -2,15 +2,14 @@ import React from "react";
 import { View } from "react-native";
 import { COLOR, Text } from "@lookiero/aurora";
 import { useIntl } from "@lookiero/i18n-react";
-import { Modal, useEnvironmentStyle } from "@lookiero/sty-psp-ui";
+import { Modal } from "@lookiero/sty-psp-ui";
 import ReturnQuestion from "../../ReturnQuestion";
 import { style } from "./ModalOptionReturnQuestionItems.style";
 const ModalOptionReturnQuestionItems = ({ portalHostName, returnQuestion, visible, onClose, }) => {
-    const { modal } = useEnvironmentStyle();
     const { formatMessage } = useIntl();
     const title = formatMessage({ id: returnQuestion.name });
     return (React.createElement(Modal, { portalHostName: portalHostName, visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
-        React.createElement(View, { style: [style.modalContent, modal?.content] },
+        React.createElement(View, { style: style.modalContent },
             React.createElement(Text, { color: COLOR.TEXT_MEDIUM, level: 2, style: style.optionText }, title),
             React.createElement(React.Fragment, null, returnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: "", returnQuestion: childReturnQuestion, returnQuestionParent: returnQuestion })))))));
 };

package/dist/src/infrastructure/ui/test/render.js

@@ -4,7 +4,6 @@ import React, { Fragment } from "react";
 import { IntlProvider } from "react-intl";
 import { Aurora } from "@lookiero/aurora";
 import { LoggerProvider } from "@lookiero/sty-psp-logging";
-import { EnvironmentStyleProvider } from "@lookiero/sty-psp-ui";
 import { BasePathProvider } from "../routing/useBasePath";
 const renderWrapper = ({ locale, messages = {}, wrapper: Wrapper = Fragment, logger = mock() }) => 
 // eslint-disable-next-line react/display-name, react/prop-types
@@ -12,7 +11,6 @@ const renderWrapper = ({ locale, messages = {}, wrapper: Wrapper = Fragment, log
     React.createElement(IntlProvider, { locale: locale, messages: messages, onError: () => void 0 },
         React.createElement(LoggerProvider, { logger: logger },
             React.createElement(BasePathProvider, { basePath: "" },
-                React.createElement(EnvironmentStyleProvider, null,
-                    React.createElement(Wrapper, null, children)))))));
+                React.createElement(Wrapper, null, children))))));
 const renderWithProviders = (ui, { locale, messages, wrapper } = { locale: "en" }) => render(ui, { wrapper: renderWrapper({ locale, messages, wrapper }) });
 export { renderWithProviders as render };