@lookiero/checkout 7.0.0 → 7.0.1-beta.0

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/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/routing/CheckoutMiddleware.js

@@ -78,9 +78,13 @@ const CheckoutMiddleware = ({ customerId, onNotAccessible, loader = React.create
             }
         }
     }, [basePath, checkout?.status, checkout?.items]);
-    if (!checkout) {
+    if (checkout === undefined) {
         return loader;
     }
+    if (checkout === null) {
+        onNotAccessible();
+        return null;
+    }
     /* Prevent direct payment access */
     if (checkoutPaymentRouteMatch && !checkoutShown.current) {
         onNotAccessible();

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.0";
+export declare const VERSION = "7.0.1-beta.0";

package/dist/src/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "7.0.0",
+  "version": "7.0.1-beta.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",

package/src/infrastructure/ui/routing/CheckoutMiddleware.test.tsx

@@ -140,6 +140,16 @@ describe("CheckoutMiddleware component", () => {
     expect(mockStartCheckout).toHaveBeenCalled();
   });
 
+  it("should call onNotAccessible when no checkout is found", async () => {
+    (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([null, QueryStatus.SUCCESS]);
+    (useStartCheckout as jest.Mock).mockReturnValue([mockStartCheckout, CommandStatus.SUCCESS]);
+
+    const onNotAccessible = jest.fn();
+    renderCheckoutMiddleware({ path: Routes.HOME, onNotAccessible });
+
+    expect(onNotAccessible).toHaveBeenCalled();
+  });
+
   it("payment route should not be directly accessible", async () => {
     const checkoutMock = checkout({ items: [{ status: CheckoutItemStatus.INITIAL }] });
     (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([checkoutMock, QueryStatus.SUCCESS]);

package/src/infrastructure/ui/routing/CheckoutMiddleware.tsx

@@ -117,10 +117,16 @@ const CheckoutMiddleware: FC<CheckoutMiddlewareProps> = ({
     }
   }, [basePath, checkout?.status, checkout?.items]);
 
-  if (!checkout) {
+  if (checkout === undefined) {
     return loader;
   }
 
+  if (checkout === null) {
+    onNotAccessible();
+
+    return null;
+  }
+
   /* Prevent direct payment access */
   if (checkoutPaymentRouteMatch && !checkoutShown.current) {
     onNotAccessible();