@lookiero/checkout 0.8.14-beta.0 → 0.8.14-patch.1

package/dist/domain/checkout/event/createModalNotificationWhenCheckoutSubmitted.d.ts

@@ -0,0 +1,7 @@
+import { ProcessManagerFunction } from "@lookiero/messaging";
+import { CheckoutSubmitted } from "../model/checkoutSubmitted";
+declare const CHECKOUT_SUCCESS_NOTIFICATION_ID = "fa25dcdd-9f5d-4760-9e6f-27174205b1fa";
+interface CreateModalNotificationWhenCheckoutSubmittedFunction extends ProcessManagerFunction<CheckoutSubmitted> {
+}
+declare const createModalNotificationWhenCheckoutSubmitted: CreateModalNotificationWhenCheckoutSubmittedFunction;
+export { createModalNotificationWhenCheckoutSubmitted, CHECKOUT_SUCCESS_NOTIFICATION_ID };

package/dist/domain/checkout/event/createModalNotificationWhenCheckoutSubmitted.js

@@ -0,0 +1,12 @@
+import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
+import { createModalNotification } from "../../../shared/notifications/domain/notification/command/createModalNotification";
+const CHECKOUT_SUCCESS_NOTIFICATION_ID = "fa25dcdd-9f5d-4760-9e6f-27174205b1fa";
+const createModalNotificationWhenCheckoutSubmitted = ({ commandBus }) => async () => {
+    await commandBus(createModalNotification({
+        aggregateId: CHECKOUT_SUCCESS_NOTIFICATION_ID,
+        titleI18nKey: I18nMessages.CHECKOUT_SUCCESS_MODAL_TITLE,
+        bodyI18nKey: I18nMessages.CHECKOUT_SUCCESS_MODAL_DESCRIPTION,
+        acceptI18nKey: I18nMessages.CHECKOUT_SUCCESS_MODAL_BUTTON,
+    }));
+};
+export { createModalNotificationWhenCheckoutSubmitted, CHECKOUT_SUCCESS_NOTIFICATION_ID };

package/dist/domain/checkoutBooking/event/createToastNotificationWhenCheckoutBookingExpired.d.ts

@@ -0,0 +1,7 @@
+import { ProcessManagerFunction } from "@lookiero/messaging";
+import { CheckoutBookingExpired } from "../model/checkoutBookingExpired";
+declare const CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID = "d423934e-2499-46ab-8cfb-39e1e398237e";
+interface CreateToastNotificationWhenCheckoutBookingExpiredFunction extends ProcessManagerFunction<CheckoutBookingExpired> {
+}
+declare const createToastNotificationWhenCheckoutBookingExpired: CreateToastNotificationWhenCheckoutBookingExpiredFunction;
+export { createToastNotificationWhenCheckoutBookingExpired, CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID };

package/dist/domain/checkoutBooking/event/createToastNotificationWhenCheckoutBookingExpired.js

@@ -0,0 +1,13 @@
+import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
+import { createToastNotification } from "../../../shared/notifications/domain/notification/command/createToastNotification";
+import { NotificationLevel } from "../../../shared/notifications/domain/notification/model/notification";
+const CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID = "d423934e-2499-46ab-8cfb-39e1e398237e";
+const createToastNotificationWhenCheckoutBookingExpired = ({ commandBus }) => async () => {
+    await commandBus(createToastNotification({
+        aggregateId: CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID,
+        level: NotificationLevel.ERROR,
+        titleI18nKey: undefined,
+        bodyI18nKey: I18nMessages.CHECKOUT_TOAST_BOOKING_EXPIRED,
+    }));
+};
+export { createToastNotificationWhenCheckoutBookingExpired, CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID };

package/dist/domain/checkoutItem/event/createModalNotificationWhenCheckoutItemReplaced.d.ts

@@ -0,0 +1,7 @@
+import { ProcessManagerFunction } from "@lookiero/messaging";
+import { CheckoutItemReplaced } from "../model/checkoutItemReplaced";
+declare const SIZE_CHANGE_NOTIFICATION_ID = "ce89b8b2-e025-4b54-8cdc-52520dc3dd23";
+interface CreateModalNotificationWhenCheckoutItemReplacedFunction extends ProcessManagerFunction<CheckoutItemReplaced> {
+}
+declare const createModalNotificationWhenCheckoutItemReplaced: CreateModalNotificationWhenCheckoutItemReplacedFunction;
+export { createModalNotificationWhenCheckoutItemReplaced, SIZE_CHANGE_NOTIFICATION_ID };

package/dist/domain/checkoutItem/event/createModalNotificationWhenCheckoutItemReplaced.js

@@ -0,0 +1,12 @@
+import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
+import { createModalNotification } from "../../../shared/notifications/domain/notification/command/createModalNotification";
+const SIZE_CHANGE_NOTIFICATION_ID = "ce89b8b2-e025-4b54-8cdc-52520dc3dd23";
+const createModalNotificationWhenCheckoutItemReplaced = ({ commandBus }) => async () => {
+    await commandBus(createModalNotification({
+        aggregateId: SIZE_CHANGE_NOTIFICATION_ID,
+        titleI18nKey: I18nMessages.SIZE_CHANGE_MODAL_TITLE,
+        bodyI18nKey: I18nMessages.SIZE_CHANGE_MODAL_DESCRIPTION,
+        acceptI18nKey: I18nMessages.SIZE_CHANGE_MODAL_BUTTON,
+    }));
+};
+export { createModalNotificationWhenCheckoutItemReplaced, SIZE_CHANGE_NOTIFICATION_ID };

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { CheckoutStatus } from "./domain/checkout/model/checkout";
 import { RootProps } from "./infrastructure/ui/Root";
 import { CheckoutProjection } from "./projection/checkout/checkout";
 import { IsCheckoutAccessibleByCustomerIdProjection } from "./projection/checkout/viewIsCheckoutAccessibleByCustomerId";
-import { SentryLoggerFunctionArgs } from "./shared/logging/SentryLogger";
+import { SentryEnvironment } from "./shared/logging/SentryLogger";
 interface IsCheckoutAccessibleFunctionArgs {
     readonly customerId: string | undefined;
 }
@@ -19,8 +19,8 @@ interface FirstAvailableCheckoutByCustomerIdFunction {
 }
 interface BootstrapFunctionArgs {
     readonly getAuthToken: () => Promise<string>;
-    readonly apiUrl: string;
-    readonly sentry: SentryLoggerFunctionArgs;
+    readonly apiUrl: () => string;
+    readonly sentry: () => SentryEnvironment;
     readonly translations: EndpointFunction[];
 }
 interface BootstrapFunctionReturn {

package/dist/infrastructure/delivery/bootstrap.d.ts

@@ -1,7 +1,7 @@
 import { BuildBootstrapFunctionReturn } from "@lookiero/messaging-react";
 interface BootstrapFunctionArgs {
     readonly getAuthToken: () => Promise<string>;
-    readonly apiUrl: string;
+    readonly apiUrl: () => string;
 }
 interface BootstrapFunction {
     (args: BootstrapFunctionArgs): BuildBootstrapFunctionReturn;

package/dist/infrastructure/delivery/http/fetchHttpClient.d.ts

@@ -1,6 +1,6 @@
 import { HttpGetFunction, HttpPostFunction } from "./httpClient";
 interface FetchHttpFunctionArgs {
-    readonly apiUrl: string;
+    readonly apiUrl: () => string;
     readonly getAuthToken: () => Promise<string>;
 }
 interface FetchHttpPostFunction {

package/dist/infrastructure/delivery/http/fetchHttpClient.js

@@ -1,5 +1,5 @@
 const fetchHttpPost = ({ apiUrl, getAuthToken }) => async ({ endpoint, body, signal, result }) => {
-    const response = await fetch(`${apiUrl}${endpoint}`, {
+    const response = await fetch(`${apiUrl()}${endpoint}`, {
         method: "POST",
         headers: {
             ["Content-Type"]: "application/json",
@@ -11,7 +11,7 @@ const fetchHttpPost = ({ apiUrl, getAuthToken }) => async ({ endpoint, body, sig
     return await processResponse({ response, result });
 };
 const fetchHttpGet = ({ apiUrl, getAuthToken }) => async ({ endpoint, signal, result }) => {
-    const response = await fetch(`${apiUrl}${endpoint}`, {
+    const response = await fetch(`${apiUrl()}${endpoint}`, {
         method: "GET",
         credentials: "include",
         headers: {

package/dist/infrastructure/ui/Root.d.ts

@@ -3,13 +3,13 @@ import { MessagingRoot } from "@lookiero/messaging-react/bootstrap";
 import { ComponentType } from "react";
 import { useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { Customer } from "../../projection/shared/customer";
-import { SentryLoggerFunctionArgs } from "../../shared/logging/SentryLogger";
+import { SentryEnvironment } from "../../shared/logging/SentryLogger";
 import { Menu, TabBar } from "./views/navigation/Navigation";
 interface RootFunctionArgs {
     readonly Messaging: MessagingRoot;
     readonly I18n: I18n;
     readonly development?: boolean;
-    readonly sentry: SentryLoggerFunctionArgs;
+    readonly sentry: () => SentryEnvironment;
     readonly getAuthToken: () => Promise<string>;
 }
 interface RootFunction {

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

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

package/dist/projection/shared/locale.js

@@ -0,0 +1,12 @@
+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 || (Locale = {}));
+export { Locale };

package/dist/shared/logging/SentryLogger.d.ts

@@ -1,14 +1,17 @@
 import { Platform } from "react-native";
 import { Logger } from "./Logger";
-interface SentryLoggerFunctionArgs {
+interface SentryEnvironment {
     readonly publicKey: string;
     readonly environment: `${typeof Platform.OS}-${"DEV" | "PROD" | "EXPO"}`;
     readonly release: string;
     readonly project: string;
 }
+interface SentryLoggerFunctionArgs {
+    (): SentryEnvironment;
+}
 interface SentryLoggerFunction {
     (args: SentryLoggerFunctionArgs): Logger;
 }
 declare const sentryLogger: SentryLoggerFunction;
-export type { SentryLoggerFunctionArgs };
+export type { SentryEnvironment };
 export { sentryLogger };

package/dist/shared/logging/SentryLogger.js

@@ -49,12 +49,13 @@ const DENIED_URLS = [
     /webappstoolbarba\.texthelp\.com\//i,
     /metrics\.itunes\.apple\.com\.edgesuite\.net\//i,
 ];
-const sentryLogger = ({ environment, release, publicKey, project }) => {
+const sentryLogger = (environment) => {
     let globalHub;
     let currentHub;
     const createHub = () => {
+        const { environment: clientEnvironment, release, publicKey, project } = environment();
         const client = new Client({
-            environment,
+            environment: clientEnvironment,
             release,
             dsn: `https://${publicKey}@o179049.ingest.sentry.io/${project}`,
             integrations: integrations(),

package/dist/shared/notifications/domain/notification/command/createModalNotification.d.ts

@@ -0,0 +1,18 @@
+import { Command } from "@lookiero/messaging";
+import { NotificationType } from "../model/notification";
+declare const CREATE_MODAL_NOTIFICATION = "create_modal_notification";
+interface CreateModalNotificationPayload {
+    readonly aggregateId: string;
+    readonly bodyI18nKey: string;
+    readonly titleI18nKey: string;
+    readonly acceptI18nKey: string;
+}
+interface CreateModalNotification extends Command<typeof CREATE_MODAL_NOTIFICATION>, CreateModalNotificationPayload {
+    readonly type: NotificationType.MODAL;
+}
+interface CreateModalNotificationFunction {
+    (payload: CreateModalNotificationPayload): CreateModalNotification;
+}
+declare const createModalNotification: CreateModalNotificationFunction;
+export type { CreateModalNotification };
+export { CREATE_MODAL_NOTIFICATION, createModalNotification };

package/dist/shared/notifications/domain/notification/command/createModalNotification.js

@@ -0,0 +1,9 @@
+import { command } from "@lookiero/messaging";
+import { NotificationType } from "../model/notification";
+const CREATE_MODAL_NOTIFICATION = "create_modal_notification";
+const createModalNotification = ({ aggregateId, ...payload }) => ({
+    ...command({ aggregateId, name: CREATE_MODAL_NOTIFICATION }),
+    ...payload,
+    type: NotificationType.MODAL,
+});
+export { CREATE_MODAL_NOTIFICATION, createModalNotification };

package/dist/shared/notifications/domain/notification/command/createToastNotification.d.ts

@@ -0,0 +1,18 @@
+import { Command } from "@lookiero/messaging";
+import { NotificationLevel, NotificationType } from "../model/notification";
+declare const CREATE_TOAST_NOTIFICATION = "create_toast_notification";
+interface CreateToastNotificationPayload {
+    readonly aggregateId: string;
+    readonly level: NotificationLevel;
+    readonly bodyI18nKey: string;
+    readonly titleI18nKey: string | undefined;
+}
+interface CreateToastNotification extends Command<typeof CREATE_TOAST_NOTIFICATION>, CreateToastNotificationPayload {
+    readonly type: NotificationType.TOAST;
+}
+interface CreateToastNotificationFunction {
+    (payload: CreateToastNotificationPayload): CreateToastNotification;
+}
+declare const createToastNotification: CreateToastNotificationFunction;
+export type { CreateToastNotification };
+export { CREATE_TOAST_NOTIFICATION, createToastNotification };

package/dist/shared/notifications/domain/notification/command/createToastNotification.js

@@ -0,0 +1,9 @@
+import { command } from "@lookiero/messaging";
+import { NotificationType } from "../model/notification";
+const CREATE_TOAST_NOTIFICATION = "create_toast_notification";
+const createToastNotification = ({ aggregateId, ...payload }) => ({
+    ...command({ aggregateId, name: CREATE_TOAST_NOTIFICATION }),
+    ...payload,
+    type: NotificationType.TOAST,
+});
+export { CREATE_TOAST_NOTIFICATION, createToastNotification };

package/dist/shared/notifications/infrastructure/domain/notification/react/useCreateModalNotification.d.ts

@@ -0,0 +1,20 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+import { Logger } from "../../../../../logging/Logger";
+interface CreateModalNotificationFunctionArgs {
+    readonly aggregateId?: string;
+    readonly bodyI18nKey: string;
+    readonly titleI18nKey: string;
+    readonly acceptI18nKey: string;
+}
+interface CreateModalNotificationFunction {
+    (args: CreateModalNotificationFunctionArgs): Promise<void>;
+}
+interface UseCreateModalNotificationFunctionArgs {
+    readonly contextId: string;
+    readonly logger: Logger;
+}
+interface UseCreateModalNotificationFunction {
+    (args: UseCreateModalNotificationFunctionArgs): [create: CreateModalNotificationFunction, status: CommandStatus];
+}
+declare const useCreateModalNotification: UseCreateModalNotificationFunction;
+export { useCreateModalNotification };

package/dist/shared/notifications/infrastructure/domain/notification/react/useCreateModalNotification.js

@@ -0,0 +1,22 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import { v4 as uuid } from "uuid";
+import { createModalNotification } from "../../../../domain/notification/command/createModalNotification";
+const useCreateModalNotification = ({ contextId, logger }) => {
+    const [commandBus, status] = useCommand({ contextId });
+    const create = useCallback(async ({ aggregateId, titleI18nKey, bodyI18nKey, acceptI18nKey }) => {
+        try {
+            await commandBus(createModalNotification({
+                aggregateId: aggregateId || uuid(),
+                titleI18nKey,
+                bodyI18nKey,
+                acceptI18nKey,
+            }));
+        }
+        catch (error) {
+            logger.captureException(error);
+        }
+    }, [commandBus, logger]);
+    return [create, status];
+};
+export { useCreateModalNotification };

package/dist/shared/notifications/infrastructure/domain/notification/react/useCreateToastNotification.d.ts

@@ -0,0 +1,21 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+import { Logger } from "../../../../../logging/Logger";
+import { NotificationLevel } from "../../../../domain/notification/model/notification";
+interface CreateToastNotificationFunctionArgs {
+    readonly aggregateId?: string;
+    readonly level: NotificationLevel;
+    readonly bodyI18nKey: string;
+    readonly titleI18nKey?: string;
+}
+interface CreateToastNotificationFunction {
+    (args: CreateToastNotificationFunctionArgs): Promise<void>;
+}
+interface UseCreateToastNotificationFunctionArgs {
+    readonly contextId: string;
+    readonly logger: Logger;
+}
+interface UseCreateToastNotificationFunction {
+    (args: UseCreateToastNotificationFunctionArgs): [create: CreateToastNotificationFunction, status: CommandStatus];
+}
+declare const useCreateToastNotification: UseCreateToastNotificationFunction;
+export { useCreateToastNotification };

package/dist/shared/notifications/infrastructure/domain/notification/react/useCreateToastNotification.js

@@ -0,0 +1,22 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import { v4 as uuid } from "uuid";
+import { createToastNotification } from "../../../../domain/notification/command/createToastNotification";
+const useCreateToastNotification = ({ contextId, logger }) => {
+    const [commandBus, status] = useCommand({ contextId });
+    const create = useCallback(async ({ aggregateId, level, titleI18nKey, bodyI18nKey }) => {
+        try {
+            await commandBus(createToastNotification({
+                aggregateId: aggregateId || uuid(),
+                level,
+                titleI18nKey,
+                bodyI18nKey,
+            }));
+        }
+        catch (error) {
+            logger.captureException(error);
+        }
+    }, [commandBus, logger]);
+    return [create, status];
+};
+export { useCreateToastNotification };

package/dist/shared/notifications/infrastructure/ui/components/modalNotifications/ModalNotificationItem.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { ModalNotificationProjection } from "../../../../projection/notification/notification";
+interface ModalNotificationItemProps {
+    readonly visible: boolean;
+    readonly notification: ModalNotificationProjection;
+    readonly onRemove: (notificationId: string) => void;
+    readonly testID?: string;
+}
+declare const ModalNotificationItem: FC<ModalNotificationItemProps>;
+export { ModalNotificationItem };

package/dist/shared/notifications/infrastructure/ui/components/modalNotifications/ModalNotificationItem.js

@@ -0,0 +1,26 @@
+import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React from "react";
+import { useCallback } from "react";
+import { View } from "react-native";
+import { Modal } from "../../../../../ui/components/layouts/modal/Modal";
+import { style } from "./ModalNotificationItem.style";
+const ModalNotificationItem = ({ visible, notification, onRemove, testID = "modal-notification-item", }) => {
+    const titleText = useI18nMessage({ id: notification.titleI18nKey });
+    const bodyText = useI18nMessage({ id: notification.bodyI18nKey });
+    const acceptText = useI18nMessage({ id: notification.acceptI18nKey });
+    const handleOnClose = useCallback(() => onRemove(notification.id), [notification.id, onRemove]);
+    return (React.createElement(Modal, { testID: testID, visible: visible, onClose: handleOnClose },
+        React.createElement(View, { style: style.modal },
+            React.createElement(Text, { level: 1, style: style.modalTitle, body: true }, titleText),
+            React.createElement(Text, { level: 3, style: style.modalDescription, body: true }, bodyText),
+            React.createElement(Button
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            , { 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                style: style.button, onPress: handleOnClose }, acceptText))));
+};
+export { ModalNotificationItem };

package/dist/shared/notifications/infrastructure/ui/components/modalNotifications/ModalNotificationItem.style.d.ts

@@ -0,0 +1,16 @@
+declare const style: {
+    button: {
+        flex: number;
+    };
+    modal: {
+        padding: number;
+    };
+    modalDescription: {
+        marginVertical: number;
+        textAlign: "center";
+    };
+    modalTitle: {
+        textAlign: "center";
+    };
+};
+export { style };

package/dist/shared/notifications/infrastructure/ui/components/modalNotifications/ModalNotificationItem.style.js

@@ -0,0 +1,19 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../../infrastructure/ui/theme/theme";
+const { spaceXL } = theme();
+const style = StyleSheet.create({
+    button: {
+        flex: 0,
+    },
+    modal: {
+        padding: spaceXL,
+    },
+    modalDescription: {
+        marginVertical: spaceXL,
+        textAlign: "center",
+    },
+    modalTitle: {
+        textAlign: "center",
+    },
+});
+export { style };

package/dist/shared/notifications/infrastructure/ui/components/modalNotifications/ModalNotifications.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { ModalNotificationProjection } from "../../../../projection/notification/notification";
+interface ModalNotificationsProps {
+    readonly notifications?: ModalNotificationProjection[];
+    readonly onRemove: (notificationId: string) => void;
+}
+declare const ModalNotifications: FC<ModalNotificationsProps>;
+export { ModalNotifications };

package/dist/shared/notifications/infrastructure/ui/components/modalNotifications/ModalNotifications.js

@@ -0,0 +1,6 @@
+import React from "react";
+import { View } from "react-native";
+import { style } from "../toastNotifications/ToastNotifications.style";
+import { ModalNotificationItem } from "./ModalNotificationItem";
+const ModalNotifications = ({ notifications = [], onRemove }) => (React.createElement(View, { pointerEvents: "box-none", style: style.notifications, testID: "modal-notifications" }, notifications.map((notification) => (React.createElement(ModalNotificationItem, { key: notification.id, notification: notification, testID: notification.id, visible: true, onRemove: onRemove })))));
+export { ModalNotifications };

package/dist/shared/notifications/infrastructure/ui/components/modalNotifications/ModalNotifications.style.d.ts

@@ -0,0 +1,25 @@
+import { StyleSheet } from "react-native";
+declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
+    notifications: {
+        flexDirection: "column";
+        top: number;
+        width: string;
+        zIndex: number;
+        left: number;
+    } | {
+        flexDirection: "column";
+        top: number;
+        width: string;
+        zIndex: number;
+        position: "fixed";
+        left: number;
+    } | {
+        flexDirection: "column";
+        top: number;
+        width: string;
+        zIndex: number;
+        position: "absolute";
+        left: number;
+    };
+}>;
+export { style };

package/dist/shared/notifications/infrastructure/ui/components/modalNotifications/ModalNotifications.style.js

@@ -0,0 +1,18 @@
+import { Platform, StyleSheet } from "react-native";
+const style = StyleSheet.create({
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    notifications: {
+        left: 0,
+        ...Platform.select({
+            web: { position: "fixed" },
+            ios: { position: "absolute" },
+            android: { position: "absolute" },
+        }),
+        flexDirection: "column",
+        top: 0,
+        width: "100%",
+        zIndex: 20,
+    },
+});
+export { style };

package/dist/shared/notifications/infrastructure/ui/components/toastNotifications/ToastNotificationItem.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { ToastStyle } from "../../../../../ui/components/molecules/toast/Toast";
+import { ToastNotificationProjection } from "../../../../projection/notification/notification";
+interface ToastNotificationItemProps {
+    readonly notification: ToastNotificationProjection;
+    readonly onRemove: (notificationId: string) => void;
+    readonly autoHideTimeout?: number;
+    readonly testID?: string;
+    readonly style?: ToastStyle;
+}
+declare const ToastNotificationItem: FC<ToastNotificationItemProps>;
+export { ToastNotificationItem };

package/dist/shared/notifications/infrastructure/ui/components/toastNotifications/ToastNotificationItem.js

@@ -0,0 +1,24 @@
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React from "react";
+import { useCallback, useEffect } from "react";
+import { Toast, ToastVariant } from "../../../../../ui/components/molecules/toast/Toast";
+import { NotificationLevel } from "../../../../domain/notification/model/notification";
+const toastVariantForNotificationLevel = {
+    [NotificationLevel.INFO]: ToastVariant.INFO,
+    [NotificationLevel.ERROR]: ToastVariant.ERROR,
+    [NotificationLevel.SUCCESS]: ToastVariant.SUCCESS,
+};
+const ToastNotificationItem = ({ notification, onRemove, autoHideTimeout, testID = "toast-notification-item", style: customStyle, }) => {
+    const title = useI18nMessage({ id: notification.titleI18nKey }) || undefined;
+    const body = useI18nMessage({ id: notification.bodyI18nKey || "" });
+    const handleOnClose = useCallback(() => onRemove(notification.id), [notification.id, onRemove]);
+    useEffect(() => {
+        if (!autoHideTimeout) {
+            return;
+        }
+        const hideTimeout = setTimeout(handleOnClose, autoHideTimeout);
+        return () => clearTimeout(hideTimeout);
+    }, [autoHideTimeout, handleOnClose]);
+    return (React.createElement(Toast, { body: body, style: customStyle, testID: testID, title: title, variant: toastVariantForNotificationLevel[notification.level], onClose: handleOnClose }));
+};
+export { ToastNotificationItem };

package/dist/shared/notifications/infrastructure/ui/components/toastNotifications/ToastNotifications.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { ToastNotificationProjection } from "../../../../projection/notification/notification";
+interface ToastNotificationsProps {
+    readonly notifications?: ToastNotificationProjection[];
+    readonly onRemove: (notificationId: string) => void;
+    readonly autoHideTimeout?: number;
+}
+declare const ToastNotifications: FC<ToastNotificationsProps>;
+export { ToastNotifications };

package/dist/shared/notifications/infrastructure/ui/components/toastNotifications/ToastNotifications.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { Column } from "../../../../../ui/components/layouts/column/Column";
+import { Row } from "../../../../../ui/components/layouts/row/Row";
+import { Stack } from "../../../../../ui/components/layouts/stack/Stack";
+import { useScreenSize } from "../../../../../ui/hooks/useScreenSize";
+import { ToastNotificationItem } from "./ToastNotificationItem";
+import { style } from "./ToastNotifications.style";
+const NOTIFICATIONS_AUTOHIDE_TIMEOUT = 10000;
+const ToastNotifications = ({ notifications = [], onRemove, autoHideTimeout = NOTIFICATIONS_AUTOHIDE_TIMEOUT, }) => {
+    const { top: safeAreaInsetTop } = useSafeAreaInsets();
+    const screenSize = useScreenSize();
+    const isSmallDevice = screenSize === "S";
+    return (React.createElement(View, { pointerEvents: "box-none", style: style.notifications, testID: "toast-notifications" },
+        React.createElement(Row, { style: [style.row, isSmallDevice && style.rowSmall, { paddingTop: safeAreaInsetTop }] },
+            React.createElement(Column, null,
+                React.createElement(Stack, null, notifications.map((notification) => (React.createElement(ToastNotificationItem, { key: notification.id, autoHideTimeout: autoHideTimeout, notification: notification, style: { toast: style.toast }, testID: notification.id, onRemove: onRemove }))))))));
+};
+export { ToastNotifications };

package/dist/shared/notifications/infrastructure/ui/components/toastNotifications/ToastNotifications.style.d.ts

@@ -0,0 +1,36 @@
+import { StyleSheet } from "react-native";
+declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
+    notifications: {
+        flexDirection: "column";
+        top: number;
+        width: string;
+        zIndex: number;
+        left: number;
+    } | {
+        flexDirection: "column";
+        top: number;
+        width: string;
+        zIndex: number;
+        position: "fixed";
+        left: number;
+    } | {
+        flexDirection: "column";
+        top: number;
+        width: string;
+        zIndex: number;
+        position: "absolute";
+        left: number;
+    };
+    row: {
+        flex: number;
+        justifyContent: "center";
+    };
+    rowSmall: {
+        paddingLeft: number;
+        paddingRight: number;
+    };
+    toast: {
+        marginTop: number;
+    };
+}>;
+export { style };

package/dist/shared/notifications/infrastructure/ui/components/toastNotifications/ToastNotifications.style.js

@@ -0,0 +1,31 @@
+import { Platform, StyleSheet } from "react-native";
+import { theme } from "../../../../../../infrastructure/ui/theme/theme";
+const { spaceM } = theme();
+const style = StyleSheet.create({
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    notifications: {
+        left: 0,
+        ...Platform.select({
+            web: { position: "fixed" },
+            ios: { position: "absolute" },
+            android: { position: "absolute" },
+        }),
+        flexDirection: "column",
+        top: 0,
+        width: "100%",
+        zIndex: 20,
+    },
+    row: {
+        flex: 1,
+        justifyContent: "center",
+    },
+    rowSmall: {
+        paddingLeft: spaceM,
+        paddingRight: spaceM,
+    },
+    toast: {
+        marginTop: spaceM,
+    },
+});
+export { style };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.8.14-beta.0",
+  "version": "0.8.14-patch.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [