@lookiero/checkout 0.8.13 → 0.8.14-patch.1

package/dist/shared/logging/reactRouterV6Instrumentation.native.d.ts

@@ -0,0 +1,27 @@
+import { RoutingInstrumentation } from "@sentry/react-native";
+import { OnConfirmRoute, TransactionCreator } from "@sentry/react-native/dist/js/tracing/routingInstrumentation";
+import { BeforeNavigate } from "@sentry/react-native/dist/js/tracing/types";
+import { MatchRoutes, UseEffect, UseLocation, UseNavigationType, WrapUseRoutes } from "./types";
+declare class ReactRouterV6Instrumentation extends RoutingInstrumentation {
+    static instrumentationName: string;
+    private useEffect;
+    private useLocation;
+    private useNavigationType;
+    private matchRoutes;
+    private prevRoute?;
+    private recentRouteKeys;
+    private latestTransaction?;
+    private shouldUpdateLatestTransaction;
+    constructor(useEffect: UseEffect, useLocation: UseLocation, useNavigationType: UseNavigationType, matchRoutes: MatchRoutes);
+    /**
+     * Extends by calling _handleInitialState at the end.
+     */
+    registerRoutingInstrumentation(listener: TransactionCreator, beforeNavigate: BeforeNavigate, onConfirmRoute: OnConfirmRoute): void;
+    /**
+     * Starts an idle transaction for the initial state which won't get called by the router listener.
+     */
+    private handleInitialState;
+    private getTransactionContext;
+    wrapUseRoutes: WrapUseRoutes;
+}
+export { ReactRouterV6Instrumentation };

package/dist/shared/logging/reactRouterV6Instrumentation.native.js

@@ -0,0 +1,115 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import { RoutingInstrumentation } from "@sentry/react-native";
+import { logger } from "@sentry/utils";
+import React from "react";
+class ReactRouterV6Instrumentation extends RoutingInstrumentation {
+    static instrumentationName = "react-router-v6";
+    useEffect;
+    useLocation;
+    useNavigationType;
+    matchRoutes;
+    // @ts-ignore
+    prevRoute;
+    recentRouteKeys = [];
+    // @ts-ignore
+    latestTransaction;
+    // @ts-ignore
+    shouldUpdateLatestTransaction = false;
+    constructor(useEffect, useLocation, useNavigationType, matchRoutes) {
+        super();
+        this.useEffect = useEffect;
+        this.useLocation = useLocation;
+        this.useNavigationType = useNavigationType;
+        this.matchRoutes = matchRoutes;
+    }
+    /**
+     * Extends by calling _handleInitialState at the end.
+     */
+    registerRoutingInstrumentation(listener, beforeNavigate, onConfirmRoute) {
+        super.registerRoutingInstrumentation(listener, beforeNavigate, onConfirmRoute);
+        // Need to handle the initial state as the router patch will only attach transactions on subsequent route changes.
+        this.handleInitialState();
+    }
+    /**
+     * Starts an idle transaction for the initial state which won't get called by the router listener.
+     */
+    handleInitialState() {
+        this.latestTransaction = this.onRouteWillChange(INITIAL_TRANSACTION_CONTEXT);
+        // We set this to true so when registerAppContainer is called, the transaction gets updated with the actual route data
+        this.shouldUpdateLatestTransaction = true;
+    }
+    // @ts-ignore
+    getTransactionContext(route, previousRoute) {
+        return {
+            name: route.name,
+            op: "navigation",
+            tags: {
+                ["routing.instrumentation"]: ReactRouterV6Instrumentation.instrumentationName,
+                ["routing.route.name"]: route.name,
+            },
+            data: {
+                route: {
+                    name: route.name,
+                    key: route.key,
+                    params: route.params ?? {},
+                    hasBeenSeen: this.recentRouteKeys.includes(route.key),
+                },
+                previousRoute: previousRoute
+                    ? {
+                        name: previousRoute.name,
+                        key: previousRoute.key,
+                        params: previousRoute.params ?? {},
+                    }
+                    : null,
+            },
+        };
+    }
+    wrapUseRoutes = (origUseRoutes) => {
+        if (!this.useEffect ||
+            !this.useLocation ||
+            !this.useNavigationType ||
+            !this.matchRoutes
+        // !this._customStartTransaction
+        ) {
+            __DEBUG_BUILD__ &&
+                logger.warn("reactRouterV6Instrumentation was unable to wrap `useRoutes` because of one or more missing parameters.");
+            return origUseRoutes;
+        }
+        let isMountRenderPass = true;
+        // eslint-disable-next-line react/display-name
+        return (routes, locationArg) => {
+            const SentryRoutes = () => {
+                const Routes = origUseRoutes(routes, locationArg);
+                const location = this.useLocation();
+                const navigationType = this.useNavigationType();
+                // A value with stable identity to either pick `locationArg` if available or `location` if not
+                const stableLocationParam = typeof locationArg === "string" || (locationArg && locationArg.pathname)
+                    ? locationArg
+                    : location;
+                this.useEffect(() => {
+                    const normalizedLocation = typeof stableLocationParam === "string" ? { pathname: stableLocationParam } : stableLocationParam;
+                    if (isMountRenderPass) {
+                        console.log("updatePageloadTransaction", normalizedLocation, routes);
+                        // updatePageloadTransaction(normalizedLocation, routes);
+                        isMountRenderPass = false;
+                    }
+                    else {
+                        console.log("normalizedLocation", normalizedLocation, routes, navigationType);
+                        // handleNavigation(normalizedLocation, routes, navigationType);
+                    }
+                }, [navigationType, stableLocationParam]);
+                return Routes;
+            };
+            return React.createElement(SentryRoutes, null);
+        };
+    };
+}
+const INITIAL_TRANSACTION_CONTEXT = {
+    name: "App Launch",
+    op: "navigation",
+    tags: {
+        ["routing.instrumentation"]: ReactRouterV6Instrumentation.instrumentationName,
+    },
+    data: {},
+};
+export { ReactRouterV6Instrumentation };

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/domain/notification/command/removeNotification.tes.d.ts

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

package/dist/shared/notifications/domain/notification/command/removeNotification.tes.js

@@ -0,0 +1,9 @@
+import { removeNotification as sut, REMOVE_NOTIFICATION } from "./removeNotification";
+describe("removeNotification", () => {
+    it("returns a RemoveNotification command", () => {
+        const aggregateId = "67ac1d5c-6d24-4b19-bc01-8f61c266670c";
+        const command = sut({ aggregateId });
+        expect(command.aggregateId).toBe(aggregateId);
+        expect(command.name).toBe(REMOVE_NOTIFICATION);
+    });
+});

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.13",
+  "version": "0.8.14-patch.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -28,10 +28,10 @@
   "dependencies": {
     "@expo/dev-server": "0.1.120",
     "@gorhom/portal": "^1.0.14",
-    "@lookiero/i18n": "^0.8.1",
-    "@lookiero/i18n-react": "^0.8.1",
-    "@lookiero/messaging": "^8.0.0",
-    "@lookiero/messaging-react": "^8.0.0",
+    "@lookiero/i18n": "^0.8.2",
+    "@lookiero/i18n-react": "^0.8.2",
+    "@lookiero/messaging": "^8.1.1",
+    "@lookiero/messaging-react": "^8.1.1",
     "@react-spring/native": "^9.5.5",
     "@sentry/react-native": "^4.13.0",
     "inline-style-prefixer": "6.0.1",