@lookiero/checkout 6.0.0 → 6.0.1-beta.1

package/dist/src/infrastructure/ui/hooks/usePaymentInstrumentEvents.js

@@ -5,13 +5,20 @@ import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 import { I18nMessages } from "../i18n/i18n";
 const PAYMENT_ERROR = "ERROR";
 const PAYMENT_SUCCESS = "PAYMENT_INSTRUMENT_UPDATED";
+const PAYMENT_ERROR_TOAST_ID = "8228c0dd-5c7c-4040-8240-a6f642202b96";
+const PAYMENT_SUCCESS_TOAST_ID = "7486a0fa-1080-4690-9494-1c3ff58ef50d";
 const usePaymentInstrumentEvents = ({ logger }) => {
     const { subscribe, unsubscribe } = useEvent();
     const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
-    const onSuccess = useCallback(({ message }) => createNotification({ bodyI18nKey: message.id, level: NotificationLevel.SUCCESS }), [createNotification]);
+    const onSuccess = useCallback(({ message }) => createNotification({
+        aggregateId: PAYMENT_SUCCESS_TOAST_ID,
+        bodyI18nKey: message.id,
+        level: NotificationLevel.SUCCESS,
+    }), [createNotification]);
     const onError = useCallback(({ error }) => {
         if (error.toaster) {
             createNotification({
+                aggregateId: PAYMENT_ERROR_TOAST_ID,
                 bodyI18nKey: error.toaster.id || I18nMessages.CHECKOUT_TOAST_PAYMENT_ERROR,
                 level: NotificationLevel.ERROR,
             });

package/dist/src/infrastructure/ui/views/item/Item.js

@@ -3,8 +3,10 @@ import { generatePath, useMatch, useNavigate, useParams } from "react-router-nat
 import { Box, Spinner } from "@lookiero/aurora";
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import { useLogger } from "@lookiero/sty-psp-logging";
+import { NotificationLevel, useCreateToastNotification } from "@lookiero/sty-psp-notifications";
 import { useScreenSize } from "@lookiero/sty-psp-ui";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { useBookCheckoutBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckoutBookingForCheckoutItem";
 import { useReturnCheckoutItem } from "../../../domain/checkoutItem/react/useReturnCheckoutItem";
 import { useViewBookedProductsVariantsForCheckoutItem } from "../../../projection/bookedProductsVariants/react/useViewBookedProductsVariantsForCheckoutItem";
@@ -37,6 +39,14 @@ const Item = ({ layout: Layout }) => {
     const basePath = useBasePath();
     const { customer: { customerId, country, segment }, } = useStaticInfo();
     const isDesktopScreen = screenSize !== "S";
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    useEffect(() => {
+        createNotification({
+            aggregateId: "8228c0dd-5c7c-4040-8240-a6f642202b96",
+            bodyI18nKey: "whatever",
+            level: NotificationLevel.ERROR,
+        });
+    }, [createNotification]);
     const { id } = useParams();
     const [fiveItemsDiscount = 0, fiveItemsDiscountStatus] = useViewFiveItemsDiscountByCustomerId({ customerId });
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "6.0.0";
+export declare const VERSION = "6.0.1-beta.1";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "6.0.0";
+export const VERSION = "6.0.1-beta.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "6.0.0",
+  "version": "6.0.1-beta.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -21,7 +21,7 @@
     "@lookiero/sty-psp-i18n": "^0.1.7",
     "@lookiero/sty-psp-locale": "^0.2.1",
     "@lookiero/sty-psp-logging": "^0.2.2",
-    "@lookiero/sty-psp-notifications": "^0.5.4",
+    "@lookiero/sty-psp-notifications": "0.5.5-beta.12",
     "@lookiero/sty-psp-react-native": "^0.2.0",
     "@lookiero/sty-psp-segment": "^0.1.1",
     "@lookiero/sty-psp-storage": "^0.1.3",

package/src/infrastructure/ui/hooks/usePaymentInstrumentEvents.ts

@@ -7,6 +7,8 @@ import { I18nMessages } from "../i18n/i18n";
 
 const PAYMENT_ERROR = "ERROR";
 const PAYMENT_SUCCESS = "PAYMENT_INSTRUMENT_UPDATED";
+const PAYMENT_ERROR_TOAST_ID = "8228c0dd-5c7c-4040-8240-a6f642202b96";
+const PAYMENT_SUCCESS_TOAST_ID = "7486a0fa-1080-4690-9494-1c3ff58ef50d";
 
 interface Message {
   readonly id: string;
@@ -45,7 +47,12 @@ const usePaymentInstrumentEvents: UsePaymentInstrumentEventsFunction = ({ logger
   const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
 
   const onSuccess: OnSuccessFunction = useCallback(
-    ({ message }) => createNotification({ bodyI18nKey: message.id, level: NotificationLevel.SUCCESS }),
+    ({ message }) =>
+      createNotification({
+        aggregateId: PAYMENT_SUCCESS_TOAST_ID,
+        bodyI18nKey: message.id,
+        level: NotificationLevel.SUCCESS,
+      }),
     [createNotification],
   );
 
@@ -53,6 +60,7 @@ const usePaymentInstrumentEvents: UsePaymentInstrumentEventsFunction = ({ logger
     ({ error }) => {
       if (error.toaster) {
         createNotification({
+          aggregateId: PAYMENT_ERROR_TOAST_ID,
           bodyI18nKey: error.toaster.id || I18nMessages.CHECKOUT_TOAST_PAYMENT_ERROR,
           level: NotificationLevel.ERROR,
         });

package/src/infrastructure/ui/views/item/Item.tsx

@@ -3,6 +3,7 @@ import { generatePath, useMatch, useNavigate, useParams } from "react-router-nat
 import { Box, Spinner } from "@lookiero/aurora";
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import { useLogger } from "@lookiero/sty-psp-logging";
+import { NotificationLevel, useCreateToastNotification } from "@lookiero/sty-psp-notifications";
 import { useScreenSize } from "@lookiero/sty-psp-ui";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import {
@@ -11,6 +12,7 @@ import {
 } from "../../../../projection/bookedProductsVariants/bookedProductsVariants";
 import { CheckoutItemProjection } from "../../../../projection/checkoutItem/checkoutItem";
 import { FeedbackProjection } from "../../../../projection/feedback/feedback";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { useBookCheckoutBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckoutBookingForCheckoutItem";
 import { useReturnCheckoutItem } from "../../../domain/checkoutItem/react/useReturnCheckoutItem";
 import { useViewBookedProductsVariantsForCheckoutItem } from "../../../projection/bookedProductsVariants/react/useViewBookedProductsVariantsForCheckoutItem";
@@ -73,6 +75,15 @@ const Item: FC<ItemProps> = ({ layout: Layout }) => {
   } = useStaticInfo();
   const isDesktopScreen = screenSize !== "S";
 
+  const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+  useEffect(() => {
+    createNotification({
+      aggregateId: "8228c0dd-5c7c-4040-8240-a6f642202b96",
+      bodyI18nKey: "whatever",
+      level: NotificationLevel.ERROR,
+    });
+  }, [createNotification]);
+
   const { id } = useParams();
   const [fiveItemsDiscount = 0, fiveItemsDiscountStatus] = useViewFiveItemsDiscountByCustomerId({ customerId });
   const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });