@lookiero/checkout 4.0.1-beta.1 → 4.0.1

package/dist/infrastructure/ui/views/navigation/components/header/Logo.style.js

@@ -1,8 +0,0 @@
-import { StyleSheet } from "react-native";
-const style = StyleSheet.create({
-    logo: {
-        height: 54,
-        width: 217,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/summary/components/checkoutItemsTabs/CheckoutItemsTabs.d.ts

@@ -1,12 +0,0 @@
-import { FC } from "react";
-import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
-import { Country } from "../../../../../../projection/shared/country";
-interface CheckoutItemsTabsProps {
-    readonly checkoutItemsKept: CheckoutItemProjection[];
-    readonly checkoutItemsReturned: CheckoutItemProjection[];
-    readonly country: Country;
-    readonly onPressItem: (checkoutItemId: string) => void;
-    readonly onChanged?: (index: number) => void;
-}
-declare const CheckoutItemsTabs: FC<CheckoutItemsTabsProps>;
-export { CheckoutItemsTabs };

package/dist/infrastructure/ui/views/summary/components/checkoutItemsTabs/CheckoutItemsTabs.js

@@ -1,24 +0,0 @@
-import { Text } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useCallback } from "react";
-import { View } from "react-native";
-import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-import { Tabs } from "../../../../components/layouts/tabs/Tabs";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { ProductVariant } from "../../../shared/components/productVariant/ProductVariant";
-import { style } from "./CheckoutItemsTabs.style";
-const CheckoutItem = ({ checkoutItemStatus, checkoutItemProductVariant, checkoutItemPrice, country, discarded = false, testID, style: customStyle, onPress, }) => (React.createElement(View, { style: style.checkoutItem, testID: testID },
-    React.createElement(ProductVariant, { brand: checkoutItemProductVariant.brand, color: checkoutItemProductVariant.color, country: country, discarded: discarded, media: checkoutItemProductVariant.media, name: checkoutItemProductVariant.name, price: checkoutItemPrice, size: checkoutItemProductVariant.size, status: checkoutItemStatus, style: customStyle, onPress: onPress })));
-const CheckoutItemsTabs = ({ checkoutItemsKept, checkoutItemsReturned, country, onPressItem, onChanged, }) => {
-    const keepTabText = useI18nMessage({ id: I18nMessages.SUMMARY_KEEP_TAB });
-    const returnTabText = useI18nMessage({ id: I18nMessages.SUMMARY_RETURN_TAB });
-    const keepEmptyText = useI18nMessage({ id: I18nMessages.SUMMARY_KEEP_EMPTY });
-    const returnEmptyText = useI18nMessage({ id: I18nMessages.SUMMARY_RETURN_EMPTY });
-    const handleOnPressItem = useCallback((checkoutItemId) => onPressItem(checkoutItemId), [onPressItem]);
-    return (React.createElement(Tabs, { style: { sliderContainer: style.sliderContainer }, tabLabels: [`${keepTabText} (${checkoutItemsKept.length})`, `${returnTabText} (${checkoutItemsReturned.length})`], onChanged: onChanged },
-        React.createElement(React.Fragment, null, checkoutItemsKept.length === 0 ? (React.createElement(Text, { style: style.emptyText }, keepEmptyText)) : (checkoutItemsKept.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItemPrice: checkoutItem.price, checkoutItemStatus: checkoutItem.status, country: country, testID: "keep-checkout-item", checkoutItemProductVariant: checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor
-                ? checkoutItem.replacedFor
-                : checkoutItem.productVariant, onPress: () => handleOnPressItem(checkoutItem.id) }))))),
-        React.createElement(React.Fragment, null, checkoutItemsReturned.length === 0 ? (React.createElement(Text, { style: style.emptyText }, returnEmptyText)) : (checkoutItemsReturned.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItemPrice: checkoutItem.price, checkoutItemProductVariant: checkoutItem.productVariant, checkoutItemStatus: checkoutItem.status, country: country, style: { image: style.returnCheckoutItem }, testID: "return-checkout-item", discarded: true, onPress: () => handleOnPressItem(checkoutItem.id) })))))));
-};
-export { CheckoutItemsTabs };

package/dist/infrastructure/ui/views/summary/components/checkoutItemsTabs/CheckoutItemsTabs.style.d.ts

@@ -1,15 +0,0 @@
-declare const style: {
-    checkoutItem: {
-        paddingVertical: number;
-    };
-    emptyText: {
-        paddingTop: number;
-    };
-    returnCheckoutItem: {
-        borderColor: string;
-    };
-    sliderContainer: {
-        paddingHorizontal: number;
-    };
-};
-export { style };

package/dist/infrastructure/ui/views/summary/components/checkoutItemsTabs/CheckoutItemsTabs.style.js

@@ -1,18 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
-const { colorContent, spaceM, spaceXL } = theme();
-const style = StyleSheet.create({
-    checkoutItem: {
-        paddingVertical: spaceM,
-    },
-    emptyText: {
-        paddingTop: spaceM,
-    },
-    returnCheckoutItem: {
-        borderColor: colorContent,
-    },
-    sliderContainer: {
-        paddingHorizontal: spaceXL,
-    },
-});
-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/domain/notification/react/useCreateNotification.js

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

@@ -1,24 +0,0 @@
-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/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 };

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

@@ -1,36 +0,0 @@
-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/Notifications.style.js

@@ -1,31 +0,0 @@
-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/dist/shared/tracking/infrastructure/usePageView.d.ts

@@ -1,13 +0,0 @@
-import { TrackingPage } from "../../../infrastructure/tracking/tracking";
-import { Country } from "../../../projection/shared/country";
-interface UsePageViewFunctionArgs {
-    readonly page: TrackingPage;
-    readonly country: Country;
-    readonly checkoutId?: string;
-    readonly checkoutItemId?: string;
-}
-interface UsePageViewFunction {
-    (agrs: UsePageViewFunctionArgs): void;
-}
-declare const usePageView: UsePageViewFunction;
-export { usePageView };

package/dist/shared/tracking/infrastructure/usePageView.js

@@ -1,27 +0,0 @@
-import { useLayoutEffect } from "react";
-import { PROJECT } from "../../../infrastructure/tracking/tracking";
-import { TrackingEvent, TrackingEventCategory } from "../tracking";
-import { useEmitUserEvent } from "./useEmitUserEvent";
-const usePageView = ({ page, country, checkoutId, checkoutItemId }) => {
-    const emitUserEvent = useEmitUserEvent();
-    useLayoutEffect(() => {
-        if (!checkoutId) {
-            return;
-        }
-        const baseTrackingEvent = {
-            event: TrackingEvent.PAGEVIEW,
-            eventCategory: TrackingEventCategory.NAVIGATION,
-            section: `${PROJECT}_${page}`,
-            store: country,
-            checkoutId,
-        };
-        const pageViewTrackingEvent = checkoutItemId
-            ? {
-                ...baseTrackingEvent,
-                checkoutItemId,
-            }
-            : baseTrackingEvent;
-        emitUserEvent(pageViewTrackingEvent);
-    }, [checkoutId, checkoutItemId, country, emitUserEvent, page]);
-};
-export { usePageView };

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

@@ -1,6 +0,0 @@
-declare const style: {
-    error: {
-        color: string;
-    };
-};
-export { style };

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

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

package/dist/shared/ui/components/layouts/slider/Bullets.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-interface BulletsProps {
-    readonly activeIndex: number;
-    readonly onChange: (index: number) => void;
-    readonly count: number;
-    readonly maxBullets?: number;
-    readonly testID?: string;
-}
-declare const Bullets: FC<BulletsProps>;
-export { Bullets };

package/dist/shared/ui/components/layouts/slider/Bullets.js

@@ -1,29 +0,0 @@
-import { animated, useSpring } from "@react-spring/native";
-import React from "react";
-import { TouchableHighlight, View } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-import { style } from "./Bullets.style";
-const { colorContent, colorGrayscaleM } = theme();
-const colorTransparent = "rgba(0,0,0,0)";
-const MAX = 7;
-const DIAMETER_MAX = 8;
-const DIAMETER_MIN = 2;
-const Bullet = ({ index, activeIndex, maxBullets, onChange }) => {
-    const pivot = Math.floor(maxBullets / 2) + 1;
-    const delta = Math.abs(index - activeIndex);
-    const diameter = delta > 1 ? DIAMETER_MAX - delta * DIAMETER_MIN : DIAMETER_MAX;
-    const color = delta === 0 ? colorContent : colorGrayscaleM;
-    const springs = useSpring({ diameter, color });
-    return delta >= pivot ? null : (React.createElement(TouchableHighlight, { underlayColor: colorTransparent, onPress: () => onChange(index) },
-        React.createElement(animated.View, { accessibilityState: { selected: delta === 0 }, testID: "bullet", style: [
-                style.bullet,
-                {
-                    width: springs.diameter,
-                    height: springs.diameter,
-                    backgroundColor: springs.color,
-                    borderRadius: springs.diameter,
-                },
-            ] })));
-};
-const Bullets = ({ activeIndex, count, maxBullets = MAX, onChange, testID = "bullets" }) => (React.createElement(View, { style: style.bullets, testID: testID }, [...Array(count).keys()].map((index) => (React.createElement(Bullet, { key: index, activeIndex: activeIndex, index: index, maxBullets: maxBullets, onChange: onChange })))));
-export { Bullets };

package/dist/shared/ui/components/layouts/slider/Bullets.style.d.ts

@@ -1,12 +0,0 @@
-declare const style: {
-    bullet: {
-        marginHorizontal: number;
-    };
-    bullets: {
-        alignItems: "center";
-        flexDirection: "row";
-        justifyContent: "center";
-        paddingVertical: number;
-    };
-};
-export { style };

package/dist/shared/ui/components/layouts/slider/Bullets.style.js

@@ -1,15 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-const { spaceM } = theme();
-const style = StyleSheet.create({
-    bullet: {
-        marginHorizontal: 3,
-    },
-    bullets: {
-        alignItems: "center",
-        flexDirection: "row",
-        justifyContent: "center",
-        paddingVertical: spaceM,
-    },
-});
-export { style };

package/dist/shared/ui/components/layouts/slider/Pagination.d.ts

@@ -1,14 +0,0 @@
-import { FC, ReactNode } from "react";
-import { StyleProp, ViewStyle } from "react-native";
-interface PaginationProps {
-    readonly touchable?: boolean;
-    readonly paginationStyle?: StyleProp<ViewStyle>;
-    readonly paginationItemStyle?: StyleProp<ViewStyle>;
-    readonly paginationActiveItemStyle?: StyleProp<ViewStyle>;
-    readonly count?: number;
-    readonly activeIndex?: number;
-    readonly onChange: (index: number) => void;
-    readonly renderItem?: (index: number) => ReactNode;
-}
-declare const Pagination: FC<PaginationProps>;
-export { Pagination };

package/dist/shared/ui/components/layouts/slider/Pagination.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { Pressable, View } from "react-native";
-import { style } from "./Pagination.style";
-const Pagination = ({ touchable = true, paginationStyle, paginationItemStyle, paginationActiveItemStyle, count = 0, activeIndex = 0, renderItem, onChange, }) => (React.createElement(View, { style: [style.paginationWrapper, paginationStyle], testID: "slider-pagination" }, Array.from(Array(count).keys()).map((index) => (React.createElement(View, { key: index, style: style.paginationContainer },
-    React.createElement(Pressable, { testID: "slider-pagination-item", style: [
-            style.paginationItem,
-            activeIndex === index && style.active,
-            paginationItemStyle,
-            activeIndex === index && paginationActiveItemStyle,
-        ], onPress: !touchable ? undefined : () => onChange(index) }, renderItem?.(index)))))));
-export { Pagination };

package/dist/shared/ui/components/layouts/slider/Pagination.style.d.ts

@@ -1,23 +0,0 @@
-declare const style: {
-    active: {
-        backgroundColor: string;
-    };
-    paginationContainer: {
-        margin: number;
-    };
-    paginationItem: {
-        backgroundColor: string;
-        borderRadius: number;
-        height: number;
-        width: number;
-    };
-    paginationWrapper: {
-        alignItems: "center";
-        bottom: number;
-        flexDirection: "row";
-        justifyContent: "center";
-        position: "absolute";
-        width: string;
-    };
-};
-export { style };

package/dist/shared/ui/components/layouts/slider/Pagination.style.js

@@ -1,27 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-const { colorGrayscaleS, colorGrayscaleXL } = theme();
-const DOT_SIZE = 8;
-const style = StyleSheet.create({
-    active: {
-        backgroundColor: colorGrayscaleXL,
-    },
-    paginationContainer: {
-        margin: 3,
-    },
-    paginationItem: {
-        backgroundColor: colorGrayscaleS,
-        borderRadius: DOT_SIZE / 2,
-        height: DOT_SIZE,
-        width: DOT_SIZE,
-    },
-    paginationWrapper: {
-        alignItems: "center",
-        bottom: 10,
-        flexDirection: "row",
-        justifyContent: "center",
-        position: "absolute",
-        width: "100%",
-    },
-});
-export { style };

package/dist/shared/ui/components/layouts/slider/Slider.d.ts

@@ -1,15 +0,0 @@
-import { FC, ReactNode } from "react";
-interface SliderProps {
-    readonly children: ReactNode[];
-    readonly active?: number;
-    readonly loop?: boolean;
-    readonly minDistanceToCapture?: number;
-    readonly minDistanceForAction?: number;
-    readonly gesturesEnabled?: boolean;
-    readonly paginationEnabled?: boolean;
-    readonly onSliderStart?: () => void;
-    readonly onSliderEnd?: () => void;
-    readonly onChanged?: (index: number) => void;
-}
-declare const Slider: FC<SliderProps>;
-export { Slider };