@lookiero/checkout 0.8.3-beta.2 → 0.8.3-beta.3

package/dist/infrastructure/ui/hooks/usePaymentInstrumentUpdateEvents.js

@@ -1,34 +1,21 @@
 import { useEvent } from "@lookiero/event";
 import { useCallback, useEffect } from "react";
 import { useCreateNotification } from "../../../shared/notifications";
-import { NotificationLevel } from "../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 import { I18nMessages } from "../i18n/i18n";
+import { useToast } from "./useToast";
 const PAYMENT_ERROR = "ERROR";
 const PAYMENT_SUCCESS = "PAYMENT_INSTRUMENT_UPDATED";
 const usePaymentInstrumentUpdateEvents = () => {
     const { subscribe, unsubscribe } = useEvent();
+    const { showError, showSuccess } = useToast();
     const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID });
-    const onSuccess = useCallback(({ message }) => {
-        console.log({ message });
-        createNotification({
-            level: NotificationLevel.SUCCESS,
-            bodyI18nKey: message.id,
-        });
-    }, [createNotification]);
-    const onError = useCallback(({ error }) => {
-        console.log({ error });
-        createNotification({
-            level: NotificationLevel.ERROR,
-            bodyI18nKey: error.toaster?.id || I18nMessages.CHECKOUT_TOAST_PAYMENT_ERROR,
-        });
-    }, [createNotification]);
+    const onSuccess = useCallback(({ message }) => showSuccess({ message: message.id }), [showSuccess]);
+    const onError = useCallback(({ error }) => showError({ message: error.toaster?.id || I18nMessages.CHECKOUT_TOAST_PAYMENT_ERROR }), [showError]);
     useEffect(() => {
-        console.log("subscribe");
         subscribe({ event: PAYMENT_ERROR }, onError);
         subscribe({ event: PAYMENT_SUCCESS }, onSuccess);
         return () => {
-            console.log("unsubscribe");
             unsubscribe({ event: PAYMENT_ERROR }, onError);
             unsubscribe({ event: PAYMENT_SUCCESS }, onSuccess);
         };

package/dist/infrastructure/ui/hooks/useToast.d.ts

@@ -0,0 +1,11 @@
+interface ShowErrorFunctionArgs {
+    readonly message: string;
+}
+interface ShowErrorFunction {
+    (args: ShowErrorFunctionArgs): void;
+}
+declare const useToast: () => {
+    showError: ShowErrorFunction;
+    showSuccess: ShowErrorFunction;
+};
+export { useToast };

package/dist/infrastructure/ui/hooks/useToast.js

@@ -0,0 +1,45 @@
+import { Notification } from "@lookiero/aurora-next/build/components/molecules/Notification/Notification";
+import { useStack } from "@lookiero/aurora-next/build/contexts/Stack/Stack";
+import { useCallback } from "react";
+import { StyleSheet } from "react-native";
+import { v4 as uuid } from "uuid";
+import { theme } from "../theme/theme";
+const { layoutXXS, elevationColor, elevationOffset, elevationOpacityM, elevationRadius } = theme();
+const style = StyleSheet.create({
+    container: {
+        marginHorizontal: layoutXXS,
+        marginTop: layoutXXS,
+        shadowColor: elevationColor,
+        shadowOffset: elevationOffset,
+        shadowOpacity: elevationOpacityM,
+        shadowRadius: elevationRadius,
+    },
+    inAppContainer: {
+        top: 75,
+    },
+});
+const NOTIFICATION_DEFAULTS = {
+    motion: "top",
+    timeoutClose: 10000,
+    style: style.container,
+};
+const IN_APP_NOTIFICATION_DEFAULTS = {
+    ...NOTIFICATION_DEFAULTS,
+    style: [style.container, style.inAppContainer],
+};
+const iOSInAppBrowser = window.screen.height > 667 && /FBIOS/.test(navigator.userAgent);
+const getNotificationDefaults = () => (iOSInAppBrowser ? IN_APP_NOTIFICATION_DEFAULTS : NOTIFICATION_DEFAULTS);
+const useToast = () => {
+    const Stack = useStack();
+    const showError = useCallback(({ message }) => {
+        Stack.alert(uuid(), Notification, { ...getNotificationDefaults(), text: message });
+    }, [Stack]);
+    const showSuccess = useCallback(({ message }) => {
+        Stack.success(uuid(), Notification, { ...getNotificationDefaults(), text: message });
+    }, [Stack]);
+    return {
+        showError,
+        showSuccess,
+    };
+};
+export { useToast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.8.3-beta.2",
+  "version": "0.8.3-beta.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [