@lookiero/checkout 7.0.1 → 7.2.0-beta.0

package/dist/src/infrastructure/delivery/bootstrap.js

@@ -1,4 +1,6 @@
+import { Platform } from "react-native";
 import { fetchHttpGet, fetchHttpPost } from "@lookiero/sty-psp-http";
+import { VERSION } from "../../version";
 import { getCheckout, saveCheckout } from "../domain/checkout/model/httpCheckouts";
 import { getCheckoutBooking, saveCheckoutBooking } from "../domain/checkoutBooking/model/httpCheckoutBookings";
 import { getCheckoutFeedback, saveCheckoutFeedback } from "../domain/checkoutFeedback/model/httpCheckoutFeedbacks";
@@ -19,9 +21,10 @@ import { httpPricingByCheckoutIdView } from "../projection/pricing/httpPricingBy
 import { httpReturnQuestionsByCheckoutItemIdView } from "../projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView";
 import { storageUiSettingByKeyView } from "../projection/uiSetting/storageUiSettingByKeyView";
 import { baseBootstrap } from "./baseBootstrap";
+const device = Platform.OS;
 const bootstrap = ({ apiUrl, getAuthToken }) => {
-    const httpGet = fetchHttpGet({ apiUrl, getAuthToken });
-    const httpPost = fetchHttpPost({ apiUrl, getAuthToken });
+    const httpGet = fetchHttpGet({ apiUrl, getAuthToken, device, version: VERSION });
+    const httpPost = fetchHttpPost({ apiUrl, getAuthToken, device, version: VERSION });
     return baseBootstrap({
         checkoutByIdView: httpCheckoutByIdView({ httpPost }),
         firstAvailableCheckoutByCustomerIdView: httpFirstAvailableCheckoutByCustomerIdView({ httpPost }),

package/dist/src/infrastructure/projection/bookedProductsVariants/httpBookedProductsVariantsForCheckoutItemView.pact.js

@@ -35,6 +35,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewBookedProductVariantsForCheckoutItem API", (
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpBookedProductsVariantsForCheckoutItemView({ httpPost })({
                 checkoutItemId,

package/dist/src/infrastructure/projection/checkout/httpCheckoutByIdView.pact.js

@@ -73,6 +73,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewCheckoutById API", () => {
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpCheckoutByIdView({ httpPost })({ checkoutId, signal: undefined });
             expect(response).toStrictEqual(checkoutResponseWithReplacedFor.result);
@@ -97,6 +99,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewCheckoutById API", () => {
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpCheckoutByIdView({ httpPost })({ checkoutId, signal: undefined });
             expect(response).toStrictEqual(checkoutResponseWithoutReplacedFor.result);

package/dist/src/infrastructure/projection/checkout/httpFirstAvailableCheckoutByCustomerIdView.pact.js

@@ -36,6 +36,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewFirstAvailableCheckoutByCustomerId API", ()
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpFirstAvailableCheckoutByCustomerIdView({ httpPost })({
                 customerId,

package/dist/src/infrastructure/projection/checkout/httpFiveItemsDiscountByCustomerIdView.pact.js

@@ -31,6 +31,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewFiveItemsDiscountByCustomerId API", () => {
             const httpGet = fetchHttpGet({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpFiveItemsDiscountByCustomerIdView({ httpGet })({
                 customerId,

package/dist/src/infrastructure/projection/checkout/httpIsCheckoutEnabledByCustomerIdView.pact.js

@@ -31,6 +31,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewIsCheckoutEnabledByCustomerId API", () => {
             const httpGet = fetchHttpGet({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpIsCheckoutEnabledByCustomerIdView({ httpGet })({
                 customerId,

package/dist/src/infrastructure/projection/checkout/httpIsSizeChangeEnabledByCheckoutIdView.pact.js

@@ -31,6 +31,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewIsSizeChangeEnabledByCheckoutId API", () =>
             const httpGet = fetchHttpGet({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpIsSizeChangeEnabledByCheckoutIdView({ httpGet })({
                 checkoutId,

package/dist/src/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { IsCheckoutAccessibleByCustomerIdProjection } from "../../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
+interface UseViewIsCheckoutAccessibleByCustomerIdFunctionArgs {
+    readonly customerId: string | undefined;
+}
+interface UseViewIsCheckoutAccessibleByCustomerIdFunction {
+    (args: UseViewIsCheckoutAccessibleByCustomerIdFunctionArgs): UseQueryFunctionResult<IsCheckoutAccessibleByCustomerIdProjection>;
+}
+declare const useViewIsCheckoutAccessibleByCustomerId: UseViewIsCheckoutAccessibleByCustomerIdFunction;
+export { useViewIsCheckoutAccessibleByCustomerId };

package/dist/src/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.js

@@ -0,0 +1,17 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { isCheckoutFeedbackGiven } from "../../../../domain/checkoutFeedback/model/checkoutFeedbackGiven";
+import { viewIsCheckoutAccessibleByCustomerId, } from "../../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useViewIsCheckoutAccessibleByCustomerId = ({ customerId }) => useQuery({
+    query: viewIsCheckoutAccessibleByCustomerId({ customerId }),
+    contextId: MESSAGING_CONTEXT_ID,
+    invalidation: isCheckoutFeedbackGiven,
+    options: {
+        refetchOnMount: "always",
+        staleTime: Infinity,
+        retry: false,
+        refetchOnWindowFocus: false,
+        cacheTime: 0,
+    },
+});
+export { useViewIsCheckoutAccessibleByCustomerId };

package/dist/src/infrastructure/projection/checkoutBooking/httpCheckoutBookingByIdView.pact.js

@@ -36,6 +36,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewCheckoutBookingById API", () => {
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpCheckoutBookingByIdView({ httpPost })({
                 checkoutBookingId,

package/dist/src/infrastructure/projection/checkoutItem/httpCheckoutItemByIdView.pact.js

@@ -37,6 +37,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewCheckoutItemById API", () => {
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpCheckoutItemByIdView({ httpPost })({
                 checkoutItemId,

package/dist/src/infrastructure/projection/checkoutQuestion/httpCheckoutQuestionsByCheckoutIdView.pact.js

@@ -35,6 +35,8 @@ describe("STY-BOX_CHECKOUT-BACK_ListCheckoutQuestionsByCheckoutId API", () => {
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpCheckoutQuestionsByCheckoutIdView({ httpPost })({
                 checkoutId,

package/dist/src/infrastructure/projection/payment/httpPaymentFlowPayloadByCheckoutIdView.pact.js

@@ -47,6 +47,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewPaymentFlowPayloadByCheckoutId API", () => {
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpPaymentFlowPayloadByCheckoutIdView({ httpPost })({ checkoutId, signal: undefined });
             expect(response).toStrictEqual(paymentFlowPayloadForKeptItemsResponse.result);
@@ -71,6 +73,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewPaymentFlowPayloadByCheckoutId API", () => {
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpPaymentFlowPayloadByCheckoutIdView({ httpPost })({ checkoutId, signal: undefined });
             expect(response).toStrictEqual(paymentFlowPayloadForReturnedItemsResponse.result);
@@ -95,6 +99,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewPaymentFlowPayloadByCheckoutId API", () => {
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpPaymentFlowPayloadByCheckoutIdView({ httpPost })({ checkoutId, signal: undefined });
             expect(response).toStrictEqual(paymentFlowPayloadForReplacedItemsResponse.result);

package/dist/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.pact.js

@@ -35,6 +35,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewPricingByCheckoutId API", () => {
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpPricingByCheckoutIdView({ httpPost })({
                 checkoutId,

package/dist/src/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.pact.js

@@ -35,6 +35,8 @@ describe("STY-BOX_CHECKOUT-BACK_ListReturnQuestionsByCheckoutItemId API", () =>
             const httpPost = fetchHttpPost({
                 apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
                 getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+                device: "web",
+                version: "1.0.0",
             });
             const response = await httpReturnQuestionsByCheckoutItemIdView({ httpPost })({
                 checkoutItemId,

package/dist/src/infrastructure/ui/components/layouts/layout/Layout.d.ts

@@ -0,0 +1,21 @@
+import { FC, ReactNode, RefObject } from "react";
+import { LayoutChangeEvent, ScrollView, StyleProp, ViewStyle } from "react-native";
+interface LayoutStyle {
+    readonly safeAreaView: StyleProp<ViewStyle>;
+    readonly scrollView: StyleProp<ViewStyle>;
+    readonly header: StyleProp<ViewStyle>;
+}
+interface LayoutProps {
+    readonly children: ReactNode;
+    readonly header?: JSX.Element | null;
+    readonly footer?: JSX.Element | null;
+    readonly panel?: JSX.Element | null;
+    readonly stickyHeader?: boolean;
+    readonly stickyHeaderHiddenOnScroll?: boolean;
+    readonly scrollRef?: RefObject<ScrollView>;
+    readonly scrollEnabled?: boolean;
+    readonly style?: Partial<LayoutStyle>;
+    readonly onLayout?: (event: LayoutChangeEvent) => void;
+}
+type Layout = FC<LayoutProps>;
+export type { Layout };

package/dist/src/infrastructure/ui/components/layouts/layout/Layout.js

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

package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from "react";
+interface FooterProps {
+    readonly children: ReactNode;
+}
+declare const Footer: FC<FooterProps>;
+export { Footer };

package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.js

@@ -0,0 +1,4 @@
+import React from "react";
+import { Platform } from "react-native";
+const Footer = ({ children }) => (Platform.OS !== "web" ? React.createElement(React.Fragment, null, children) : null);
+export { Footer };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from "react";
+interface HeaderProps {
+    readonly children: ReactNode;
+}
+declare const Header: FC<HeaderProps>;
+export { Header };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.js

@@ -0,0 +1,5 @@
+import React from "react";
+import { View } from "react-native";
+import { style } from "./Header.style";
+const Header = ({ children }) => React.createElement(View, { style: style.header }, children);
+export { Header };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.d.ts

@@ -0,0 +1,4 @@
+declare const style: {
+    header: {};
+};
+export { style };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.js

@@ -0,0 +1,19 @@
+import { Platform, StyleSheet } from "react-native";
+import { HEADER_HEIGHT } from "../../../../templates/header/Header.style";
+const style = StyleSheet.create({
+    header: {
+        ...Platform.select({
+            web: {
+                position: "sticky",
+                top: 0,
+                zIndex: 10,
+                height: HEADER_HEIGHT,
+            },
+            native: {
+                position: "relative",
+                height: HEADER_HEIGHT,
+            },
+        }),
+    },
+});
+export { style };

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.d.ts

@@ -0,0 +1,3 @@
+import { Layout } from "../Layout";
+declare const DummyLayout: Layout;
+export { DummyLayout };

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.js

@@ -0,0 +1,18 @@
+/* eslint-disable react/prop-types */
+import React from "react";
+import { View } from "react-native";
+import { GestureHandlerRootView, ScrollView as RNGHScrollView } from "react-native-gesture-handler";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { Footer as DefaultFooter } from "../../../templates/footer/Footer";
+import { DefaultHeader } from "../../../templates/header/defaultHeader/DefaultHeader";
+import { Footer } from "../components/footer/Footer";
+import { Header } from "../components/header/Header";
+import { style } from "./DummyLayout.style";
+const DummyLayout = ({ children, header = React.createElement(DefaultHeader, null), footer = React.createElement(DefaultFooter, null), panel, style: customStyle, scrollEnabled, onLayout, }) => (React.createElement(SafeAreaView, { style: [style.safeAreaView, customStyle?.safeAreaView] },
+    React.createElement(GestureHandlerRootView, { style: { flex: 1 } },
+        React.createElement(RNGHScrollView, { contentContainerStyle: [style.scrollView, customStyle?.scrollView], scrollEnabled: scrollEnabled, scrollEventThrottle: 16, showsVerticalScrollIndicator: false, stickyHeaderIndices: [0] },
+            React.createElement(Header, null, header),
+            panel,
+            React.createElement(View, { style: style.children, onLayout: onLayout }, children))),
+    React.createElement(Footer, null, footer)));
+export { DummyLayout };

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.d.ts

@@ -0,0 +1,12 @@
+declare const style: {
+    children: {
+        flex: number;
+    };
+    safeAreaView: {
+        flex: number;
+    };
+    scrollView: {
+        flexGrow: number;
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.js

@@ -0,0 +1,13 @@
+import { StyleSheet } from "react-native";
+const style = StyleSheet.create({
+    children: {
+        flex: 1,
+    },
+    safeAreaView: {
+        flex: 1,
+    },
+    scrollView: {
+        flexGrow: 1,
+    },
+});
+export { style };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface DefaultHeaderProps {
+    readonly onPressMenu?: () => void;
+}
+declare const DefaultHeader: FC<DefaultHeaderProps>;
+export { DefaultHeader };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { ButtonIcon } from "@lookiero/aurora";
+import { Header } from "../Header";
+import { ButtonIconPlaceholder } from "../buttonIconPlaceholder/ButtonIconPlaceholder";
+import { Logo } from "../logo/Logo";
+import { style } from "./DefaultHeader.style";
+const DefaultHeader = ({ onPressMenu }) => (React.createElement(Header, { testID: "default-header" },
+    React.createElement(Logo, null),
+    React.createElement(ButtonIconPlaceholder, null),
+    React.createElement(ButtonIcon, { name: "menu", style: style.button, testID: "menu-button-icon", onPress: onPressMenu })));
+export { DefaultHeader };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.d.ts

@@ -0,0 +1,8 @@
+declare const style: {
+    button: {
+        alignSelf: "auto";
+        height: number;
+        width: number;
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.js

@@ -0,0 +1,11 @@
+import { StyleSheet } from "react-native";
+import { theme } from "@lookiero/sty-psp-ui";
+const { space10 } = theme();
+const style = StyleSheet.create({
+    button: {
+        alignSelf: "auto",
+        height: space10,
+        width: space10,
+    },
+});
+export { style };

package/dist/src/infrastructure/ui/hooks/useNewFeedbackExperiment.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from "react";
+declare enum NewFeedbackExperimentVariation {
+    CONTROL = "control",
+    RETURN_PAGE = "return_page"
+}
+interface NewFeedbackExperimentProviderProps {
+    readonly children: ReactNode;
+}
+declare const NewFeedbackExperimentProvider: FC<NewFeedbackExperimentProviderProps>;
+declare const useNewFeedbackExperiment: () => NewFeedbackExperimentVariation;
+export { useNewFeedbackExperiment, NewFeedbackExperimentProvider, NewFeedbackExperimentVariation };

package/dist/src/infrastructure/ui/hooks/useNewFeedbackExperiment.js

@@ -0,0 +1,49 @@
+import React, { createContext, useContext, useEffect, useMemo, useRef } from "react";
+import invariant from "tiny-invariant";
+import { Spinner } from "@lookiero/aurora";
+import { useAssignedVariationByExperimentId } from "@lookiero/sty-psp-ab-testing";
+import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
+import { useTrackAssignedVariationByExperiment } from "../../tracking/useTrackAssignedVariationByExperiment";
+import { useStaticInfo } from "./useStaticInfo";
+var NewFeedbackExperimentVariation;
+(function (NewFeedbackExperimentVariation) {
+    NewFeedbackExperimentVariation["CONTROL"] = "control";
+    NewFeedbackExperimentVariation["RETURN_PAGE"] = "return_page";
+})(NewFeedbackExperimentVariation || (NewFeedbackExperimentVariation = {}));
+const NewFeedbackExperimentContext = createContext(null);
+const NewFeedbackExperimentProvider = ({ children }) => {
+    const { kameleoon: { experiments: { newFeedback: { id: newFeedbackId, variations }, }, }, customer: { customerId, country, segment }, } = useStaticInfo();
+    const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
+    const { assignedVariation: newFeedbackVariation } = useAssignedVariationByExperimentId({
+        experimentId: newFeedbackId,
+    });
+    const trackAssignedVariation = useTrackAssignedVariationByExperiment({
+        checkoutId: checkout?.id,
+        country,
+        segment,
+        experimentId: newFeedbackId,
+    });
+    const value = useMemo(() => ({
+        variation: newFeedbackVariation?.id === Number(variations.v1)
+            ? NewFeedbackExperimentVariation.RETURN_PAGE
+            : NewFeedbackExperimentVariation.CONTROL,
+    }), [newFeedbackVariation?.id, variations.v1]);
+    const assignedVariantTracked = useRef(false);
+    useEffect(() => {
+        if (assignedVariantTracked.current || !newFeedbackVariation || !checkout?.id) {
+            return;
+        }
+        trackAssignedVariation({ assignedVariation: newFeedbackVariation });
+        assignedVariantTracked.current = true;
+    }, [checkout?.id, newFeedbackVariation, trackAssignedVariation]);
+    if (!checkout) {
+        return React.createElement(Spinner, null);
+    }
+    return React.createElement(NewFeedbackExperimentContext.Provider, { value: value }, children);
+};
+const useNewFeedbackExperiment = () => {
+    const newFeedbackExperiment = useContext(NewFeedbackExperimentContext);
+    invariant(newFeedbackExperiment, "Your are trying to use the useNewFeedbackExperiment hook without wrapping your app with the <NewFeedbackExperimentProvider>.");
+    return newFeedbackExperiment.variation;
+};
+export { useNewFeedbackExperiment, NewFeedbackExperimentProvider, NewFeedbackExperimentVariation };

package/dist/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+interface CheckoutAccessibilityMiddlewareProps {
+    readonly customerId: string | undefined;
+    readonly onNotAccessible: () => void;
+    readonly loader?: JSX.Element;
+    readonly children: JSX.Element;
+}
+declare const CheckoutAccessibilityMiddleware: FC<CheckoutAccessibilityMiddlewareProps>;
+export { CheckoutAccessibilityMiddleware };

package/dist/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.js

@@ -0,0 +1,21 @@
+import React, { useEffect, useRef } from "react";
+import { Spinner } from "@lookiero/aurora";
+import { QueryStatus } from "@lookiero/messaging-react";
+import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId";
+const CheckoutAccessibilityMiddleware = ({ customerId, onNotAccessible, loader = React.createElement(Spinner, null), children, }) => {
+    const [accessible, status] = useViewIsCheckoutAccessibleByCustomerId({ customerId });
+    const onNotAccessibleRef = useRef(onNotAccessible);
+    onNotAccessibleRef.current = onNotAccessible;
+    const notAccessible = accessible === false || status === QueryStatus.ERROR;
+    useEffect(() => {
+        if (notAccessible) {
+            onNotAccessibleRef.current();
+        }
+    }, [notAccessible]);
+    return accessible === undefined && [QueryStatus.IDLE, QueryStatus.LOADING].includes(status)
+        ? loader
+        : accessible
+            ? children
+            : null;
+};
+export { CheckoutAccessibilityMiddleware };

package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.d.ts

@@ -0,0 +1,7 @@
+declare const style: {
+    buttonContainer: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.js

@@ -0,0 +1,10 @@
+import { StyleSheet } from "react-native";
+import { theme } from "@lookiero/sty-psp-ui";
+const { space6, space8 } = theme();
+const style = StyleSheet.create({
+    buttonContainer: {
+        paddingHorizontal: space6,
+        paddingVertical: space8,
+    },
+});
+export { style };

package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { FeedbackProjection } from "../../../../../../projection/feedback/feedback";
+import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
+interface ReturnQuestionsFormProps {
+    readonly visible: boolean;
+    readonly returnQuestions: ReturnQuestionProjection[];
+    readonly onSubmit: (feedback: FeedbackProjection) => void;
+    readonly onClose: () => void;
+}
+declare const ReturnQuestionsForm: FC<ReturnQuestionsFormProps>;
+export { ReturnQuestionsForm };

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

@@ -0,0 +1,40 @@
+import { PortalHost } from "@gorhom/portal";
+import React, { useCallback } from "react";
+import { View } from "react-native";
+import { Button, Text } from "@lookiero/aurora";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import { Modal } from "@lookiero/sty-psp-ui";
+import { ReturnQuestionType, } from "../../../../../../projection/returnQuestion/returnQuestion";
+import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
+import { useReturnQuestionFeedback } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
+import { ReturnQuestionItemProvider, } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
+import { HostDefaultReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem";
+import { HostSelectReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem";
+import { HostStackReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem";
+import { OptionReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem";
+import { TextareaReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
+import { I18nMessages } from "../../../../i18n/i18n";
+import { style } from "./ReturnQuestionsForm.style";
+const RETURN_QUESTION_FORM_PORTAL_HOST_NAME = "return-question-form-portal";
+const returnQuestionItems = {
+    [ReturnQuestionType.HOST_DEFAULT]: HostDefaultReturnQuestionItem,
+    [ReturnQuestionType.HOST_TEXTAREA]: HostDefaultReturnQuestionItem,
+    [ReturnQuestionType.HOST_SELECT]: HostSelectReturnQuestionItem,
+    [ReturnQuestionType.HOST_STACK]: HostStackReturnQuestionItem,
+    [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
+    [ReturnQuestionType.OPTION]: OptionReturnQuestionItem,
+};
+const ReturnQuestionsForm = ({ returnQuestions, visible, onSubmit, onClose }) => {
+    const titleText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_TITLE });
+    const submitButtonText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_SUBMIT_BUTTON });
+    const feedback = useReturnQuestionFeedback();
+    const handleOnSubmit = useCallback(() => onSubmit(feedback), [feedback, onSubmit]);
+    return (React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
+        React.createElement(PortalHost, { name: RETURN_QUESTION_FORM_PORTAL_HOST_NAME }),
+        React.createElement(Modal, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, testID: "return-questions-form-modal", visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
+            React.createElement(View, { style: style.modalContent },
+                React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
+                React.createElement(ReturnQuestions, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, returnQuestions: returnQuestions }),
+                React.createElement(Button, { style: style.submit, testID: "return-questions-button", onPress: handleOnSubmit }, submitButtonText)))));
+};
+export { ReturnQuestionsForm };

package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.d.ts

@@ -0,0 +1,12 @@
+declare const style: {
+    modalContent: {
+        paddingHorizontal: number;
+    };
+    submit: {
+        marginTop: number;
+    };
+    title: {
+        marginBottom: number;
+    };
+};
+export { style };

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

@@ -0,0 +1,15 @@
+import { StyleSheet } from "react-native";
+import { theme } from "@lookiero/sty-psp-ui";
+const { space6, space8 } = theme();
+const style = StyleSheet.create({
+    modalContent: {
+        paddingHorizontal: space6,
+    },
+    submit: {
+        marginTop: space8,
+    },
+    title: {
+        marginBottom: space6,
+    },
+});
+export { style };

package/dist/src/infrastructure/ui/views/return/Return.style.d.ts

@@ -0,0 +1,40 @@
+declare const style: {
+    description: {
+        color: string;
+    };
+    desktopInfo: {
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+    };
+    desktopLayoutSpacing: {
+        paddingVertical: number;
+    };
+    headerWrapper: {
+        display: "flex";
+        flexDirection: "column";
+    };
+    info: {
+        backgroundColor: string;
+        paddingBottom: number;
+        paddingHorizontal: number;
+        paddingTop: number;
+    };
+    layout: {
+        flex: number;
+        justifyContent: "center";
+    };
+    safeAreaView: {
+        backgroundColor: string;
+        flex: number;
+    };
+    scrollView: {
+        flex: number;
+    };
+    submit: {
+        backgroundColor: string;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+        padding: number;
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/views/return/Return.style.js

@@ -0,0 +1,43 @@
+import { StyleSheet } from "react-native";
+import { theme } from "@lookiero/sty-psp-ui";
+const { borderRadius5, colorBgPrimaryLight, colorBgBase, colorTextMedium, space4, space6, space8 } = theme();
+const style = StyleSheet.create({
+    description: {
+        color: colorTextMedium,
+    },
+    desktopInfo: {
+        borderTopLeftRadius: borderRadius5,
+        borderTopRightRadius: borderRadius5,
+    },
+    desktopLayoutSpacing: {
+        paddingVertical: space8,
+    },
+    headerWrapper: {
+        display: "flex",
+        flexDirection: "column",
+    },
+    info: {
+        backgroundColor: colorBgBase,
+        paddingBottom: space4,
+        paddingHorizontal: space6,
+        paddingTop: space8,
+    },
+    layout: {
+        flex: 1,
+        justifyContent: "center",
+    },
+    safeAreaView: {
+        backgroundColor: colorBgPrimaryLight,
+        flex: 1,
+    },
+    scrollView: {
+        flex: 1,
+    },
+    submit: {
+        backgroundColor: colorBgBase,
+        borderBottomLeftRadius: borderRadius5,
+        borderBottomRightRadius: borderRadius5,
+        padding: space6,
+    },
+});
+export { style };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import { LayoutRectangle } from "react-native";
+import { PricingProjection } from "../../../../../../projection/pricing/pricing";
+interface StickyPricingProps {
+    readonly pricing: PricingProjection;
+    readonly totalCheckoutItemsKept: number;
+    readonly collapsed: boolean;
+    readonly onPress: () => void;
+    readonly onSubmit: () => void;
+    readonly onLayout?: ({ width, height }: LayoutRectangle) => void;
+}
+declare const StickyPricing: FC<StickyPricingProps>;
+export { StickyPricing };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Sticky } from "@lookiero/sty-psp-ui";
+import { Body } from "../../../../components/layouts/body/Body";
+import { Pricing } from "../pricing/Pricing";
+import { style } from "./StickyPricing.style";
+const StickyPricing = ({ pricing, totalCheckoutItemsKept, collapsed, onPress, onSubmit, onLayout, }) => (React.createElement(Sticky, { style: style.sticky, onLayout: onLayout },
+    React.createElement(Body, null,
+        React.createElement(Pricing, { balanceDiscount: pricing.balanceDiscount, collapsed: collapsed, discount: pricing.discount, discountPercentage: pricing.discountPercentage, pendingToPay: pricing.pendingToPay, service: pricing.service, subtotal: pricing.subtotal, totalCheckoutItemsKept: totalCheckoutItemsKept, onPress: onPress, onSubmit: onSubmit }))));
+export { StickyPricing };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.d.ts

@@ -0,0 +1,7 @@
+declare const style: {
+    sticky: {
+        paddingBottom: number;
+        paddingTop: number;
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.js

@@ -0,0 +1,10 @@
+import { StyleSheet } from "react-native";
+import { theme } from "@lookiero/sty-psp-ui";
+const { space3, space4 } = theme();
+const style = StyleSheet.create({
+    sticky: {
+        paddingBottom: space4,
+        paddingTop: space3,
+    },
+});
+export { style };

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

@@ -0,0 +1,17 @@
+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,13 @@
+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/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "7.0.1";
+export declare const VERSION = "7.2.0-beta.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "7.0.1";
+export const VERSION = "7.2.0-beta.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "7.0.1",
+  "version": "7.2.0-beta.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -17,7 +17,7 @@
     "@lookiero/messaging-react": "^8.1.1",
     "@lookiero/sty-psp-ab-testing": "^0.2.2",
     "@lookiero/sty-psp-expo-config": "^0.1.0",
-    "@lookiero/sty-psp-http": "^0.1.4",
+    "@lookiero/sty-psp-http": "^2.0.0",
     "@lookiero/sty-psp-i18n": "^0.1.7",
     "@lookiero/sty-psp-locale": "^0.2.1",
     "@lookiero/sty-psp-logging": "^0.2.2",
@@ -25,7 +25,7 @@
     "@lookiero/sty-psp-react-native": "^0.2.0",
     "@lookiero/sty-psp-segment": "^0.1.1",
     "@lookiero/sty-psp-storage": "^0.1.3",
-    "@lookiero/sty-psp-tracking": "^0.1.6",
+    "@lookiero/sty-psp-tracking": "^0.1.7-beta.0",
     "@lookiero/sty-psp-ui": "^0.5.5",
     "@lookiero/sty-psp-ui-settings": "^0.1.1",
     "@lookiero/sty-psp-units": "^0.1.1",

package/src/infrastructure/delivery/bootstrap.ts

@@ -1,5 +1,7 @@
+import { Platform } from "react-native";
 import { BuildBootstrapFunctionReturn } from "@lookiero/messaging-react";
 import { fetchHttpGet, fetchHttpPost } from "@lookiero/sty-psp-http";
+import { VERSION } from "../../version";
 import { getCheckout, saveCheckout } from "../domain/checkout/model/httpCheckouts";
 import { getCheckoutBooking, saveCheckoutBooking } from "../domain/checkoutBooking/model/httpCheckoutBookings";
 import { getCheckoutFeedback, saveCheckoutFeedback } from "../domain/checkoutFeedback/model/httpCheckoutFeedbacks";
@@ -21,6 +23,10 @@ import { httpReturnQuestionsByCheckoutItemIdView } from "../projection/returnQue
 import { storageUiSettingByKeyView } from "../projection/uiSetting/storageUiSettingByKeyView";
 import { baseBootstrap } from "./baseBootstrap";
 
+type OS = typeof Platform.OS;
+type Device = Exclude<OS, "macos" | "windows">;
+const device = Platform.OS as Device;
+
 interface BootstrapFunctionArgs {
   readonly getAuthToken: () => Promise<string>;
   readonly apiUrl: () => string;
@@ -31,8 +37,8 @@ interface BootstrapFunction {
 }
 
 const bootstrap: BootstrapFunction = ({ apiUrl, getAuthToken }) => {
-  const httpGet = fetchHttpGet({ apiUrl, getAuthToken });
-  const httpPost = fetchHttpPost({ apiUrl, getAuthToken });
+  const httpGet = fetchHttpGet({ apiUrl, getAuthToken, device, version: VERSION });
+  const httpPost = fetchHttpPost({ apiUrl, getAuthToken, device, version: VERSION });
 
   return baseBootstrap({
     checkoutByIdView: httpCheckoutByIdView({ httpPost }),

package/src/infrastructure/projection/bookedProductsVariants/httpBookedProductsVariantsForCheckoutItemView.pact.ts

@@ -47,6 +47,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewBookedProductVariantsForCheckoutItem API", (
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpBookedProductsVariantsForCheckoutItemView({ httpPost })({

package/src/infrastructure/projection/bookedProductsVariants/httpBookedProductsVariantsForCheckoutItemView.test.ts

@@ -8,7 +8,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const checkoutItemId = "6f720954-8039-4bed-9596-34fc5a02131b";

package/src/infrastructure/projection/checkout/httpCheckoutByIdView.pact.ts

@@ -86,6 +86,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewCheckoutById API", () => {
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpCheckoutByIdView({ httpPost })({ checkoutId, signal: undefined });
@@ -114,6 +116,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewCheckoutById API", () => {
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpCheckoutByIdView({ httpPost })({ checkoutId, signal: undefined });

package/src/infrastructure/projection/checkout/httpCheckoutByIdView.test.ts

@@ -9,7 +9,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const checkoutId = "29790d24-b139-4ab8-b618-d796d101e974";

package/src/infrastructure/projection/checkout/httpFirstAvailableCheckoutByCustomerIdView.pact.ts

@@ -48,6 +48,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewFirstAvailableCheckoutByCustomerId API", ()
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpFirstAvailableCheckoutByCustomerIdView({ httpPost })({

package/src/infrastructure/projection/checkout/httpFirstAvailableCheckoutByCustomerIdView.test.ts

@@ -9,7 +9,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const customerId = "29790d24-b139-4ab8-b618-d796d101e974";

package/src/infrastructure/projection/checkout/httpFiveItemsDiscountByCustomerIdView.pact.ts

@@ -42,6 +42,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewFiveItemsDiscountByCustomerId API", () => {
       const httpGet = fetchHttpGet({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpFiveItemsDiscountByCustomerIdView({ httpGet })({

package/src/infrastructure/projection/checkout/httpFiveItemsDiscountByCustomerIdView.test.ts

@@ -6,7 +6,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpGet: fetchHttpGet({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpGet: fetchHttpGet({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const customerId = "29790d24-b139-4ab8-b618-d796d101e974";

package/src/infrastructure/projection/checkout/httpIsCheckoutEnabledByCustomerIdView.pact.ts

@@ -42,6 +42,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewIsCheckoutEnabledByCustomerId API", () => {
       const httpGet = fetchHttpGet({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpIsCheckoutEnabledByCustomerIdView({ httpGet })({

package/src/infrastructure/projection/checkout/httpIsCheckoutEnabledByCustomerIdView.test.ts

@@ -6,7 +6,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpGet: fetchHttpGet({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpGet: fetchHttpGet({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const customerId = "29790d24-b139-4ab8-b618-d796d101e974";

package/src/infrastructure/projection/checkout/httpIsSizeChangeEnabledByCheckoutIdView.pact.ts

@@ -42,6 +42,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewIsSizeChangeEnabledByCheckoutId API", () =>
       const httpGet = fetchHttpGet({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpIsSizeChangeEnabledByCheckoutIdView({ httpGet })({

package/src/infrastructure/projection/checkout/httpIsSizeChangeEnabledByCheckoutIdView.test.ts

@@ -6,7 +6,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpGet: fetchHttpGet({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpGet: fetchHttpGet({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const checkoutId = "29790d24-b139-4ab8-b618-d796d101e974";

package/src/infrastructure/projection/checkoutBooking/httpCheckoutBookingByIdView.pact.ts

@@ -48,6 +48,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewCheckoutBookingById API", () => {
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpCheckoutBookingByIdView({ httpPost })({

package/src/infrastructure/projection/checkoutBooking/httpCheckoutBookingByIdView.test.ts

@@ -8,7 +8,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const checkoutBookingProjection = checkoutBookingMock;

package/src/infrastructure/projection/checkoutItem/httpCheckoutItemByIdView.pact.ts

@@ -49,6 +49,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewCheckoutItemById API", () => {
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpCheckoutItemByIdView({ httpPost })({

package/src/infrastructure/projection/checkoutItem/httpCheckoutItemByIdView.test.ts

@@ -9,7 +9,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const checkoutItemId = "29790d24-b139-4ab8-b618-d796d101e974";

package/src/infrastructure/projection/checkoutQuestion/httpCheckoutQuestionsByCheckoutIdView.pact.ts

@@ -47,6 +47,8 @@ describe("STY-BOX_CHECKOUT-BACK_ListCheckoutQuestionsByCheckoutId API", () => {
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpCheckoutQuestionsByCheckoutIdView({ httpPost })({

package/src/infrastructure/projection/checkoutQuestion/httpCheckoutQuestionsByCheckoutIdView.test.ts

@@ -8,7 +8,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const checkoutId = "29790d24-b139-4ab8-b618-d796d101e974";

package/src/infrastructure/projection/payment/httpPaymentFlowPayloadByCheckoutIdView.pact.ts

@@ -64,6 +64,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewPaymentFlowPayloadByCheckoutId API", () => {
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpPaymentFlowPayloadByCheckoutIdView({ httpPost })({ checkoutId, signal: undefined });
@@ -92,6 +94,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewPaymentFlowPayloadByCheckoutId API", () => {
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpPaymentFlowPayloadByCheckoutIdView({ httpPost })({ checkoutId, signal: undefined });
@@ -120,6 +124,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewPaymentFlowPayloadByCheckoutId API", () => {
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpPaymentFlowPayloadByCheckoutIdView({ httpPost })({ checkoutId, signal: undefined });

package/src/infrastructure/projection/payment/httpPaymentFlowPayloadByCheckoutIdView.test.ts

@@ -8,7 +8,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const checkoutId = "29790d24-b139-4ab8-b618-d796d101e974";

package/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.pact.ts

@@ -47,6 +47,8 @@ describe("STY-BOX_CHECKOUT-BACK_ViewPricingByCheckoutId API", () => {
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpPricingByCheckoutIdView({ httpPost })({

package/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.test.ts

@@ -8,7 +8,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const checkoutId = "29790d24-b139-4ab8-b618-d796d101e974";

package/src/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.pact.ts

@@ -47,6 +47,8 @@ describe("STY-BOX_CHECKOUT-BACK_ListReturnQuestionsByCheckoutItemId API", () =>
       const httpPost = fetchHttpPost({
         apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
         getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
       });
 
       const response = await httpReturnQuestionsByCheckoutItemIdView({ httpPost })({

package/src/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.test.ts

@@ -8,7 +8,7 @@ const fetchMock = jest.fn();
 global.fetch = fetchMock;
 const apiUrl = "/api";
 const getAuthToken = () => Promise.resolve("token");
-const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken }) });
+const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
 const signal = mock<AbortSignal>();
 
 const checkoutItemId = "29790d24-b139-4ab8-b618-d796d101e974";