@lookiero/checkout 0.3.6 → 0.3.8

package/dist/src/shared/notifications/infrastructure/domain/notification/model/storageNotifications.js

@@ -0,0 +1,23 @@
+import { storageNotificationsCreate } from "./storageNotificationsCreate";
+import { storageNotificationsRemove } from "./storageNotificationsRemove";
+const toDomain = ({ aggregateId, level, titleI18nKey, bodyI18nKey }) => ({
+    aggregateId,
+    level,
+    titleI18nKey,
+    bodyI18nKey,
+    domainEvents: [],
+});
+const getNotification = ({ storage }) => async (aggregateId) => {
+    const notificationDto = await storage.read(aggregateId);
+    if (!notificationDto) {
+        throw new Error(`Notification not found: ${aggregateId}`);
+    }
+    return toDomain(notificationDto);
+};
+const saveNotification = ({ storage }) => async (aggregateRoot) => {
+    await Promise.all([
+        storageNotificationsCreate({ storage })(aggregateRoot),
+        storageNotificationsRemove({ storage })(aggregateRoot),
+    ]);
+};
+export { getNotification, saveNotification };

package/dist/src/shared/notifications/infrastructure/domain/notification/model/storageNotificationsCreate.d.ts

@@ -0,0 +1,8 @@
+import { Notification } from "../../../../domain/notification/model/notification";
+import { NotificationDto } from "../../../persistence/notificationDto";
+import { StorageNotificationsSaveFunction } from "./storageNotifications";
+declare const fromDomain: ({ aggregateId, level, titleI18nKey, bodyI18nKey }: Notification) => NotificationDto;
+interface StorageNotificationsCreateFunction extends StorageNotificationsSaveFunction {
+}
+declare const storageNotificationsCreate: StorageNotificationsCreateFunction;
+export { storageNotificationsCreate, fromDomain };

package/dist/src/shared/notifications/infrastructure/domain/notification/model/storageNotificationsCreate.js

@@ -0,0 +1,16 @@
+import { NOTIFICATION_CREATED } from "../../../../domain/notification/model/notificationCreated";
+const fromDomain = ({ aggregateId, level, titleI18nKey, bodyI18nKey }) => ({
+    aggregateId,
+    level,
+    titleI18nKey,
+    bodyI18nKey,
+});
+const isNotificationCreated = (event) => event.name === NOTIFICATION_CREATED;
+const storageNotificationsCreate = ({ storage }) => async (aggregateRoot) => {
+    const notificationCreated = aggregateRoot.domainEvents.find(isNotificationCreated);
+    if (!notificationCreated) {
+        return;
+    }
+    await storage.write(aggregateRoot.aggregateId, fromDomain(aggregateRoot));
+};
+export { storageNotificationsCreate, fromDomain };

package/dist/src/shared/notifications/infrastructure/domain/notification/model/storageNotificationsRemove.d.ts

@@ -0,0 +1,5 @@
+import { StorageNotificationsSaveFunction } from "./storageNotifications";
+interface StorageNotificationsRemoveFunction extends StorageNotificationsSaveFunction {
+}
+declare const storageNotificationsRemove: StorageNotificationsRemoveFunction;
+export { storageNotificationsRemove };

package/dist/src/shared/notifications/infrastructure/domain/notification/model/storageNotificationsRemove.js

@@ -0,0 +1,10 @@
+import { NOTIFICATION_REMOVED } from "../../../../domain/notification/model/notificationRemoved";
+const isNotificationRemoved = (event) => event.name === NOTIFICATION_REMOVED;
+const storageNotificationsRemove = ({ storage }) => async (aggregateRoot) => {
+    const notificationRemoved = aggregateRoot.domainEvents.find(isNotificationRemoved);
+    if (!notificationRemoved) {
+        return;
+    }
+    await storage.remove(aggregateRoot.aggregateId);
+};
+export { storageNotificationsRemove };

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

@@ -0,0 +1,16 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+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 UseCreateNotificationFunction {
+    (): [create: CreateNotificationFunction, status: CommandStatus];
+}
+declare const useCreateNotification: UseCreateNotificationFunction;
+export { useCreateNotification };

package/dist/src/shared/notifications/infrastructure/domain/notification/react/useCreateNotification.js

@@ -0,0 +1,16 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import { v4 as uuid } from "uuid";
+import { createNotification } from "../../../../domain/notification/command/createNotification";
+import { NOTIFICATIONS_MESSAGING_CONTEXT_ID } from "../../../delivery/bootstrap";
+const useCreateNotification = () => {
+    const [commandBus, status] = useCommand({ contextId: NOTIFICATIONS_MESSAGING_CONTEXT_ID });
+    const create = useCallback(({ aggregateId, level, titleI18nKey, bodyI18nKey }) => commandBus(createNotification({
+        aggregateId: aggregateId || uuid(),
+        level,
+        titleI18nKey,
+        bodyI18nKey,
+    })), [commandBus]);
+    return [create, status];
+};
+export { useCreateNotification };

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

@@ -0,0 +1,12 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+interface RemoveNotificationFunctionArgs {
+    readonly aggregateId: string;
+}
+interface RemoveNotificationFunction {
+    (args: RemoveNotificationFunctionArgs): Promise<void>;
+}
+interface UseRemoveNotificationFunction {
+    (): [remove: RemoveNotificationFunction, status: CommandStatus];
+}
+declare const useRemoveNotification: UseRemoveNotificationFunction;
+export { useRemoveNotification };

package/dist/src/shared/notifications/infrastructure/domain/notification/react/useRemoveNotification.js

@@ -0,0 +1,10 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import { removeNotification } from "../../../../domain/notification/command/removeNotification";
+import { NOTIFICATIONS_MESSAGING_CONTEXT_ID } from "../../../delivery/bootstrap";
+const useRemoveNotification = () => {
+    const [commandBus, status] = useCommand({ contextId: NOTIFICATIONS_MESSAGING_CONTEXT_ID });
+    const remove = useCallback(({ aggregateId }) => commandBus(removeNotification({ aggregateId })), [commandBus]);
+    return [remove, status];
+};
+export { useRemoveNotification };

package/dist/src/shared/notifications/infrastructure/persistence/inMemoryStorageNotifications.d.ts

@@ -0,0 +1,7 @@
+import { NotificationDto } from "./notificationDto";
+import { Storage } from "./storage";
+interface InMemoryStorageNotificationsFunction {
+    (): Storage<NotificationDto>;
+}
+declare const inMemoryStorageNotifications: InMemoryStorageNotificationsFunction;
+export { inMemoryStorageNotifications };

package/dist/src/shared/notifications/infrastructure/persistence/inMemoryStorageNotifications.js

@@ -0,0 +1,13 @@
+const inMemoryStorageNotifications = () => {
+    const storage = {};
+    const read = async (key) => storage[key] || null;
+    const list = async () => Object.values(storage);
+    const write = async (key, value) => {
+        storage[key] = value;
+    };
+    const remove = async (key) => {
+        delete storage[key];
+    };
+    return { read, list, write, remove };
+};
+export { inMemoryStorageNotifications };

package/dist/src/shared/notifications/infrastructure/persistence/notificationDto.d.ts

@@ -0,0 +1,8 @@
+import { NotificationLevel } from "../../domain/notification/model/notification";
+interface NotificationDto {
+    readonly aggregateId: string;
+    readonly level: NotificationLevel;
+    readonly bodyI18nKey: string;
+    readonly titleI18nKey: string | undefined;
+}
+export type { NotificationDto };

package/dist/src/shared/notifications/infrastructure/persistence/notificationDto.js

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

package/dist/src/shared/notifications/infrastructure/persistence/storage.d.ts

@@ -0,0 +1,7 @@
+interface Storage<T> {
+    readonly read: (key: string) => Promise<T | null>;
+    readonly list: () => Promise<T[]>;
+    readonly write: (key: string, value: T) => Promise<void>;
+    readonly remove: (key: string) => Promise<void>;
+}
+export type { Storage };

package/dist/src/shared/notifications/infrastructure/persistence/storage.js

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

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

@@ -0,0 +1,7 @@
+import { NotificationProjection } from "../../../projection/notification/notification";
+import { NotificationDto } from "../../persistence/notificationDto";
+interface ToNotificationProjectionFunction {
+    (notificationDto: NotificationDto): NotificationProjection;
+}
+declare const toNotificationProjection: ToNotificationProjectionFunction;
+export { toNotificationProjection };

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

@@ -0,0 +1,7 @@
+const toNotificationProjection = (notificationDto) => ({
+    id: notificationDto.aggregateId,
+    level: notificationDto.level,
+    titleI18nKey: notificationDto.titleI18nKey,
+    bodyI18nKey: notificationDto.bodyI18nKey,
+});
+export { toNotificationProjection };

package/dist/src/shared/notifications/infrastructure/projection/notification/storageListNotificationsView.d.ts

@@ -0,0 +1,13 @@
+import { ListNotificationsView } from "../../../projection/notification/listNotifications";
+import { NotificationDto } from "../../persistence/notificationDto";
+import { Storage } from "../../persistence/storage";
+interface StorageListNotificationsView extends ListNotificationsView {
+}
+interface StorageListNotificationsViewFunctionArgs {
+    readonly storage: Storage<NotificationDto>;
+}
+interface StorageListNotificationsViewFunction {
+    (args: StorageListNotificationsViewFunctionArgs): StorageListNotificationsView;
+}
+declare const storageListNotificationsView: StorageListNotificationsViewFunction;
+export { storageListNotificationsView };

package/dist/src/shared/notifications/infrastructure/projection/notification/storageListNotificationsView.js

@@ -0,0 +1,6 @@
+import { toNotificationProjection } from "./notification";
+const storageListNotificationsView = ({ storage }) => async () => {
+    const notificationDtos = await storage.list();
+    return notificationDtos.map(toNotificationProjection);
+};
+export { storageListNotificationsView };

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

@@ -0,0 +1,12 @@
+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/src/shared/notifications/infrastructure/ui/components/NotificationItem.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 NotificationItem = ({ notification, onRemove, autoHideTimeout, testID = "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 { NotificationItem };

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

@@ -0,0 +1,9 @@
+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/src/shared/notifications/infrastructure/ui/components/Notifications.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { View } from "react-native";
+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 { NotificationItem } from "./NotificationItem";
+import { style } from "./Notifications.style";
+const NOTIFICATIONS_AUTOHIDE_TIMEOUT = 10000;
+const Notifications = ({ notifications = [], onRemove, autoHideTimeout = NOTIFICATIONS_AUTOHIDE_TIMEOUT, }) => (React.createElement(View, { pointerEvents: "box-none", style: style.notifications, testID: "notifications" },
+    React.createElement(Row, { style: style.row },
+        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 };

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

@@ -0,0 +1,25 @@
+declare const style: {
+    layoutLarge: {
+        paddingLeft: number;
+        paddingRight: number;
+    };
+    layoutSmall: {
+        paddingLeft: string;
+        paddingRight: string;
+    };
+    notifications: {
+        left: number;
+        position: "absolute";
+        top: number;
+        width: string;
+        zIndex: number;
+    };
+    row: {
+        flex: number;
+        justifyContent: "center";
+    };
+    toast: {
+        marginTop: number;
+    };
+};
+export { style };

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

@@ -0,0 +1,28 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
+const { spaceM } = theme();
+const style = StyleSheet.create({
+    layoutLarge: {
+        paddingLeft: 0,
+        paddingRight: 0,
+    },
+    layoutSmall: {
+        paddingLeft: "$spaceM",
+        paddingRight: "$spaceM",
+    },
+    notifications: {
+        left: 0,
+        position: "absolute",
+        top: 0,
+        width: "100%",
+        zIndex: 20,
+    },
+    row: {
+        flex: 1,
+        justifyContent: "center",
+    },
+    toast: {
+        marginTop: spaceM,
+    },
+});
+export { style };

package/dist/src/shared/notifications/infrastructure/ui/notificationsRoot.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import { BootstrapFunctionArgs } from "../delivery/bootstrap";
+interface NotificationsRootProps {
+    readonly children: JSX.Element;
+    readonly includeReactQueryDevTools?: boolean;
+}
+declare type NotificationsRoot = FC<NotificationsRootProps>;
+interface NotificationsRootFunction {
+    (args?: BootstrapFunctionArgs): NotificationsRoot;
+}
+declare const notificationsRoot: NotificationsRootFunction;
+export type { NotificationsRoot };
+export { notificationsRoot };

package/dist/src/shared/notifications/infrastructure/ui/notificationsRoot.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { bootstrap } from "../delivery/bootstrap";
+import { inMemoryStorageNotifications } from "../persistence/inMemoryStorageNotifications";
+const notificationsRoot = ({ storage } = {
+    storage: inMemoryStorageNotifications(),
+}) => {
+    const { Component } = bootstrap({ storage });
+    // eslint-disable-next-line react/display-name, react/prop-types
+    return ({ children, includeReactQueryDevTools }) => (React.createElement(Component, { includeReactQueryDevTools: includeReactQueryDevTools }, children));
+};
+export { notificationsRoot };

package/dist/src/shared/notifications/infrastructure/ui/views/Notifications.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const Notifications: FC;
+export { Notifications };

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

@@ -0,0 +1,11 @@
+import React, { useCallback } from "react";
+import { useListNotifications } from "../../../projection/notification/react/useListNotifications";
+import { useRemoveNotification } from "../../domain/notification/react/useRemoveNotification";
+import { Notifications as NotificationsTemplate } from "../components/Notifications";
+const Notifications = () => {
+    const [notifications] = useListNotifications();
+    const [remove] = useRemoveNotification();
+    const onRemove = useCallback((id) => remove({ aggregateId: id }), [remove]);
+    return React.createElement(NotificationsTemplate, { notifications: notifications, onRemove: onRemove });
+};
+export { Notifications };

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

@@ -0,0 +1,19 @@
+import { Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+import { NotificationProjection } from "./notification";
+declare const LIST_NOTIFICATIONS = "list_notifications";
+interface ListNotifications extends Query<typeof LIST_NOTIFICATIONS> {
+}
+interface ListNotificationsFunction {
+    (): ListNotifications;
+}
+declare const listNotifications: ListNotificationsFunction;
+declare type ListNotificationsResult = NotificationProjection[];
+interface ListNotificationsView {
+    (): Promise<ListNotificationsResult>;
+}
+interface ListNotificationsHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: ListNotificationsView;
+}
+declare const listNotificationsHandler: QueryHandlerFunction<ListNotifications, ListNotificationsResult, ListNotificationsHandlerFunctionArgs>;
+export type { ListNotifications, ListNotificationsView, ListNotificationsResult };
+export { LIST_NOTIFICATIONS, listNotifications, listNotificationsHandler };

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

@@ -0,0 +1,5 @@
+import { query } from "@lookiero/messaging";
+const LIST_NOTIFICATIONS = "list_notifications";
+const listNotifications = () => query({ name: LIST_NOTIFICATIONS });
+const listNotificationsHandler = ({ view }) => async () => view();
+export { LIST_NOTIFICATIONS, listNotifications, listNotificationsHandler };

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

@@ -0,0 +1,8 @@
+import { NotificationLevel } from "../../domain/notification/model/notification";
+interface NotificationProjection {
+    readonly id: string;
+    readonly level: NotificationLevel;
+    readonly bodyI18nKey: string;
+    readonly titleI18nKey: string | undefined;
+}
+export type { NotificationProjection };

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

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

package/dist/src/shared/notifications/projection/notification/react/useListNotifications.d.ts

@@ -0,0 +1,7 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { ListNotificationsResult } from "../listNotifications";
+interface UseListNotificationsFunction {
+    (): UseQueryFunctionResult<ListNotificationsResult>;
+}
+declare const useListNotifications: UseListNotificationsFunction;
+export { useListNotifications };

package/dist/src/shared/notifications/projection/notification/react/useListNotifications.js

@@ -0,0 +1,15 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { NOTIFICATION_CREATED } from "../../../domain/notification/model/notificationCreated";
+import { NOTIFICATION_REMOVED } from "../../../domain/notification/model/notificationRemoved";
+import { NOTIFICATIONS_MESSAGING_CONTEXT_ID } from "../../../infrastructure/delivery/bootstrap";
+import { listNotifications } from "../listNotifications";
+const isNotificationCreated = (event) => event.name === NOTIFICATION_CREATED;
+const isNotificationRemoved = (event) => event.name === NOTIFICATION_REMOVED;
+const shouldInvalidate = (event) => isNotificationCreated(event) || isNotificationRemoved(event);
+const useListNotifications = () => useQuery({
+    query: listNotifications(),
+    contextId: NOTIFICATIONS_MESSAGING_CONTEXT_ID,
+    invalidation: shouldInvalidate,
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+});
+export { useListNotifications };

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/atoms/error/Error.style.js

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

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/atoms/field/Field.js

@@ -2,7 +2,7 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 import { animated, useSpring } from "@react-spring/native";
 import React from "react";
 import { View } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 import { style } from "./Field.style";
 const { spaceM } = theme();
 const Field = ({ label, isFocused = false, style: customStyle }) => {

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/atoms/field/Field.style.js

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

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/atoms/icon/Icon.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Text } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 import { style } from "./Icon.style";
 const { iconGlyphs } = theme();
 const Icon = ({ name, style: customStyle }) => (React.createElement(Text, { accessibilityElementsHidden: true, allowFontScaling: false, importantForAccessibility: "no", selectable: false, style: [style.icon, customStyle], testID: "icon" }, String.fromCharCode(iconGlyphs[name])));

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/atoms/icon/Icon.style.js

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

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/atoms/input/Input.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useLayoutEffect, useRef, useState } from "react";
 import { Platform, TextInput, } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 import { style, borderSize, paddingVertical } from "./Input.style";
 const MIN_HEIGHT = 56;
 const MAX_HEIGHT = 242; // 10 lines

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/atoms/input/Input.style.js

@@ -1,5 +1,5 @@
 import { Platform, StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 const { borderSize, colorContent, fontBodySize3, fontBodyHeight3, fontBodyLetterSpacing3, fontMap, spaceM } = theme();
 const paddingVertical = spaceM;
 // paddingVertical not working in iOS in multiline mode

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/atoms/spinner/Spinner.js

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

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/layouts/modal/Modal.js

@@ -4,7 +4,7 @@ import { animated, useTransition } from "@react-spring/native";
 import React, { useCallback, useMemo, useState } from "react";
 import { Dimensions, Platform, ScrollView, TouchableWithoutFeedback, View, } from "react-native";
 import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 import { useScreenSize } from "../../../hooks/useScreenSize";
 import { ButtonIcon } from "../../molecules/buttonIcon/ButtonIcon";
 import { Row } from "../row/Row";

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/layouts/modal/Modal.style.js

@@ -1,5 +1,5 @@
 import { Platform, StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 const { colorBase, colorOverlay, spaceM, spaceXL } = theme();
 const modalStylesForColumSize = {
     ["1/4"]: {

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/layouts/row/Row.style.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 const { spaceXXL, layoutMaxWidth } = theme();
 const rowLargeMaxWidth = layoutMaxWidth - 2 * spaceXXL;
 const style = StyleSheet.create({

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/layouts/slider/Pagination.style.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 const { colorGrayscaleS, colorGrayscaleXL } = theme();
 const DOT_SIZE = 8;
 const style = StyleSheet.create({

package/dist/src/shared/ui/components/layouts/stack/Stack.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactElement } from "react";
+import { StyleProp, ViewStyle } from "react-native";
+interface StackProps {
+    readonly children: ReactElement | ReactElement[];
+    readonly style?: StyleProp<ViewStyle>;
+}
+declare const Stack: FC<StackProps>;
+export { Stack };

package/dist/src/shared/ui/components/layouts/stack/Stack.js

@@ -0,0 +1,29 @@
+import { animated, useTransition } from "@react-spring/native";
+import React, { useCallback, useState, useMemo } from "react";
+import { View } from "react-native";
+import { style } from "./Stack.style";
+const Stack = ({ children, style: customStyle }) => {
+    const [heights, setHeights] = useState({});
+    const handleOnLayout = useCallback((itemKey) => ({ nativeEvent: { layout } }) => setHeights((heights) => ({ ...heights, [itemKey]: layout.height })), []);
+    const outState = useMemo(() => ({ opacity: 0, height: 0, translateY: -50 }), []);
+    const inState = useCallback((height = 0) => ({ opacity: 1, height, translateY: 0 }), []);
+    const transitions = useTransition(children, {
+        keys: (item) => `${item.key}`,
+        native: true,
+        from: outState,
+        enter: (item) => inState(heights[item.key]),
+        update: (item) => inState(heights[item.key]),
+        leave: outState,
+    });
+    return (React.createElement(View, { pointerEvents: "box-none", style: [style.stack, customStyle] }, transitions(({ opacity, height, translateY }, item, { phase }) => (React.createElement(animated.View, { key: item.key, testID: "stack-item", style: [
+            {
+                zIndex: phase === "leave" ? 0 : 10,
+                opacity,
+                height,
+                transform: [{ translateY }],
+            },
+            style.stackItem,
+        ] },
+        React.createElement(View, { onLayout: handleOnLayout(item.key) }, item))))));
+};
+export { Stack };

package/dist/src/shared/ui/components/layouts/stack/Stack.style.d.ts

@@ -0,0 +1,10 @@
+declare const style: {
+    stack: {
+        flexDirection: "column";
+        width: string;
+    };
+    stackItem: {
+        width: string;
+    };
+};
+export { style };

package/dist/src/shared/ui/components/layouts/stack/Stack.style.js

@@ -0,0 +1,11 @@
+import { StyleSheet } from "react-native";
+const style = StyleSheet.create({
+    stack: {
+        flexDirection: "column",
+        width: "100%",
+    },
+    stackItem: {
+        width: "100%",
+    },
+});
+export { style };