tek-wallet 0.0.417 → 0.0.421

package/dist/providers/RealtimeProvider/index.d.ts

@@ -1,11 +1,6 @@
 import React from "react";
 import { RealtimeProviderDataType } from "./type";
-import { VariantType } from "notistack";
 export declare const initialRealtime: RealtimeProviderDataType;
-export interface Notification {
-    message: string;
-    variant: VariantType;
-}
 export declare const RealtimeContext: React.Context<RealtimeProviderDataType>;
 declare function RealtimeProvider({ children }: {
     children: React.ReactNode;

package/dist/providers/RealtimeProvider/index.js

@@ -70,8 +70,8 @@ exports.initialRealtime = {
     isConnected: false,
     pushNotification: function () { },
 };
-function SlideTransition(props) {
-    return (0, jsx_runtime_1.jsx)(Slide_1.default, __assign({}, props, { direction: "up" }));
+function GrowTransition(props) {
+    return (0, jsx_runtime_1.jsx)(Slide_1.default, __assign({}, props, { direction: "down" }));
 }
 exports.RealtimeContext = react_1.default.createContext(exports.initialRealtime);
 function RealtimeProvider(_a) {
@@ -100,13 +100,23 @@ function RealtimeProvider(_a) {
             console.error("🚀 ~ TEK-WALLET: Error connecting to realtime", error);
         }
     }, [masterWallet]);
+    var closeNotification = function (id) {
+        setNotifications(function (prev) {
+            return prev.map(function (n) { return (n.id === id ? __assign(__assign({}, n), { open: false }) : n); });
+        });
+    };
     return ((0, jsx_runtime_1.jsxs)(exports.RealtimeContext.Provider, { value: {
             isConnected: isConnected,
             transaction: transaction,
             pushNotification: pushNotification,
         }, children: [children, (0, jsx_runtime_1.jsx)(notistack_1.SnackbarProvider, { maxSnack: 2, children: notifications.map(function (notification) {
-                    var _a;
-                    return ((0, jsx_runtime_1.jsx)(material_1.Snackbar, { open: true, onClose: function () { }, slots: { transition: SlideTransition }, message: notification.message, autoHideDuration: (_a = notification.duration) !== null && _a !== void 0 ? _a : 2000 }, notification.id));
+                    var _a, _b, _c, _d, _e, _f;
+                    return ((0, jsx_runtime_1.jsx)(material_1.Snackbar, { open: (_a = notification.open) !== null && _a !== void 0 ? _a : true, anchorOrigin: {
+                            vertical: (_c = (_b = notification === null || notification === void 0 ? void 0 : notification.anchorOrigin) === null || _b === void 0 ? void 0 : _b.vertical) !== null && _c !== void 0 ? _c : "top",
+                            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 }, message: notification.message, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 2000 }, notification.id));
                 }) })] }));
 }
 exports.default = RealtimeProvider;

package/dist/providers/RealtimeProvider/type.d.ts

@@ -8,4 +8,9 @@ export interface NotificationType {
     type: "success" | "error" | "warning" | "info";
     duration?: number;
     id: string;
+    anchorOrigin?: {
+        vertical: "top" | "bottom";
+        horizontal: "left" | "center" | "right";
+    };
+    open?: boolean;
 }

package/package.json

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