@lookiero/checkout 0.8.16 → 0.8.18

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/{infrastructure/ui/views/checkout/components/checkoutSuccessModal/CheckoutSuccessModal.style.js → shared/notifications/infrastructure/ui/components/modalNotifications/ModalNotificationItem.style.js}

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../../infrastructure/ui/theme/theme";
 const { spaceXL } = theme();
 const style = StyleSheet.create({
     button: {

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/{NotificationItem.js → toastNotifications/ToastNotificationItem.js}

@@ -1,14 +1,14 @@
 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";
+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 NotificationItem = ({ notification, onRemove, autoHideTimeout, testID = "notification-item", style: customStyle, }) => {
+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]);
@@ -21,4 +21,4 @@ const NotificationItem = ({ notification, onRemove, autoHideTimeout, testID = "n
     }, [autoHideTimeout, handleOnClose]);
     return (React.createElement(Toast, { body: body, style: customStyle, testID: testID, title: title, variant: toastVariantForNotificationLevel[notification.level], onClose: handleOnClose }));
 };
-export { NotificationItem };
+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/{Notifications.style.js → toastNotifications/ToastNotifications.style.js}

@@ -1,5 +1,5 @@
 import { Platform, StyleSheet } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
+import { theme } from "../../../../../../infrastructure/ui/theme/theme";
 const { spaceM } = theme();
 const style = StyleSheet.create({
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/dist/shared/notifications/infrastructure/ui/views/Notifications.js

@@ -1,13 +1,19 @@
-import React, { useCallback } from "react";
+import React, { useCallback, useMemo } from "react";
 import { useLogger } from "../../../../logging/useLogger";
+import { isModalNotification, isToastNotification } from "../../../projection/notification/notification";
 import { useListNotifications } from "../../../projection/notification/react/useListNotifications";
 import { useRemoveNotification } from "../../domain/notification/react/useRemoveNotification";
-import { Notifications as NotificationsTemplate } from "../components/Notifications";
+import { ModalNotifications } from "../components/modalNotifications/ModalNotifications";
+import { ToastNotifications } from "../components/toastNotifications/ToastNotifications";
 const Notifications = ({ contextId }) => {
     const logger = useLogger();
     const [notifications] = useListNotifications({ contextId });
     const [remove] = useRemoveNotification({ contextId, logger });
     const onRemove = useCallback((id) => remove({ aggregateId: id }), [remove]);
-    return React.createElement(NotificationsTemplate, { notifications: notifications, onRemove: onRemove });
+    const toastNotifications = useMemo(() => notifications?.filter(isToastNotification), [notifications]);
+    const modalNotifications = useMemo(() => notifications?.filter(isModalNotification), [notifications]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ToastNotifications, { notifications: toastNotifications, onRemove: onRemove }),
+        React.createElement(ModalNotifications, { notifications: modalNotifications, onRemove: onRemove })));
 };
 export { Notifications };

package/dist/shared/notifications/projection/notification/notification.d.ts

@@ -1,8 +1,24 @@
 import { NotificationLevel } from "../../domain/notification/model/notification";
+declare enum NotificationType {
+    TOAST = "TOAST",
+    MODAL = "MODAL"
+}
 interface NotificationProjection {
     readonly id: string;
-    readonly level: NotificationLevel;
+    readonly type: NotificationType;
     readonly bodyI18nKey: string;
     readonly titleI18nKey: string | undefined;
 }
-export type { NotificationProjection };
+interface ToastNotificationProjection extends NotificationProjection {
+    readonly type: NotificationType.TOAST;
+    readonly level: NotificationLevel;
+}
+interface ModalNotificationProjection extends NotificationProjection {
+    readonly type: NotificationType.MODAL;
+    readonly titleI18nKey: string;
+    readonly acceptI18nKey: string;
+}
+declare const isToastNotification: (notification: NotificationProjection) => notification is ToastNotificationProjection;
+declare const isModalNotification: (notification: NotificationProjection) => notification is ModalNotificationProjection;
+export type { NotificationProjection, ToastNotificationProjection, ModalNotificationProjection };
+export { isToastNotification, isModalNotification };

package/dist/shared/notifications/projection/notification/notification.js

@@ -1 +1,8 @@
-export {};
+var NotificationType;
+(function (NotificationType) {
+    NotificationType["TOAST"] = "TOAST";
+    NotificationType["MODAL"] = "MODAL";
+})(NotificationType || (NotificationType = {}));
+const isToastNotification = (notification) => notification.type === NotificationType.TOAST;
+const isModalNotification = (notification) => notification.type === NotificationType.MODAL;
+export { isToastNotification, isModalNotification };

package/dist/shared/ui/components/atoms/spinner/Spinner.d.ts

@@ -1,3 +1,8 @@
 import { FC } from "react";
-declare const Spinner: FC;
+import { ColorValue } from "react-native";
+interface SpinnerProps {
+    readonly color?: ColorValue;
+    readonly size?: number | "large" | "small";
+}
+declare const Spinner: FC<SpinnerProps>;
 export { Spinner };

package/dist/shared/ui/components/atoms/spinner/Spinner.js

@@ -3,6 +3,6 @@ import { ActivityIndicator, View } from "react-native";
 import { theme } from "../../../../../infrastructure/ui/theme/theme";
 import { style } from "./Spinner.style";
 const { colorPrimary } = theme();
-const Spinner = () => (React.createElement(View, { style: style.container },
-    React.createElement(ActivityIndicator, { color: colorPrimary, size: "large" })));
+const Spinner = ({ color = colorPrimary, size = "large" }) => (React.createElement(View, { style: style.container },
+    React.createElement(ActivityIndicator, { color: color, size: size })));
 export { Spinner };

package/dist/shared/ui/components/layouts/modal/Modal.d.ts

@@ -14,6 +14,7 @@ interface ModalProps {
     readonly scroll?: boolean;
     readonly size?: Partial<Record<ScreenSize, ColumnSize>>;
     readonly style?: Partial<Record<ModalStyle, StyleProp<ViewStyle>>>;
+    readonly testID?: string;
 }
 declare const Modal: FC<ModalProps>;
 export type { ColumnSize };

package/dist/shared/ui/components/layouts/modal/Modal.js

@@ -15,7 +15,7 @@ const { spaceXL, spaceXXL } = theme();
 const TRANSITION_MODAL_SCALE = 0.9;
 const DEFAULT_SAFEAREA_INSET_TOP = spaceXXL;
 const MODAL_DESKTOP_VERTICAL_PADDING = spaceXXL;
-const Modal = ({ children, visible, header, footer, portalHostName, onClose, showCloseButton = false, size = { M: "2/3", L: "1/3" }, style: customStyle, scroll = false, }) => {
+const Modal = ({ children, visible, header, footer, portalHostName, onClose, showCloseButton = false, size = { M: "2/3", L: "1/3" }, style: customStyle, scroll = false, testID = "modal", }) => {
     const { height: screenHeight } = Dimensions.get(Platform.OS === "web" ? "window" : "screen");
     const { top: safeAreaInsetTop, bottom: safeAreaInsetBottom } = useSafeAreaInsets();
     const screenSize = useScreenSize();
@@ -57,7 +57,7 @@ const Modal = ({ children, visible, header, footer, portalHostName, onClose, sho
         unique: true,
     });
     const ModalContentView = useMemo(() => (scroll ? KeyboardAwareScrollView : View), [scroll]);
-    return (React.createElement(Portal, { hostName: portalHostName }, transitions(({ modalOpacity, overlayOpacity, modalTranslateY, modalScale }, item) => item && (React.createElement(View, { pointerEvents: visible ? "auto" : "none", style: style.container, testID: "modal" },
+    return (React.createElement(Portal, { hostName: portalHostName }, transitions(({ modalOpacity, overlayOpacity, modalTranslateY, modalScale }, item) => item && (React.createElement(View, { pointerEvents: visible ? "auto" : "none", style: style.container, testID: testID },
         React.createElement(TouchableWithoutFeedback, { onPress: visible ? onClose : undefined },
             React.createElement(animated.View, { style: [style.overlay, { opacity: overlayOpacity }, customStyle?.overlay] })),
         React.createElement(SafeAreaView, { edges: ["right", "top", "left"], pointerEvents: "box-none", style: style.safeArea },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.8.16",
+  "version": "0.8.18",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -35,6 +35,7 @@
     "@react-spring/native": "^9.5.5",
     "@sentry/react-native": "^4.13.0",
     "inline-style-prefixer": "6.0.1",
+    "lodash": "^4.17.21",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-safe-area-context": "^4.4.1",
     "react-native-svg": "^12.1.1",
@@ -58,8 +59,8 @@
     "react-native": "^0.70.6",
     "react-native-get-random-values": "^1.8.0",
     "react-native-web": "^0.18.9",
-    "react-router-dom": "^6.4.5",
-    "react-router-native": "^6.4.5"
+    "react-router-dom": "^6.8.1",
+    "react-router-native": "^6.8.1"
   },
   "devDependencies": {
     "@babel/core": "^7.19.1",
@@ -85,6 +86,7 @@
     "@types/react-dom": "~18.0.0",
     "@types/react-native": "~0.69.1",
     "@types/uuid": "^9.0.0",
+    "abort-controller": "^3.0.0",
     "apollo-boost": "0.4.4",
     "eslint": "^8.31.0",
     "eslint-config-prettier": "^8.5.0",
@@ -117,8 +119,8 @@
     "react-native-get-random-values": "^1.8.0",
     "react-native-unimodules": "^0.14.10",
     "react-native-web": "^0.18.9",
-    "react-router-dom": "^6.4.5",
-    "react-router-native": "^6.4.5",
+    "react-router-dom": "^6.8.1",
+    "react-router-native": "^6.8.1",
     "react-test-renderer": "^18.0.0",
     "typescript": "^4.9.3",
     "webpack-bundle-analyzer": "^4.7.0"

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

@@ -1,6 +0,0 @@
-import { ProcessManagerFunction } from "@lookiero/messaging";
-import { CheckoutBookingExpired } from "../model/checkoutBookingExpired";
-interface CreateNotificationWhenCheckoutBookingExpiredFunction extends ProcessManagerFunction<CheckoutBookingExpired> {
-}
-declare const createNotificationWhenCheckoutBookingExpired: CreateNotificationWhenCheckoutBookingExpiredFunction;
-export { createNotificationWhenCheckoutBookingExpired };

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

@@ -1,13 +0,0 @@
-import { v4 as uuid } from "uuid";
-import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
-import { createNotification } from "../../../shared/notifications/domain/notification/command/createNotification";
-import { NotificationLevel } from "../../../shared/notifications/domain/notification/model/notification";
-const createNotificationWhenCheckoutBookingExpired = ({ commandBus }) => async () => {
-    await commandBus(createNotification({
-        aggregateId: uuid(),
-        level: NotificationLevel.ERROR,
-        titleI18nKey: undefined,
-        bodyI18nKey: I18nMessages.CHECKOUT_TOAST_BOOKING_EXPIRED,
-    }));
-};
-export { createNotificationWhenCheckoutBookingExpired };

package/dist/infrastructure/ui/views/checkout/components/checkoutSuccessModal/CheckoutSuccessModal.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-interface CheckoutSuccessModalProps {
-    readonly visible: boolean;
-    readonly onDismiss: () => void;
-}
-declare const CheckoutSuccessModal: FC<CheckoutSuccessModalProps>;
-export { CheckoutSuccessModal };

package/dist/infrastructure/ui/views/checkout/components/checkoutSuccessModal/CheckoutSuccessModal.js

@@ -1,25 +0,0 @@
-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 { View } from "react-native";
-import { Modal } from "../../../../../../shared/ui/components/layouts/modal/Modal";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { style } from "./CheckoutSuccessModal.style";
-const CheckoutSuccessModal = ({ visible, onDismiss }) => {
-    const titleText = useI18nMessage({ id: I18nMessages.CHECKOUT_SUCCESS_MODAL_TITLE });
-    const descriptionText = useI18nMessage({ id: I18nMessages.CHECKOUT_SUCCESS_MODAL_DESCRIPTION });
-    const buttonText = useI18nMessage({ id: I18nMessages.CHECKOUT_SUCCESS_MODAL_BUTTON });
-    return (React.createElement(Modal, { visible: visible, onClose: onDismiss },
-        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 }, descriptionText),
-            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: onDismiss }, buttonText))));
-};
-export { CheckoutSuccessModal };

package/dist/infrastructure/ui/views/item/components/sizeChangeModal/SizeChangeModal.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-interface SizeChangeModalProps {
-    readonly visible: boolean;
-    readonly onDismiss: () => void;
-}
-declare const SizeChangeModal: FC<SizeChangeModalProps>;
-export { SizeChangeModal };

package/dist/infrastructure/ui/views/item/components/sizeChangeModal/SizeChangeModal.js

@@ -1,25 +0,0 @@
-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 { View } from "react-native";
-import { Modal } from "../../../../../../shared/ui/components/layouts/modal/Modal";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { style } from "./SizeChangeModal.style";
-const SizeChangeModal = ({ visible, onDismiss }) => {
-    const titleText = useI18nMessage({ id: I18nMessages.SIZE_CHANGE_MODAL_TITLE });
-    const descriptionText = useI18nMessage({ id: I18nMessages.SIZE_CHANGE_MODAL_DESCRIPTION });
-    const buttonText = useI18nMessage({ id: I18nMessages.SIZE_CHANGE_MODAL_BUTTON });
-    return (React.createElement(Modal, { visible: visible, onClose: onDismiss },
-        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 }, descriptionText),
-            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: onDismiss }, buttonText))));
-};
-export { SizeChangeModal };

package/dist/infrastructure/ui/views/item/components/sizeChangeModal/SizeChangeModal.style.d.ts

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

package/dist/infrastructure/ui/views/item/components/sizeChangeModal/SizeChangeModal.style.js

@@ -1,19 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../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/domain/notification/command/createNotification.d.ts

@@ -1,17 +0,0 @@
-import { Command } from "@lookiero/messaging";
-import { NotificationLevel } from "../model/notification";
-declare const CREATE_NOTIFICATION = "create_notification";
-interface CreateNotificationPayload {
-    readonly aggregateId: string;
-    readonly level: NotificationLevel;
-    readonly bodyI18nKey: string;
-    readonly titleI18nKey: string | undefined;
-}
-interface CreateNotification extends Command<typeof CREATE_NOTIFICATION>, CreateNotificationPayload {
-}
-interface CreateNotificationFunction {
-    (payload: CreateNotificationPayload): CreateNotification;
-}
-declare const createNotification: CreateNotificationFunction;
-export type { CreateNotification };
-export { CREATE_NOTIFICATION, createNotification };

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

@@ -1,7 +0,0 @@
-import { command } from "@lookiero/messaging";
-const CREATE_NOTIFICATION = "create_notification";
-const createNotification = ({ aggregateId, ...payload }) => ({
-    ...command({ aggregateId, name: CREATE_NOTIFICATION }),
-    ...payload,
-});
-export { CREATE_NOTIFICATION, createNotification };

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

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

package/dist/shared/notifications/infrastructure/ui/components/NotificationItem.d.ts

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

package/dist/shared/notifications/infrastructure/ui/components/Notifications.d.ts

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

package/dist/shared/notifications/infrastructure/ui/components/Notifications.js

@@ -1,20 +0,0 @@
-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 { NotificationItem } from "./NotificationItem";
-import { style } from "./Notifications.style";
-const NOTIFICATIONS_AUTOHIDE_TIMEOUT = 10000;
-const Notifications = ({ 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: "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(NotificationItem, { key: notification.id, autoHideTimeout: autoHideTimeout, notification: notification, style: { toast: style.toast }, testID: notification.id, onRemove: onRemove }))))))));
-};
-export { Notifications };