@lookiero/checkout 0.3.6 → 0.3.7

package/dist/src/infrastructure/ui/views/checkout/Checkout.js

@@ -0,0 +1,78 @@
+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 { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
+import { CheckoutStatus, PaymentFlow } from "@lookiero/payments-front";
+import React, { useCallback, useRef, useState } from "react";
+import { View } from "react-native";
+import { useNavigate } from "react-router-native";
+import { useCreateNotification } from "../../../../shared/notifications";
+import { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
+import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
+import { useMarkCheckoutAsPaid } from "../../../domain/checkout/react/useMarkCheckoutAsPaid";
+import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
+import { useViewPaymentFlowPayloadByCheckoutId } from "../../../projection/payment/react/useViewPaymentFlowPayloadByCheckoutId";
+import { Body } from "../../components/layouts/body/Body";
+import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
+import { I18nMessages } from "../../i18n/i18n";
+import { Routes } from "../../routing/routes";
+import { style } from "./Checkout.style";
+import { CheckoutSuccessModal } from "./components/CheckoutSuccessModal";
+const Checkout = ({ customerId, authToken }) => {
+    const titleText = useI18nMessage({ id: I18nMessages.CHECKOUT_TITLE });
+    const payButtonText = useI18nMessage({ id: I18nMessages.CHECKOUT_PAY_BUTTON });
+    const paymentFlowRef = useRef(null);
+    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
+    const [paymentFlowPayload] = useViewPaymentFlowPayloadByCheckoutId({
+        checkoutId: checkout?.id,
+    });
+    const [markAsPaid, markAsPaidStatus] = useMarkCheckoutAsPaid({ checkoutId: checkout?.id });
+    const [createNotification] = useCreateNotification();
+    const [processingCheckout, setProcessingCheckout] = useState(false);
+    const navigate = useNavigate();
+    const onSubmitCheckout = useCallback(() => {
+        if (!paymentFlowRef.current) {
+            return;
+        }
+        setProcessingCheckout(true);
+        paymentFlowRef.current.startLegacyBoxCheckout(
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        paymentFlowPayload, 
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        async ({ status, final, ...rest }) => {
+            console.log("Checkout flow event", status, final, rest);
+            if (status === CheckoutStatus.REJECTED) {
+                createNotification({ level: NotificationLevel.ERROR, bodyI18nKey: I18nMessages.CHECKOUT_TOAST_REJECTED });
+            }
+            else if (status === CheckoutStatus.ERROR) {
+                createNotification({ level: NotificationLevel.ERROR, bodyI18nKey: I18nMessages.CHECKOUT_TOAST_ERROR });
+            }
+            else if (status === CheckoutStatus.FULFILLED) {
+                markAsPaid();
+            }
+            if (final) {
+                setProcessingCheckout(false);
+            }
+        });
+    }, [createNotification, markAsPaid, paymentFlowPayload]);
+    const handleOnSuccessModalDismiss = useCallback(() => navigate(Routes.FEEDBACK), [navigate]);
+    const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
+    const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus);
+    if (!dependenciesLoaded)
+        return React.createElement(Spinner, null);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SafeAreaScrollView, null,
+            React.createElement(Body, { style: { column: style.bodyColumn } },
+                React.createElement(View, { style: style.container },
+                    React.createElement(View, { style: style.content },
+                        React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
+                        React.createElement(Button, { busy: processingCheckout || markAsPaidStatus === CommandStatus.LOADING, 
+                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                            // @ts-ignore
+                            testID: "submit-checkout-button", onPress: onSubmitCheckout }, payButtonText),
+                        React.createElement(CheckoutSuccessModal, { visible: markAsPaidStatus === CommandStatus.SUCCESS, onDismiss: handleOnSuccessModalDismiss }))))),
+        React.createElement(PaymentFlow, { ref: paymentFlowRef, token: authToken })));
+};
+export { Checkout };

package/dist/src/infrastructure/ui/views/checkout/Checkout.style.d.ts

@@ -0,0 +1,22 @@
+declare const style: {
+    bodyColumn: {
+        paddingHorizontal: number;
+    };
+    bullet: {
+        alignItems: "center";
+        flexDirection: "row";
+        marginVertical: number;
+    };
+    container: {
+        flex: number;
+        justifyContent: "space-between";
+    };
+    content: {
+        alignItems: "center";
+    };
+    title: {
+        marginBottom: number;
+        textAlign: "center";
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/views/checkout/Checkout.style.js

@@ -0,0 +1,25 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../theme/theme";
+const { spaceS, spaceM, spaceXL } = theme();
+const style = StyleSheet.create({
+    bodyColumn: {
+        paddingHorizontal: spaceXL,
+    },
+    bullet: {
+        alignItems: "center",
+        flexDirection: "row",
+        marginVertical: spaceS,
+    },
+    container: {
+        flex: 1,
+        justifyContent: "space-between",
+    },
+    content: {
+        alignItems: "center",
+    },
+    title: {
+        marginBottom: spaceM,
+        textAlign: "center",
+    },
+});
+export { style };

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

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

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

@@ -0,0 +1,25 @@
+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/src/infrastructure/ui/views/checkout/components/CheckoutSuccessModal.style.js

@@ -0,0 +1,19 @@
+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/{infrastructure → src/infrastructure}/ui/views/intro/Intro.js

@@ -5,12 +5,12 @@ import { useI18nMessage } from "@lookiero/i18n-react";
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import React from "react";
 import { View } from "react-native";
+import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
 import { useIncrementIntroShownCount } from "../../../domain/uiSetting/react/useIncrementIntroShownCount";
 import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
 import { Body } from "../../components/layouts/body/Body";
 import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
 import { I18nMessages } from "../../i18n/i18n";
-import { Spinner } from "../../shared/components/atoms/spinner/Spinner";
 import { style } from "./Intro.style";
 const Bullet = ({ text }) => (React.createElement(View, { style: style.bullet },
     React.createElement(Icon, { name: "rounded-tick", style: style.tickIcon }),

package/dist/{infrastructure → src/infrastructure}/ui/views/item/Item.js

@@ -4,6 +4,7 @@ import { View } from "react-native";
 import { useParams } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
 import { useBookCheckouBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem";
 import { useKeepCheckoutItem } from "../../../domain/checkoutItem/react/useKeepCheckoutItem";
 import { useReplaceCheckoutItem } from "../../../domain/checkoutItem/react/useReplaceCheckoutItem";
@@ -14,7 +15,6 @@ import { useListReturnQuestionsByCheckoutItemId } from "../../../projection/retu
 import { Body } from "../../components/layouts/body/Body";
 import { ReturnQuestionFeedbackProvider } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
 import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
-import { Spinner } from "../../shared/components/atoms/spinner/Spinner";
 import { style } from "./Item.style";
 import { CustomerDecissionBanner } from "./components/banner/CustomerDecissionBanner";
 import { ItemActions } from "./components/itemActions/ItemActions";

package/dist/{infrastructure → src/infrastructure}/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.js

@@ -4,8 +4,8 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 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 { Modal } from "../../../../shared/components/layouts/modal/Modal";
 import { style } from "./GetOutOfCheckoutModal.style";
 const GetOutOfCheckoutModal = ({ visible, onDismiss, onConfirm }) => {
     const titleText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_TITLE });

package/dist/{infrastructure → src/infrastructure}/ui/views/item/components/itemActions/ItemActions.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { ProductVariantProjection } from "../../../../../../projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants";
-import { Layout } from "../../../../shared/components/layouts/sticky/Sticky";
+import { Layout } from "../../../../../../shared/ui/components/layouts/sticky/Sticky";
 interface ItemActionsProps {
     readonly productVariants: ProductVariantProjection[];
     readonly productVariantSelected: ProductVariantProjection;

package/dist/{infrastructure → src/infrastructure}/ui/views/item/components/itemActions/ItemActions.js

@@ -3,10 +3,10 @@ import { BUTTON_VARIANT } from "@lookiero/aurora-next/build/components/atoms/But
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React, { useCallback, useMemo } from "react";
 import { View } from "react-native";
+import { Sticky } from "../../../../../../shared/ui/components/layouts/sticky/Sticky";
+import { SelectField } from "../../../../../../shared/ui/components/molecules/selectField/SelectField";
 import { Body } from "../../../../components/layouts/body/Body";
 import { I18nMessages } from "../../../../i18n/i18n";
-import { Sticky } from "../../../../shared/components/layouts/sticky/Sticky";
-import { SelectField } from "../../../../shared/components/molecules/selectField/SelectField";
 import { style } from "./ItemActions.style";
 const ItemActions = ({ productVariants, productVariantSelected, keepButtonLoading = false, returnButtonLoading = false, sizeSelectorDisabled = false, onSizeSelectorPress = () => void 0, onKeep, onReplace, onReturn, onLayout, }) => {
     const sizeSelectorLabelText = useI18nMessage({ id: I18nMessages.ITEM_SIZES_LABEL });

package/dist/{infrastructure → src/infrastructure}/ui/views/item/components/productVariant/ProductVariant.js

@@ -4,10 +4,10 @@ import React from "react";
 import { Image, Pressable, View } from "react-native";
 import Svg, { Line } from "react-native-svg";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
+import { ButtonIcon } from "../../../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
 import { Price } from "../../../../components/atoms/price/Price";
 import { useMediaImage } from "../../../../hooks/useMediaImage";
 import { COLOR_I18N_PREFIX, I18nMessages } from "../../../../i18n/i18n";
-import { ButtonIcon } from "../../../../shared/components/molecules/buttonIcon/ButtonIcon";
 import { IMAGE_WIDTH, style } from "./ProductVariant.style";
 const ProductVariant = ({ media, brand, name, price, size, color, status, discarded, style: customStyle, onPress, }) => {
     const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });

package/dist/{infrastructure → src/infrastructure}/ui/views/item/components/productVariantSlider/ProductVariantSlider.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useState } from "react";
 import { Image } from "react-native";
+import { Slider } from "../../../../../../shared/ui/components/layouts/slider/Slider";
 import { useMediaImage } from "../../../../hooks/useMediaImage";
-import { Slider } from "../../../../shared/components/layouts/slider/Slider";
 import { style } from "./ProductVariantSlider.style";
 const ProductVariantSlider = ({ producVariantMedia }) => {
     const cdnImageUrl = useMediaImage();

package/dist/{infrastructure → src/infrastructure}/ui/views/item/components/returnQuestionsFeedback/ReturnQuestionsFeedback.js

@@ -3,12 +3,12 @@ import { useI18nMessage } from "@lookiero/i18n-react";
 import React from "react";
 import { View } from "react-native";
 import { ReturnQuestionType, } from "../../../../../../projection/returnQuestion/returnQuestion";
+import { ButtonIcon } from "../../../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
 import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
 import { ReturnQuestionItemProvider, } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
 import { HostDefaultReturnQuestionFeedbackItem } from "../../../../components/organisms/returnQuestions/components/hostDefaultReturnQuestionFeedbackItem/HostDefaultReturnQuestionFeedbackItem";
 import { ReturnQuestionFeedbackItem } from "../../../../components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem";
 import { I18nMessages, RETURN_QUESTIONS_FEEDBACK_PREFIX } from "../../../../i18n/i18n";
-import { ButtonIcon } from "../../../../shared/components/molecules/buttonIcon/ButtonIcon";
 import { style } from "./ReturnQuestionsFeedback.style";
 const returnQuestionItems = {
     [ReturnQuestionType.HOST_DEFAULT]: HostDefaultReturnQuestionFeedbackItem,

package/dist/{infrastructure → src/infrastructure}/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -5,6 +5,7 @@ import { useI18nMessage } from "@lookiero/i18n-react";
 import React, { useCallback } from "react";
 import { View } from "react-native";
 import { ReturnQuestionType, } from "../../../../../../projection/returnQuestion/returnQuestion";
+import { Modal } from "../../../../../../shared/ui/components/layouts/modal/Modal";
 import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
 import { useReturnQuestionFeedback } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
 import { ReturnQuestionItemProvider, } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
@@ -14,7 +15,6 @@ import { HostStackReturnQuestionItem } from "../../../../components/organisms/re
 import { OptionReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem";
 import { TextareaReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
 import { I18nMessages, RETURN_QUESTIONS_PREFIX } from "../../../../i18n/i18n";
-import { Modal } from "../../../../shared/components/layouts/modal/Modal";
 import { ProductVariant } from "../productVariant/ProductVariant";
 import { style } from "./ReturnQuestionsForm.style";
 const RETURN_QUESTION_FORM_PORTAL_HOST_NAME = "return-question-form-portal";

package/dist/{infrastructure → src/infrastructure}/ui/views/item/components/sizeChangeModal/SizeChangeModal.js

@@ -3,8 +3,8 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 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 { Modal } from "../../../../shared/components/layouts/modal/Modal";
 import { style } from "./SizeChangeModal.style";
 const SizeChangeModal = ({ visible, onDismiss }) => {
     const titleText = useI18nMessage({ id: I18nMessages.SIZE_CHANGE_MODAL_TITLE });

package/dist/{infrastructure → src/infrastructure}/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.js

@@ -3,8 +3,8 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 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 { Modal } from "../../../../shared/components/layouts/modal/Modal";
 import { style } from "./SizeWithoutStockModal.style";
 const SizeWithoutStockModal = ({ visible, onDismiss }) => {
     const titleText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_TITLE });

package/dist/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.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/{infrastructure → src/infrastructure}/ui/views/summary/Summary.js

@@ -5,6 +5,7 @@ import React, { useCallback, useMemo, useState } from "react";
 import { View } from "react-native";
 import { generatePath, useNavigate } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
+import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
 import { useViewPricingByCheckoutId } from "../../../projection/pricing/react/useViewPricingByCheckoutId";
@@ -12,7 +13,6 @@ import { Body } from "../../components/layouts/body/Body";
 import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
 import { I18nMessages } from "../../i18n/i18n";
 import { Routes } from "../../routing/routes";
-import { Spinner } from "../../shared/components/atoms/spinner/Spinner";
 import { style } from "./Summary.style";
 import { CheckoutItemsTabs } from "./components/checkoutItemsTabs/CheckoutItemsTabs";
 import { FiveItemsDiscountBanner } from "./components/fiveItemsDiscountBanner/FiveItemsDiscountBanner";

package/dist/{infrastructure → src/infrastructure}/ui/views/summary/components/stickyPricing/StickyPricing.js

@@ -1,6 +1,6 @@
 import React from "react";
+import { Sticky } from "../../../../../../shared/ui/components/layouts/sticky/Sticky";
 import { Body } from "../../../../components/layouts/body/Body";
-import { Sticky } from "../../../../shared/components/layouts/sticky/Sticky";
 import { Pricing } from "../pricing/Pricing";
 import { style } from "./StickyPricing.style";
 const StickyPricing = ({ pricing, totalCheckoutItemsKept, collapsed, onPress, onSubmit }) => (React.createElement(Sticky, null,

package/dist/src/shared/notifications/domain/notification/command/createNotification.d.ts

@@ -0,0 +1,17 @@
+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/src/shared/notifications/domain/notification/command/createNotification.js

@@ -0,0 +1,7 @@
+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/src/shared/notifications/domain/notification/command/removeNotification.d.ts

@@ -0,0 +1,13 @@
+import { Command } from "@lookiero/messaging";
+declare const REMOVE_NOTIFICATION = "REMOVE_NOTIFICATION";
+interface RemoveNotificationPayload {
+    readonly aggregateId: string;
+}
+interface RemoveNotification extends Command<typeof REMOVE_NOTIFICATION>, RemoveNotificationPayload {
+}
+interface RemoveNotificationFunction {
+    (payload: RemoveNotificationPayload): RemoveNotification;
+}
+declare const removeNotification: RemoveNotificationFunction;
+export type { RemoveNotification };
+export { REMOVE_NOTIFICATION, removeNotification };

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

@@ -0,0 +1,4 @@
+import { command } from "@lookiero/messaging";
+const REMOVE_NOTIFICATION = "REMOVE_NOTIFICATION";
+const removeNotification = ({ aggregateId }) => command({ aggregateId, name: REMOVE_NOTIFICATION });
+export { REMOVE_NOTIFICATION, removeNotification };

package/dist/src/shared/notifications/domain/notification/command/removeNotification.tes.d.ts

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

package/dist/src/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/src/shared/notifications/domain/notification/model/notification.d.ts

@@ -0,0 +1,18 @@
+import { AggregateRoot, CommandHandlerFunction } from "@lookiero/messaging";
+import { CreateNotification } from "../command/createNotification";
+import { RemoveNotification } from "../command/removeNotification";
+declare enum NotificationLevel {
+    INFO = "INFO",
+    ERROR = "ERROR",
+    SUCCESS = "SUCCESS"
+}
+export { NotificationLevel };
+interface Notification extends AggregateRoot {
+    readonly level: NotificationLevel;
+    readonly bodyI18nKey: string;
+    readonly titleI18nKey: string | undefined;
+}
+declare const createNotificationHandler: CommandHandlerFunction<CreateNotification, Notification>;
+declare const removeNotificationHandler: CommandHandlerFunction<RemoveNotification, Notification>;
+export type { Notification };
+export { createNotificationHandler, removeNotificationHandler };

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

@@ -0,0 +1,27 @@
+import { notificationCreated } from "./notificationCreated";
+import { notificationRemoved } from "./notificationRemoved";
+var NotificationLevel;
+(function (NotificationLevel) {
+    NotificationLevel["INFO"] = "INFO";
+    NotificationLevel["ERROR"] = "ERROR";
+    NotificationLevel["SUCCESS"] = "SUCCESS";
+})(NotificationLevel || (NotificationLevel = {}));
+export { NotificationLevel };
+const createNotificationHandler = () => async ({ aggregateRoot, command }) => {
+    const { aggregateId, level, titleI18nKey, bodyI18nKey } = command;
+    return {
+        ...aggregateRoot,
+        level,
+        titleI18nKey,
+        bodyI18nKey,
+        domainEvents: [notificationCreated({ aggregateId })],
+    };
+};
+const removeNotificationHandler = () => async ({ aggregateRoot, command }) => {
+    const { aggregateId } = command;
+    return {
+        ...aggregateRoot,
+        domainEvents: [notificationRemoved({ aggregateId })],
+    };
+};
+export { createNotificationHandler, removeNotificationHandler };

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

@@ -0,0 +1,13 @@
+import { DomainEvent } from "@lookiero/messaging";
+declare const NOTIFICATION_CREATED = "notification_created";
+interface NotificationCreatedPayload {
+    readonly aggregateId: string;
+}
+interface NotificationCreated extends DomainEvent<typeof NOTIFICATION_CREATED>, NotificationCreatedPayload {
+}
+interface NotificationCreatedFunction {
+    (payload: NotificationCreatedPayload): NotificationCreated;
+}
+declare const notificationCreated: NotificationCreatedFunction;
+export type { NotificationCreated };
+export { NOTIFICATION_CREATED, notificationCreated };

package/dist/src/shared/notifications/domain/notification/model/notificationCreated.js

@@ -0,0 +1,4 @@
+import { domainEvent } from "@lookiero/messaging";
+const NOTIFICATION_CREATED = "notification_created";
+const notificationCreated = ({ aggregateId }) => domainEvent({ aggregateId, name: NOTIFICATION_CREATED });
+export { NOTIFICATION_CREATED, notificationCreated };

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

@@ -0,0 +1,13 @@
+import { DomainEvent } from "@lookiero/messaging";
+declare const NOTIFICATION_REMOVED = "notification_removed";
+interface NotificationRemovedPayload {
+    readonly aggregateId: string;
+}
+interface NotificationRemoved extends DomainEvent<typeof NOTIFICATION_REMOVED>, NotificationRemovedPayload {
+}
+interface NotificationRemovedFunction {
+    (payload: NotificationRemovedPayload): NotificationRemoved;
+}
+declare const notificationRemoved: NotificationRemovedFunction;
+export type { NotificationRemoved };
+export { NOTIFICATION_REMOVED, notificationRemoved };

package/dist/src/shared/notifications/domain/notification/model/notificationRemoved.js

@@ -0,0 +1,4 @@
+import { domainEvent } from "@lookiero/messaging";
+const NOTIFICATION_REMOVED = "notification_removed";
+const notificationRemoved = ({ aggregateId }) => domainEvent({ aggregateId, name: NOTIFICATION_REMOVED });
+export { NOTIFICATION_REMOVED, notificationRemoved };

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

@@ -0,0 +1,7 @@
+import { RepositoryGetFunction, RepositoryGetFunctionArgs, RepositorySaveFunction, RepositorySaveFunctionArgs } from "@lookiero/messaging";
+import { Notification } from "./notification";
+interface NotificationsGetFunction<NotificationsGetFunctionArgs extends RepositoryGetFunctionArgs> extends RepositoryGetFunction<Notification, NotificationsGetFunctionArgs> {
+}
+interface NotificationsSaveFunction<NotificationsSaveFunctionArgs extends RepositorySaveFunctionArgs> extends RepositorySaveFunction<Notification, NotificationsSaveFunctionArgs> {
+}
+export type { NotificationsGetFunction, NotificationsSaveFunction };

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

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

package/dist/src/shared/notifications/index.d.ts

@@ -0,0 +1,8 @@
+import { useCreateNotification } from "./infrastructure/domain/notification/react/useCreateNotification";
+import { useRemoveNotification } from "./infrastructure/domain/notification/react/useRemoveNotification";
+import { NotificationDto } from "./infrastructure/persistence/notificationDto";
+import { Storage } from "./infrastructure/persistence/storage";
+import { notificationsRoot, NotificationsRoot } from "./infrastructure/ui/notificationsRoot";
+import { useListNotifications } from "./projection/notification/react/useListNotifications";
+export type { Storage, NotificationDto, NotificationsRoot };
+export { useListNotifications, useCreateNotification, useRemoveNotification, notificationsRoot };

package/dist/src/shared/notifications/index.js

@@ -0,0 +1,5 @@
+import { useCreateNotification } from "./infrastructure/domain/notification/react/useCreateNotification";
+import { useRemoveNotification } from "./infrastructure/domain/notification/react/useRemoveNotification";
+import { notificationsRoot } from "./infrastructure/ui/notificationsRoot";
+import { useListNotifications } from "./projection/notification/react/useListNotifications";
+export { useListNotifications, useCreateNotification, useRemoveNotification, notificationsRoot };

package/dist/src/shared/notifications/infrastructure/delivery/bootstrap.d.ts

@@ -0,0 +1,13 @@
+import { BuildBootstrapFunctionReturn } from "@lookiero/messaging-react";
+import { NotificationDto } from "../persistence/notificationDto";
+import { Storage } from "../persistence/storage";
+declare const NOTIFICATIONS_MESSAGING_CONTEXT_ID = "notifications";
+interface BootstrapFunctionArgs {
+    readonly storage: Storage<NotificationDto>;
+}
+interface BootstrapFunction {
+    (args: BootstrapFunctionArgs): BuildBootstrapFunctionReturn;
+}
+declare const bootstrap: BootstrapFunction;
+export type { BootstrapFunctionArgs };
+export { NOTIFICATIONS_MESSAGING_CONTEXT_ID, bootstrap };

package/dist/src/shared/notifications/infrastructure/delivery/bootstrap.js

@@ -0,0 +1,14 @@
+import { bootstrap as messagingReactBootstrap } from "@lookiero/messaging-react";
+import { CREATE_NOTIFICATION } from "../../domain/notification/command/createNotification";
+import { REMOVE_NOTIFICATION } from "../../domain/notification/command/removeNotification";
+import { createNotificationHandler, removeNotificationHandler } from "../../domain/notification/model/notification";
+import { listNotificationsHandler, LIST_NOTIFICATIONS } from "../../projection/notification/listNotifications";
+import { getNotification, saveNotification } from "../domain/notification/model/storageNotifications";
+import { storageListNotificationsView } from "../projection/notification/storageListNotificationsView";
+const NOTIFICATIONS_MESSAGING_CONTEXT_ID = "notifications";
+const bootstrap = ({ storage }) => messagingReactBootstrap({ id: NOTIFICATIONS_MESSAGING_CONTEXT_ID })
+    .query(LIST_NOTIFICATIONS, listNotificationsHandler, { view: storageListNotificationsView({ storage }) })
+    .command(CREATE_NOTIFICATION, createNotificationHandler)(getNotification, saveNotification, { storage })
+    .command(REMOVE_NOTIFICATION, removeNotificationHandler)(getNotification, saveNotification, { storage })
+    .build();
+export { NOTIFICATIONS_MESSAGING_CONTEXT_ID, bootstrap };

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

@@ -0,0 +1,18 @@
+import { RepositoryGetFunctionArgs, RepositorySaveFunctionArgs } from "@lookiero/messaging";
+import { NotificationsGetFunction, NotificationsSaveFunction } from "../../../../domain/notification/model/notifications";
+import { NotificationDto } from "../../../persistence/notificationDto";
+import { Storage } from "../../../persistence/storage";
+interface StorageNotificationsGetFunctionArgs extends RepositoryGetFunctionArgs {
+    readonly storage: Storage<NotificationDto>;
+}
+interface StorageNotificationsGetFunction extends NotificationsGetFunction<StorageNotificationsGetFunctionArgs> {
+}
+declare const getNotification: StorageNotificationsGetFunction;
+interface StorageNotificationsSaveFunctionArgs extends RepositorySaveFunctionArgs {
+    readonly storage: Storage<NotificationDto>;
+}
+interface StorageNotificationsSaveFunction extends NotificationsSaveFunction<StorageNotificationsSaveFunctionArgs> {
+}
+declare const saveNotification: StorageNotificationsSaveFunction;
+export type { StorageNotificationsSaveFunction };
+export { getNotification, saveNotification };