@lookiero/checkout 9.2.0 → 9.4.0-beta.0

package/dist/src/infrastructure/ui/i18n/translationEndpoint.d.ts

@@ -0,0 +1,20 @@
+import { EndpointFunction } from "@lookiero/i18n";
+
+interface TranslationEndpointFunctionArgs {
+  readonly translationsUrl: string;
+  readonly translationsApiKey: string;
+}
+interface TranslationEndpointFunction {
+  (args: TranslationEndpointFunctionArgs): EndpointFunction;
+}
+declare const translationEndpoint: TranslationEndpointFunction;
+type Project = "user-area-front" | "inventory-catalog" | "checkout";
+interface TranslationExternalEndpointFunctionArgs {
+  readonly translationsUrl: string;
+  readonly projects: [project: Project, filter?: string][];
+}
+interface TranslationExternalEndpointFunction {
+  (args: TranslationExternalEndpointFunctionArgs): EndpointFunction;
+}
+declare const translationExternalEndpoint: TranslationExternalEndpointFunction;
+export { translationEndpoint, translationExternalEndpoint };

package/dist/src/infrastructure/ui/i18n/translationEndpoint.js

@@ -0,0 +1,27 @@
+import { Country } from "../../../projection/shared/country";
+import { Locale } from "../../../projection/shared/locale";
+
+const translationEndpoint =
+  ({ translationsUrl, translationsApiKey }) =>
+  (locale) =>
+    `${translationsUrl}/${locale}?key=${translationsApiKey}&no-folding=true`;
+const COUNTRY = {
+  [Locale.ES]: Country.ES,
+  [Locale.FR]: Country.FR,
+  [Locale.EN]: Country.GB,
+  [Locale.IT]: Country.IT,
+  [Locale.PT]: Country.PT,
+  [Locale.DE]: Country.DE,
+  [Locale.AT]: Country.AT,
+  [Locale.NL]: Country.NL,
+  [Locale.SE]: Country.SE,
+};
+const translationExternalEndpoint =
+  ({ translationsUrl, projects }) =>
+  (locale) => {
+    const projectsQueryParam = projects
+      .map(([project, filter]) => `projectFilter=${project}${filter ? `:${filter}` : ""}`)
+      .join("&");
+    return `${translationsUrl}/${locale}/${COUNTRY[locale]}?${projectsQueryParam}`;
+  };
+export { translationEndpoint, translationExternalEndpoint };

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

@@ -0,0 +1,10 @@
+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,27 @@
+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/App.js

@@ -8,8 +8,8 @@ import { theme } from "@lookiero/sty-psp-ui";
 import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 const { colorBgBase } = theme();
 const App = ({ children }) => (React.createElement(SafeAreaProvider, null,
-    React.createElement(PortalProvider, null,
+    React.createElement(PortalProvider, { rootHostName: "Checkout" },
         React.createElement(StatusBar, { backgroundColor: colorBgBase, barStyle: "dark-content", translucent: true }),
-        React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID }),
+        React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID, portalHostName: "Checkout" }),
         React.createElement(AuroraPortalProvider, null, children))));
 export { App };

package/dist/src/infrastructure/ui/views/App.style.d.ts

@@ -0,0 +1,6 @@
+declare const style: {
+  container: {
+    flex: number;
+  };
+};
+export { style };

package/dist/src/infrastructure/ui/views/App.style.js

@@ -0,0 +1,8 @@
+import { StyleSheet } from "react-native";
+
+const style = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+});
+export { style };

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,11 @@
+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/getOutOfCheckoutModal/GetOutOfCheckoutModal.js

@@ -10,7 +10,7 @@ const GetOutOfCheckoutModal = ({ visible, onDismiss, onConfirm }) => {
     const descriptionText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DESCRIPTION });
     const dismissButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DISMISS_BUTTON });
     const confirmButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_CONFIRM_BUTTON });
-    return (React.createElement(Modal, { visible: visible, onClose: onDismiss },
+    return (React.createElement(Modal, { portalHostName: "Checkout", visible: visible, onClose: onDismiss },
         React.createElement(View, { style: style.modalContent },
             React.createElement(Text, { align: ALIGN.CENTER, level: 1, style: style.title }, titleText),
             React.createElement(Text, { level: 3, style: style.description }, descriptionText),

package/dist/src/infrastructure/ui/views/item/components/itemActions/ItemActions.js

@@ -34,6 +34,6 @@ const ItemActions = ({ productVariants, currentProductVariant, country, onShowSi
                 !currentProductVariant.size.unique && productVariants ? (React.createElement(Button, { style: style.sizeSelector, testID: "size-selector", variant: BUTTON_VARIANT.SECONDARY, small: true, onPress: handleOnPressSelectField }, changeSizeButtonText)) : null,
                 React.createElement(Button, { style: style.returnButton, testID: "return-button", variant: BUTTON_VARIANT.SECONDARY, small: true, onPress: onReturn }, returnButtonText)),
             React.createElement(Button, { testID: "keep-button", small: true, onPress: onKeep }, keepButtonText)),
-        React.createElement(SelectModal, { modalVisible: modalVisible, options: sizeSelectorOptions, testID: "select-field-modal", title: changeSizeButtonText, value: currentProductVariant.id, onChange: onReplace, onClose: handleOnModalClose })));
+        React.createElement(SelectModal, { modalVisible: modalVisible, options: sizeSelectorOptions, portalHostName: "Checkout", testID: "select-field-modal", title: changeSizeButtonText, value: currentProductVariant.id, onChange: onReplace, onClose: handleOnModalClose })));
 };
 export { ItemActions };

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

@@ -0,0 +1,12 @@
+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,64 @@
+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,16 @@
+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/item/components/selectModal/SelectModal.d.ts

@@ -14,10 +14,11 @@ interface SelectModalProps {
     readonly value: string | undefined;
     readonly options: Option[];
     readonly style?: Partial<SelectModalStyle>;
-    readonly onChange?: (value: string) => void;
-    readonly onClose?: () => void;
     readonly modalVisible: boolean;
     readonly testID?: string;
+    readonly portalHostName?: string;
+    readonly onChange?: (value: string) => void;
+    readonly onClose?: () => void;
 }
 declare const SelectModal: FC<SelectModalProps>;
 export type { Option };

package/dist/src/infrastructure/ui/views/item/components/selectModal/SelectModal.js

@@ -4,12 +4,12 @@ import { COLOR, Text } from "@lookiero/aurora";
 import { Modal, theme } from "@lookiero/sty-psp-ui";
 import { style } from "./SelectModal.style";
 const { colorBgPrimaryLight } = theme();
-const SelectModal = ({ modalVisible, onChange = () => void 0, onClose = () => void 0, options, style: customStyle, testID, title, value, }) => {
+const SelectModal = ({ modalVisible, options, style: customStyle, testID, title, value, portalHostName, onChange = () => void 0, onClose = () => void 0, }) => {
     const handleOnPressOption = useCallback((value) => {
         onChange(value);
         onClose();
     }, [onClose, onChange]);
-    return (React.createElement(Modal, { testID: testID, visible: modalVisible, scroll: true, showCloseButton: true, onClose: onClose },
+    return (React.createElement(Modal, { portalHostName: portalHostName, testID: testID, visible: modalVisible, scroll: true, showCloseButton: true, onClose: onClose },
         React.createElement(View, { style: [style.modalContent, customStyle?.modalContent] },
             title && (React.createElement(Text, { level: 3, style: style.modalTitle, heading: true }, title)),
             options.map(({ label, value: optionValue }) => (React.createElement(TouchableHighlight, { key: optionValue, accessibilityLabel: optionValue, disabled: value === optionValue, style: [style.option, customStyle?.option], testID: optionValue, underlayColor: colorBgPrimaryLight, accessible: true, onPress: value !== optionValue ? () => handleOnPressOption(optionValue) : undefined },

package/dist/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.js

@@ -9,7 +9,7 @@ const SizeWithoutStockModal = ({ visible, onDismiss }) => {
     const titleText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_TITLE });
     const descriptionText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_DESCRIPTION });
     const buttonText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_BUTTON });
-    return (React.createElement(Modal, { visible: visible, showCloseButton: true, onClose: onDismiss },
+    return (React.createElement(Modal, { portalHostName: "Checkout", visible: visible, showCloseButton: true, onClose: onDismiss },
         React.createElement(View, { style: style.modalContent },
             React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
             React.createElement(Text, { level: 3, style: style.description }, descriptionText),

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,44 @@
+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/collapsiblePricing/CollapsiblePricing.js

@@ -1,6 +1,6 @@
-import { animated, useSpring } from "@react-spring/native";
 import React from "react";
 import { Pressable, View } from "react-native";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
 import { Button, Icon, Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { Price } from "../../../../components/atoms/price/Price";
@@ -14,11 +14,15 @@ const CollapsiblePricing = ({ pricing, totalCheckoutItemsKept, collapsible = tru
         id: I18nMessages.SUMMARY_TOTAL_ITEMS_KEPT,
         values: { items: totalCheckoutItemsKept.toString() },
     });
-    const collapsedStyle = useSpring({ opacitiy: collapsed ? 1 : 0 });
-    const notCollapsedStyle = useSpring({ opacitiy: collapsed ? 0 : 1 });
+    const collapsedOpacity = useSharedValue(collapsed ? 1 : 0);
+    collapsedOpacity.value = collapsed ? 1 : 0;
+    const collapsedAnimatedStyle = useAnimatedStyle(() => ({ opacity: withTiming(collapsedOpacity.value) }), [collapsedOpacity.value]);
+    const notCollapsedOpacity = useSharedValue(collapsed ? 0 : 1);
+    notCollapsedOpacity.value = collapsed ? 0 : 1;
+    const notCollapsedAnimatedStyle = useAnimatedStyle(() => ({ opacity: withTiming(notCollapsedOpacity.value) }), [notCollapsedOpacity.value]);
     return (React.createElement(React.Fragment, null,
         collapsible && (React.createElement(Pressable, { style: style.iconContainer, testID: "pricing-collapsed", onPress: onPress }, collapsed ? (React.createElement(Icon, { name: "arrow_up_small", testID: "arrow-up" })) : (React.createElement(Icon, { name: "arrow_down_small", testID: "arrow-down" })))),
-        collapsed && collapsible ? (React.createElement(animated.View, { style: [style.collapsed, { opacity: collapsedStyle.opacitiy }] },
+        collapsed && collapsible ? (React.createElement(Animated.View, { key: "collapsed", style: [style.collapsed, collapsedAnimatedStyle] },
             React.createElement(View, { style: style.collapsedContent },
                 React.createElement(Text, { level: 1, style: style.totalCollapsed, detail: true },
                     totalText,
@@ -26,7 +30,7 @@ const CollapsiblePricing = ({ pricing, totalCheckoutItemsKept, collapsible = tru
                     totalCheckoutItemsKeptText),
                 React.createElement(Price, { price: pendingToPay, variant: "detail" })),
             React.createElement(View, { style: style.collapsedContent },
-                React.createElement(Button, { testID: "submit-checkout-collpased-button", small: true, onPress: onSubmit }, submitButtonText)))) : (React.createElement(animated.View, { style: { opacity: notCollapsedStyle.opacitiy } },
+                React.createElement(Button, { testID: "submit-checkout-collpased-button", small: true, onPress: onSubmit }, submitButtonText)))) : (React.createElement(Animated.View, { key: "not-collapsed", style: notCollapsedAnimatedStyle },
             React.createElement(Pricing, { pricing: pricing, totalCheckoutItemsKept: totalCheckoutItemsKept }),
             React.createElement(Button, { testID: "submit-checkout-button", onPress: onSubmit }, submitButtonText)))));
 };

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

@@ -0,0 +1,14 @@
+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,28 @@
+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,11 @@
+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,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/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 {};