@lookiero/checkout 9.8.4 → 9.9.0-beta.0

package/dist/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.d.ts

@@ -0,0 +1,26 @@
+import { Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+
+type IsCheckoutAccessibleByCustomerIdProjection = boolean;
+declare const VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID = "view_is_checkout_accessible_by_customer_id";
+interface ViewIsCheckoutAccessibleByCustomerIdPayload {
+  readonly customerId: string | undefined;
+}
+interface ViewIsCheckoutAccessibleByCustomerId
+  extends Query<typeof VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID>,
+    ViewIsCheckoutAccessibleByCustomerIdPayload {}
+interface ViewIsCheckoutAccessibleByCustomerIdFunction {
+  (payload: ViewIsCheckoutAccessibleByCustomerIdPayload): ViewIsCheckoutAccessibleByCustomerId;
+}
+declare const viewIsCheckoutAccessibleByCustomerId: ViewIsCheckoutAccessibleByCustomerIdFunction;
+interface ViewIsCheckoutAccessibleByCustomerIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {}
+declare const viewIsCheckoutAccessibleByCustomerIdHandler: QueryHandlerFunction<
+  ViewIsCheckoutAccessibleByCustomerId,
+  IsCheckoutAccessibleByCustomerIdProjection,
+  ViewIsCheckoutAccessibleByCustomerIdHandlerFunctionArgs
+>;
+export type { IsCheckoutAccessibleByCustomerIdProjection };
+export {
+  VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID,
+  viewIsCheckoutAccessibleByCustomerId,
+  viewIsCheckoutAccessibleByCustomerIdHandler,
+};

package/dist/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.js

@@ -0,0 +1,21 @@
+import { query } from "@lookiero/messaging";
+import { viewFirstAvailableCheckoutByCustomerId } from "./viewFirstAvailableCheckoutByCustomerId";
+import { viewIsCheckoutEnabledByCustomerId } from "./viewIsCheckoutEnabledByCustomerId";
+
+const VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID = "view_is_checkout_accessible_by_customer_id";
+const viewIsCheckoutAccessibleByCustomerId = (payload) => ({
+  ...query({ name: VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID }),
+  ...payload,
+});
+const isNonEmptyCustomerId = (customerId) => Boolean(customerId);
+const viewIsCheckoutAccessibleByCustomerIdHandler =
+  ({ queryBus }) =>
+  async ({ customerId }) =>
+    isNonEmptyCustomerId(customerId) &&
+    Boolean(await queryBus(viewFirstAvailableCheckoutByCustomerId({ customerId }))) &&
+    Boolean(await queryBus(viewIsCheckoutEnabledByCustomerId({ customerId })));
+export {
+  VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID,
+  viewIsCheckoutAccessibleByCustomerId,
+  viewIsCheckoutAccessibleByCustomerIdHandler,
+};

package/dist/src/projection/customer/customer.d.ts

@@ -4,5 +4,7 @@ interface Customer {
     readonly customerId: string;
     readonly country: Country;
     readonly segment: Segment;
+    readonly name: string;
+    readonly email: string;
 }
 export type { Customer };

package/dist/src/projection/shared/country.d.ts

@@ -0,0 +1,14 @@
+declare enum Country {
+  ES = "ES",
+  FR = "FR",
+  GB = "GB",
+  BE = "BE",
+  LU = "LU",
+  IT = "IT",
+  PT = "PT",
+  DE = "DE",
+  AT = "AT",
+  NL = "NL",
+  SE = "SE",
+}
+export { Country };

package/dist/src/projection/shared/country.js

@@ -0,0 +1,15 @@
+var Country;
+(function (Country) {
+  Country["ES"] = "ES";
+  Country["FR"] = "FR";
+  Country["GB"] = "GB";
+  Country["BE"] = "BE";
+  Country["LU"] = "LU";
+  Country["IT"] = "IT";
+  Country["PT"] = "PT";
+  Country["DE"] = "DE";
+  Country["AT"] = "AT";
+  Country["NL"] = "NL";
+  Country["SE"] = "SE";
+})(Country || (Country = {}));
+export { Country };

package/dist/src/projection/shared/customer.d.ts

@@ -0,0 +1,9 @@
+import { Country } from "@lookiero/sty-psp-locale";
+import { Segment } from "@lookiero/sty-psp-segment";
+
+interface Customer {
+  readonly customerId: string;
+  readonly country: Country;
+  readonly segment: Segment;
+}
+export type { Customer };

package/dist/src/projection/shared/customer.js

@@ -0,0 +1 @@
+export {};

package/dist/src/projection/shared/locale.d.ts

@@ -0,0 +1,12 @@
+declare enum Locale {
+  ES = "es",
+  FR = "fr",
+  EN = "en",
+  IT = "it",
+  PT = "pt",
+  DE = "de",
+  AT = "at",
+  NL = "nl",
+  SE = "sv",
+}
+export { Locale };

package/dist/src/projection/shared/locale.js

@@ -0,0 +1,13 @@
+var Locale;
+(function (Locale) {
+  Locale["ES"] = "es";
+  Locale["FR"] = "fr";
+  Locale["EN"] = "en";
+  Locale["IT"] = "it";
+  Locale["PT"] = "pt";
+  Locale["DE"] = "de";
+  Locale["AT"] = "at";
+  Locale["NL"] = "nl";
+  Locale["SE"] = "sv";
+})(Locale || (Locale = {}));
+export { Locale };

package/dist/src/projection/shared/order.d.ts

@@ -0,0 +1,6 @@
+interface Order {
+  readonly orderNumber: number;
+  readonly isFirstOrder: boolean;
+  readonly coupon: string | null;
+}
+export type { Order };

package/dist/src/projection/shared/order.js

@@ -0,0 +1 @@
+export {};

package/dist/src/projection/shared/price.d.ts

@@ -0,0 +1,11 @@
+import { Currency } from "../../domain/checkoutItem/model/currency";
+
+interface PriceProjection {
+  readonly amount: number;
+  readonly currency: Currency;
+  readonly discountedPrice?: {
+    readonly amount: number;
+    readonly percentage: number;
+  };
+}
+export type { PriceProjection };

package/dist/src/projection/shared/price.js

@@ -0,0 +1 @@
+export {};

package/dist/src/projection/shared/size.d.ts

@@ -0,0 +1,21 @@
+import { Country } from "./country";
+
+interface SizeProjection {
+  readonly id: string;
+  readonly lookiero: string;
+  readonly uk: string;
+  readonly it: string;
+  readonly europe: string;
+  readonly unique: boolean;
+  readonly visualOrder?: number;
+}
+interface SizeFunctionArgs {
+  readonly size: SizeProjection;
+  readonly country: Country;
+}
+interface SizeFunction {
+  (args: SizeFunctionArgs): string;
+}
+declare const size: SizeFunction;
+export type { SizeProjection };
+export { size };

package/dist/src/projection/shared/size.js

@@ -0,0 +1,4 @@
+import { Country } from "./country";
+
+const size = ({ size, country }) => (country === Country.GB ? size.uk : size.lookiero);
+export { size };

package/dist/src/projection/shared/subscription.d.ts

@@ -0,0 +1,2 @@
+type Subscription = "o" | "m" | "b" | "q";
+export type { Subscription };

package/dist/src/projection/shared/subscription.js

@@ -0,0 +1 @@
+export {};

package/dist/src/shared/ui/components/atoms/aspectRatioView/AspectRatioView.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from "react";
+import { StyleProp, ViewStyle } from "react-native";
+declare enum AspectRatioViewResizeDirection {
+    VERTICAL = "VERTICAL",
+    HORIZONTAL = "HORIZONTAL"
+}
+interface AspectRatioViewProps {
+    readonly aspectRatio?: number;
+    readonly resizeDirection?: AspectRatioViewResizeDirection;
+    readonly multiplier?: number;
+    readonly children: ReactNode;
+    readonly style?: StyleProp<ViewStyle>;
+}
+declare const AspectRatioView: FC<AspectRatioViewProps>;
+export { AspectRatioView, AspectRatioViewResizeDirection };

package/dist/src/shared/ui/components/atoms/aspectRatioView/AspectRatioView.js

@@ -0,0 +1,16 @@
+import React, { useCallback, useState } from "react";
+import { View } from "react-native";
+var AspectRatioViewResizeDirection;
+(function (AspectRatioViewResizeDirection) {
+    AspectRatioViewResizeDirection["VERTICAL"] = "VERTICAL";
+    AspectRatioViewResizeDirection["HORIZONTAL"] = "HORIZONTAL";
+})(AspectRatioViewResizeDirection || (AspectRatioViewResizeDirection = {}));
+const AspectRatioView = ({ aspectRatio = 1, resizeDirection = AspectRatioViewResizeDirection.HORIZONTAL, multiplier = 1, style: customStyle = {}, children, }) => {
+    const [{ width, height }, setDimension] = useState({});
+    const handleOnLayout = useCallback(({ nativeEvent: { layout } }) => setDimension(resizeDirection === AspectRatioViewResizeDirection.HORIZONTAL
+        ? { width: layout.width * multiplier, height: layout.width * aspectRatio }
+        : { width: layout.height * aspectRatio, height: layout.height }), [aspectRatio, multiplier, resizeDirection]);
+    return (React.createElement(View, { onLayout: handleOnLayout },
+        React.createElement(View, { style: [{ width, height }, customStyle] }, children)));
+};
+export { AspectRatioView, AspectRatioViewResizeDirection };

package/dist/src/shared/ui/components/atoms/error/Error.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { StyleProp, TextStyle } from "react-native";
+
+type ErrorStyle = StyleProp<TextStyle>;
+interface ErrorProps {
+  readonly error?: string | null;
+  readonly style?: ErrorStyle;
+}
+declare const Error: FC<ErrorProps>;
+export type { ErrorStyle };
+export { Error };

package/dist/src/shared/ui/components/atoms/error/Error.js

@@ -0,0 +1,6 @@
+import React from "react";
+import { COLOR, Text } from "@lookiero/aurora";
+
+const Error = ({ error, style: customStyle }) =>
+  React.createElement(Text, { color: COLOR.TEXT_ERROR, level: 2, style: customStyle, detail: true }, error);
+export { Error };

package/dist/src/shared/ui/components/atoms/field/Field.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
+type FieldStyle = {
+    readonly field: StyleProp<ViewStyle>;
+    readonly fieldText: StyleProp<TextStyle>;
+};
+interface FieldProps {
+    readonly label: string;
+    readonly isFocused?: boolean;
+    readonly style?: FieldStyle;
+}
+declare const Field: FC<FieldProps>;
+export type { FieldStyle };
+export { Field };

package/dist/src/shared/ui/components/atoms/field/Field.js

@@ -0,0 +1,29 @@
+import React, { useCallback, useState } from "react";
+import { View } from "react-native";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { Text } from "@lookiero/aurora";
+import { theme } from "@lookiero/sty-psp-ui";
+import { style } from "./Field.style";
+const SCALE = 0.75;
+const { space1, space4 } = theme();
+const Field = ({ label, isFocused = false, style: customStyle }) => {
+    const [width, setWidth] = useState(0);
+    const handleOnLayout = useCallback(({ nativeEvent: { layout } }) => setWidth(layout.width), []);
+    const scale = useSharedValue(isFocused ? SCALE : 1);
+    scale.value = isFocused ? SCALE : 1;
+    const translateY = useSharedValue(isFocused ? -14 : space4);
+    translateY.value = isFocused ? -14 : space4;
+    const translateX = useSharedValue(isFocused ? -(((1 - SCALE) * width) / 2 + space1) : 0);
+    translateX.value = isFocused ? -(((1 - SCALE) * width) / 2 + space1) : 0;
+    const animatedStyle = useAnimatedStyle(() => ({
+        transform: [
+            { scale: withTiming(scale.value) },
+            { translateY: withTiming(translateY.value) },
+            { translateX: withTiming(translateX.value) },
+        ],
+    }), [scale.value, translateX.value, translateY.value]);
+    return (React.createElement(Animated.View, { pointerEvents: "none", style: [customStyle?.field, animatedStyle], onLayout: handleOnLayout },
+        React.createElement(Text, { level: 1, numberOfLines: 1, style: [style.fieldText, customStyle?.fieldText], detail: true }, label),
+        React.createElement(View, { style: [style.fieldBackground, { opacity: isFocused ? 1 : 0 }] })));
+};
+export { Field };

package/dist/src/shared/ui/components/atoms/field/Field.style.d.ts

@@ -0,0 +1,16 @@
+declare const style: {
+    fieldBackground: {
+        backgroundColor: string;
+        height: "100%";
+        position: "absolute";
+        width: "100%";
+        zIndex: number;
+    };
+    fieldText: {
+        flexWrap: "nowrap";
+        overflow: "hidden";
+        paddingHorizontal: number;
+        zIndex: number;
+    };
+};
+export { style };

package/dist/src/shared/ui/components/atoms/field/Field.style.js

@@ -0,0 +1,19 @@
+import { StyleSheet } from "react-native";
+import { theme } from "@lookiero/sty-psp-ui";
+const { colorBgBase, space1 } = theme();
+const style = StyleSheet.create({
+    fieldBackground: {
+        backgroundColor: colorBgBase,
+        height: "100%",
+        position: "absolute",
+        width: "100%",
+        zIndex: 0,
+    },
+    fieldText: {
+        flexWrap: "nowrap",
+        overflow: "hidden",
+        paddingHorizontal: space1,
+        zIndex: 1,
+    },
+});
+export { style };

package/dist/src/shared/ui/components/molecules/inputField/InputField.d.ts

@@ -0,0 +1,24 @@
+import { FC } from "react";
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
+import { IconName, InputProperties } from "@lookiero/aurora";
+import { ErrorStyle } from "@lookiero/sty-psp-ui";
+import { FieldStyle } from "../../atoms/field/Field";
+type IconStyle = StyleProp<TextStyle>;
+type InputFieldStyle = FieldStyle & {
+    readonly inputField: StyleProp<ViewStyle>;
+    readonly error: ErrorStyle;
+    readonly icon: IconStyle;
+};
+interface InputFieldBaseProps {
+    readonly label: string;
+    readonly multiline?: boolean;
+    readonly error?: string | null;
+    readonly style?: Partial<InputFieldStyle>;
+    readonly onChange?: (value: string) => void;
+    readonly icon?: IconName;
+}
+interface InputFieldProps extends Omit<InputProperties, keyof InputFieldBaseProps>, InputFieldBaseProps {
+}
+declare const InputField: FC<InputFieldProps>;
+export type { InputFieldStyle };
+export { InputField };

package/dist/src/shared/ui/components/molecules/inputField/InputField.js

@@ -0,0 +1,28 @@
+import React, { useCallback, useState } from "react";
+import { View } from "react-native";
+import { COLOR, Icon, Input } from "@lookiero/aurora";
+import { Error, theme } from "@lookiero/sty-psp-ui";
+import { Field } from "../../atoms/field/Field";
+import { style } from "./InputField.style";
+const { colorBgBase, colorBorderInput, colorBorderInputError, colorBorderInputFocus, colorText, colorTextError, colorTextMedium, iconSize, space6, } = theme();
+const inputPaddingRightWithIcon = iconSize + space6;
+const InputField = ({ label, placeholder, value, multiline = false, error, style: customStyle, onChange = () => void 0, icon, testID = "input", ...inputRestProps }) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const handleOnChange = useCallback((text) => onChange(text), [onChange]);
+    const handleOnBlur = useCallback(() => setIsFocused(false), []);
+    const handleOnFocus = useCallback(() => setIsFocused(true), []);
+    const borderColor = error ? colorBorderInputError : isFocused ? colorBorderInputFocus : colorBorderInput;
+    const color = error ? colorTextError : isFocused ? colorText : colorTextMedium;
+    return (React.createElement(View, { style: [style.inputField, { borderColor }, customStyle?.inputField], testID: "input-field" },
+        React.createElement(Field, { isFocused: isFocused || !!value, label: label, style: {
+                field: [style.field, customStyle?.field],
+                fieldText: [{ color }, customStyle?.fieldText],
+            } }),
+        React.createElement(Input, { autoCapitalize: "sentences", multiline: multiline, multilineMaxHeight: 242, placeholder: placeholder, placeholderTextColor: isFocused ? colorTextMedium : colorBgBase, style: [!!icon && { paddingRight: inputPaddingRightWithIcon }, style.input, { color }], testID: testID, value: value, onBlur: handleOnBlur, 
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            onChange: handleOnChange, onFocus: handleOnFocus, ...inputRestProps }),
+        !!icon && React.createElement(Icon, { color: COLOR.GRAYSCALE_L, name: icon, style: [style.icon, customStyle?.icon], testID: "icon" }),
+        !!error && React.createElement(Error, { error: error, style: [style.error, customStyle?.error] })));
+};
+export { InputField };

package/dist/src/shared/ui/components/molecules/inputField/InputField.style.d.ts

@@ -0,0 +1,29 @@
+import { StyleSheet } from "react-native";
+declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
+    error: {
+        marginLeft: number;
+        marginTop: number;
+    };
+    field: {
+        left: number;
+        maxWidth: "100%";
+        position: "absolute";
+        zIndex: number;
+    };
+    icon: {
+        height: number;
+        position: "absolute";
+        right: number;
+        top: number;
+        width: number;
+        zIndex: number;
+    };
+    input: {
+        textOverflow?: string | undefined;
+    };
+    inputField: {
+        borderRadius: number;
+        borderWidth: number;
+    };
+}>;
+export { style };

package/dist/src/shared/ui/components/molecules/inputField/InputField.style.js

@@ -0,0 +1,37 @@
+import { StyleSheet, Platform } from "react-native";
+import { theme } from "@lookiero/sty-psp-ui";
+const { space1, space4, space6, borderRadius2, borderWidth1 } = theme();
+const style = StyleSheet.create({
+    error: {
+        marginLeft: space6,
+        marginTop: space1,
+    },
+    field: {
+        left: space4,
+        maxWidth: "100%",
+        position: "absolute",
+        zIndex: 4,
+    },
+    icon: {
+        height: 16,
+        position: "absolute",
+        right: space4,
+        top: space4,
+        width: 16,
+        zIndex: 4,
+    },
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    input: {
+        ...Platform.select({
+            web: {
+                textOverflow: "ellipsis",
+            },
+        }),
+    },
+    inputField: {
+        borderRadius: borderRadius2,
+        borderWidth: borderWidth1,
+    },
+});
+export { style };

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "9.8.4";
+export declare const VERSION = "9.9.0-beta.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "9.8.4";
+export const VERSION = "9.9.0-beta.0";

package/index.ts

@@ -51,7 +51,7 @@ const bootstrap: BootstrapFunction = ({ apiUrl, getAuthToken, translations, sent
     queryBus(viewFirstAvailableCheckoutByCustomerId({ customerId: customerId as string }));
 
   return {
-    root: root({ Messaging, I18n, queryBus, getAuthToken, sentry, kameleoon }),
+    root: root({ Messaging, I18n, getAuthToken, sentry, kameleoon }),
     firstAvailableCheckoutByCustomerId,
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "9.8.4",
+  "version": "9.9.0-beta.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -46,7 +46,7 @@
     "@cypress/webpack-preprocessor": "^6.0.2",
     "@lookiero/eslint-config-sty-psp": "*",
     "@lookiero/event": "^0.3",
-    "@lookiero/payments-front": "6.0.3",
+    "@lookiero/payments-front": "6.0.3-LK-37736-2025.2.10.151202",
     "@lookiero/sty-psp-jest-config": "*",
     "@lookiero/sty-psp-prettier-config": "*",
     "@lookiero/sty-psp-scripts": "*",
@@ -76,7 +76,7 @@
     "@lookiero/event": "^0.3",
     "@lookiero/i18n": ">=0.9",
     "@lookiero/i18n-react": ">=0.9",
-    "@lookiero/payments-front": "6.0.3",
+    "@lookiero/payments-front": "6.0.3-LK-37736-2025.2.10.151202",
     "apollo-boost": "0.4.4",
     "expo": ">=51",
     "expo-font": ">=12",

package/src/ExpoRoot.tsx

@@ -32,9 +32,11 @@ const order: Order = {
 };
 
 const customer: Customer = {
-  customerId: "d3c2354b-9811-46d4-b2ba-5fba012ed94d",
+  customerId: "9413fe3a-09fc-4264-905e-040bb7b4ca75",
   country: Country.ES,
   segment: Segment.WOMEN,
+  email: "email@example.com",
+  name: "Adèle Léonce Émilie",
 };
 
 const sentryConfig: SentryEnvironment = {
@@ -51,7 +53,7 @@ const apiUrl =
       ? "/local-to-dev"
       : "/checkout/api";
 const authToken =
-  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2NDg3OTAsImV4cCI6MTc0MjM2OTcyNywiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjQtMTEtMDgiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiNzRjYjRmNzYtM2YxNC00OTgzLTgxYTYtMmVlMmE5YTI3NWQ0IiwiaWF0IjoxNzM5OTUwNTI3fQ.ajNczGc6YhM23--PsqlAoDrp_GN87TnHEBOYyg2hoWM";
+  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2NTIwMjgsImV4cCI6MTczOTQ0MTYwMSwiZGlzcGxheU5hbWUiOiJNaWtlbCIsImNvdW50cnlfY29kZSI6IkVTIiwiYWNjZXNzVmlhIjoiZW1haWwiLCJzdWJzY3JpcHRpb25TdGFydGluZ0RhdGUiOiIyMDI0LTExLTE4IiwiaW1wZXJzb25hdGVkIjpmYWxzZSwidXVpZCI6Ijk0MTNmZTNhLTA5ZmMtNDI2NC05MDVlLTA0MGJiN2I0Y2E3NSIsImlhdCI6MTczNjc2MzIwMn0.ZaFu4743f9XR0aK3LgMMhbmRHNloHtC1Sm0FDUtj8B8";
 const getAuthToken = () => Promise.resolve(authToken);
 
 const externalTranslationsUrl =
@@ -92,6 +94,7 @@ setPaymentsBridge({
   useFeatureFlags: () => ({}),
   locale: () => Promise.resolve("es-ES"),
   scrollView: ScrollView,
+  hostUrl: "",
 });
 
 const kameleoonConfig: KameleoonEnvironment = {
@@ -99,7 +102,7 @@ const kameleoonConfig: KameleoonEnvironment = {
   experiments: {},
 };
 
-const { Component: Messaging, queryBus } =
+const { Component: Messaging } =
   process.env.EXPO_PUBLIC_APP_VARIANT === "test"
     ? checkoutMockBootstrap()
     : checkoutBootstrap({ apiUrl: () => apiUrl, getAuthToken });
@@ -110,7 +113,6 @@ const I18n = i18n({
 const Root = root({
   Messaging,
   I18n,
-  queryBus,
   getAuthToken,
   development: false,
   sentry: () => (process.env.EXPO_PUBLIC_APP_VARIANT === "test" ? ({} as SentryEnvironment) : sentryConfig),

package/src/infrastructure/ui/Root.tsx

@@ -3,7 +3,6 @@ import React, { ComponentType, useCallback } from "react";
 import { Platform } from "react-native";
 import { useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { I18n } from "@lookiero/i18n-react";
-import { QueryBus } from "@lookiero/messaging";
 import { MessagingRoot } from "@lookiero/messaging-react/bootstrap";
 import { Locale } from "@lookiero/sty-psp-locale";
 import { SentryEnvironment, SentryLoggerFunctionArgs, sentryLogger, sentryLoggerHOC } from "@lookiero/sty-psp-logging";
@@ -12,13 +11,11 @@ import { Customer } from "../../projection/customer/customer";
 import { Order } from "../../projection/order/order";
 import { Subscription } from "../../projection/subscription/subscription";
 import { KameleoonEnvironment } from "../ab-testing/kameleoonEnvironment";
-import { QueryBusProvider } from "./hooks/useQueryBus";
 import { Routing } from "./routing/Routing";
 
 interface RootFunctionArgs {
   readonly Messaging: MessagingRoot;
   readonly I18n: I18n;
-  readonly queryBus: QueryBus;
   readonly development?: boolean;
   readonly sentry: () => SentryEnvironment;
   readonly getAuthToken: () => Promise<string>;
@@ -42,15 +39,7 @@ interface RootProps {
   readonly useRoutes?: typeof reactRouterUseRoutes;
 }
 
-const root: RootFunction = ({
-  Messaging,
-  I18n,
-  queryBus,
-  getAuthToken,
-  development,
-  sentry,
-  kameleoon: kameleoonConfig,
-}) => {
+const root: RootFunction = ({ Messaging, I18n, getAuthToken, development, sentry, kameleoon: kameleoonConfig }) => {
   const logger = sentryLogger(sentry);
   const kameleoon = kameleoonConfig();
 
@@ -71,24 +60,22 @@ const root: RootFunction = ({
 
     return (
       <Messaging includeReactQueryDevTools={Platform.OS === "web"}>
-        <QueryBusProvider queryBus={queryBus}>
-          <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}
-          />
-        </QueryBusProvider>
+        <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}
+        />
       </Messaging>
     );
   };