tek-wallet 0.0.458 → 0.0.459

package/dist/hooks/useEventHandler.d.ts

@@ -0,0 +1,7 @@
+import { NotificationType } from "../providers/RealtimeProvider/type";
+import { Transaction } from "../services/axios/get-activities-service/type";
+export type EventHandler = (messageEvent: Transaction) => NotificationType | undefined;
+export type EventHandlerHookType = {
+    eventHandler: EventHandler;
+};
+export declare const useEventHandler: () => EventHandlerHookType;

package/dist/hooks/useEventHandler.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEventHandler = void 0;
+var useEventHandler = function () {
+    var handler = function (messageEvent) {
+        if (!messageEvent)
+            return undefined;
+        var type = messageEvent.transaction_type;
+        var amount = messageEvent.amount;
+        var currency = messageEvent.currency_slug;
+        var status = messageEvent.transaction_status;
+        var transactionId = messageEvent.id;
+        var notificationType = "success";
+        switch (status) {
+            case "processing":
+                notificationType = "info";
+                break;
+            case "failed":
+                notificationType = "error";
+                break;
+            case "success":
+                notificationType = "success";
+                break;
+            default:
+                notificationType = "info";
+        }
+        return {
+            message: "".concat(type, " ").concat(amount, " ").concat(currency, " is ").concat(status),
+            type: notificationType,
+            id: "".concat(transactionId, "-").concat(status),
+        };
+    };
+    return { eventHandler: handler };
+};
+exports.useEventHandler = useEventHandler;

package/dist/providers/RealtimeProvider/index.js

@@ -64,6 +64,7 @@ var useWalletData_1 = __importDefault(require("../../hooks/useWalletData"));
 var ably_service_1 = require("../../services/ably/ably.service");
 var material_1 = require("@mui/material");
 var notistack_1 = require("notistack");
+var useEventHandler_1 = require("../../hooks/useEventHandler");
 exports.initialRealtime = {
     transaction: undefined,
     isConnected: false,
@@ -83,6 +84,7 @@ function RealtimeProvider(_a) {
     var pushNotification = function (notification) {
         setNotifications(function (prev) { return __spreadArray(__spreadArray([], prev, true), [notification], false); });
     };
+    var eventHandler = (0, useEventHandler_1.useEventHandler)().eventHandler;
     (0, react_1.useEffect)(function () {
         try {
             if (!masterWallet)
@@ -119,9 +121,9 @@ function RealtimeProvider(_a) {
                             horizontal: (_e = (_d = notification === null || notification === void 0 ? void 0 : notification.anchorOrigin) === null || _d === void 0 ? void 0 : _d.horizontal) !== null && _e !== void 0 ? _e : "right",
                         }, onClose: function () {
                             closeNotification(notification.id);
-                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 2000, children: (0, jsx_runtime_1.jsx)(material_1.Alert, { icon: false, severity: notification.type, sx: {
+                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 3000, children: (0, jsx_runtime_1.jsx)(material_1.Alert, { icon: false, severity: notification.type, sx: {
                                 width: "fit-content",
-                                borderRadius: theme.mixins.customRadius.r16,
+                                borderRadius: theme.mixins.customRadius.r6,
                                 mx: "auto",
                                 padding: "".concat(theme.mixins.customPadding.p0, " ").concat(theme.mixins.customPadding.p12),
                                 fontSize: theme.typography.fontSize14,
@@ -132,31 +134,3 @@ function RealtimeProvider(_a) {
                 }) })] }));
 }
 exports.default = RealtimeProvider;
-var eventHandler = function (messageEvent) {
-    if (!messageEvent)
-        return null;
-    var type = messageEvent.transaction_type;
-    var amount = messageEvent.amount;
-    var currency = messageEvent.currency_slug;
-    var status = messageEvent.transaction_status;
-    var transactionId = messageEvent.id;
-    var notificationType = "success";
-    switch (status) {
-        case "processing":
-            notificationType = "info";
-            break;
-        case "failed":
-            notificationType = "error";
-            break;
-        case "success":
-            notificationType = "success";
-            break;
-        default:
-            notificationType = "info";
-    }
-    return {
-        message: "".concat(type, " ").concat(amount, " ").concat(currency, " is ").concat(status),
-        type: notificationType,
-        id: "".concat(transactionId, "-").concat(status),
-    };
-};

package/dist/theme/mui/theme.js

@@ -116,8 +116,16 @@ var customMargin = {
 };
 var customRadius = {
     full: "999px",
+    r6: "0.375rem",
+    r8: "0.5rem",
+    r10: "0.625rem",
     r12: "0.75rem",
     r16: "1rem",
+    r20: "1.25rem",
+    r24: "1.5rem",
+    r32: "2rem",
+    r40: "2.5rem",
+    r48: "3rem",
 };
 var shadows = [
     "none",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.458",
+  "version": "0.0.459",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",