@lookiero/checkout 9.3.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.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/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/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 {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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