tek-wallet 0.0.355 → 0.0.356

package/dist/components/ui/BackArrow/index.d.ts

@@ -1,5 +1,5 @@
-import { GeneralProps } from "../../../types/ui";
-interface BackArrowProps extends GeneralProps {
+import { IconProps } from "../Icon";
+interface BackArrowProps extends IconProps {
 }
 declare const BackArrow: (props: BackArrowProps) => import("react/jsx-runtime").JSX.Element;
 export default BackArrow;

package/dist/components/ui/Button/index.js

@@ -38,9 +38,9 @@ var Button = function (props) {
 };
 Button.displayName = "Button";
 Button.Primary = function (props) {
-    var sx = props.sx, rest = __rest(props, ["sx"]);
+    var sx = props.sx, children = props.children, rest = __rest(props, ["sx", "children"]);
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "contained", color: "primary", sx: __assign({ borderRadius: theme.mixins.theBorderRadius.full }, sx) })));
+    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "contained", color: "primary", sx: __assign({ borderRadius: theme.mixins.theBorderRadius.full }, sx), children: children })));
 };
 Button.Primary.displayName = "Button.Primary";
 Button.Secondary = function (props) {

package/dist/components/ui/Icon/index.d.ts

@@ -1,9 +1,10 @@
-import { GeneralProps } from "../../../types/ui";
-export interface IconProps extends Omit<GeneralProps, "onClick">, React.ImgHTMLAttributes<HTMLImageElement> {
+import { SxProps } from "@mui/material";
+export interface IconProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     src?: string;
     alt?: string;
     width?: number;
     height?: number;
+    sx?: SxProps;
 }
 declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default Icon;

package/dist/components/ui/Icon/index.js

@@ -26,11 +26,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var Icon = function (props) {
     var _a, _b;
-    var src = props.src, alt = props.alt, onClick = props.onClick, width = props.width, height = props.height, rest = __rest(props, ["src", "alt", "onClick", "width", "height"]);
+    var src = props.src, alt = props.alt, onClick = props.onClick, width = props.width, height = props.height, sx = props.sx, rest = __rest(props, ["src", "alt", "onClick", "width", "height", "sx"]);
     return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "img", src: src, alt: alt, onClick: onClick }, rest, { sx: __assign({ display: "block", width: ((_a = width !== null && width !== void 0 ? width : height) !== null && _a !== void 0 ? _a : false)
                 ? "".concat((width || height || 0) / 16, "rem")
                 : "auto", height: ((_b = height !== null && height !== void 0 ? height : width) !== null && _b !== void 0 ? _b : false)
                 ? "".concat((height || width || 0) / 16, "rem")
-                : "auto" }, props.sx) })));
+                : "auto" }, sx) })));
 };
 exports.default = Icon;

package/dist/components/ui/Image/index.d.ts

@@ -1,5 +1,5 @@
-import { GeneralProps } from "../../../types/ui";
-interface ImageProps extends GeneralProps {
+import { BoxProps } from "@mui/material";
+interface ImageProps extends BoxProps {
     src?: string;
     alt?: string;
 }

package/dist/components/ui/WithdrawFunction/index.d.ts

@@ -10,14 +10,15 @@ type WithdrawFunctionRef = {
 };
 export declare enum SendMethods {
     SCAN_QR_CODE = "scan qr code",
-    TRANSFER_INTERNAL = "transfer internal",
-    TRANSFER_EXTERNAL = "transfer external"
+    TRANSFER_INTERNAL = "send internal",
+    TRANSFER_EXTERNAL = "send external"
 }
 export declare enum WithdrawStep {
     SELECT_METHOD = 0,
     SELECT_TOKEN = 1,
     SELECT_NETWORK = 2,
-    CONFIRM = 3
+    FORM = 3,
+    CONFIRM = 4
 }
 export declare enum AmountError {
     INSUFFICIENT_BALANCE = "Your balance is insufficient",

package/dist/components/ui/WithdrawFunction/index.js

@@ -116,20 +116,22 @@ var Formatter_1 = __importDefault(require("../Formatter"));
 var SendMethods;
 (function (SendMethods) {
     SendMethods["SCAN_QR_CODE"] = "scan qr code";
-    SendMethods["TRANSFER_INTERNAL"] = "transfer internal";
-    SendMethods["TRANSFER_EXTERNAL"] = "transfer external";
+    SendMethods["TRANSFER_INTERNAL"] = "send internal";
+    SendMethods["TRANSFER_EXTERNAL"] = "send external";
 })(SendMethods || (exports.SendMethods = SendMethods = {}));
 var WithdrawStep;
 (function (WithdrawStep) {
     WithdrawStep[WithdrawStep["SELECT_METHOD"] = 0] = "SELECT_METHOD";
     WithdrawStep[WithdrawStep["SELECT_TOKEN"] = 1] = "SELECT_TOKEN";
     WithdrawStep[WithdrawStep["SELECT_NETWORK"] = 2] = "SELECT_NETWORK";
-    WithdrawStep[WithdrawStep["CONFIRM"] = 3] = "CONFIRM";
+    WithdrawStep[WithdrawStep["FORM"] = 3] = "FORM";
+    WithdrawStep[WithdrawStep["CONFIRM"] = 4] = "CONFIRM";
 })(WithdrawStep || (exports.WithdrawStep = WithdrawStep = {}));
 var WITHDRAW_STEP_NAME = (_a = {},
     _a[WithdrawStep.SELECT_METHOD] = "Select method",
     _a[WithdrawStep.SELECT_TOKEN] = "Select token",
     _a[WithdrawStep.SELECT_NETWORK] = "Select network",
+    _a[WithdrawStep.FORM] = "Form",
     _a[WithdrawStep.CONFIRM] = "Confirm",
     _a);
 var AmountError;
@@ -284,7 +286,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         }
         else {
             setSelectedToken(tokenSet);
-            gotoStep(WithdrawStep.CONFIRM);
+            gotoStep(WithdrawStep.FORM);
         }
     };
     var handleSelectContinueTransferExternal = function (dataPromptly) {
@@ -304,7 +306,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         else {
             setSelectedToken(tokenSet);
             setSelectedNetwork(tokenSet === null || tokenSet === void 0 ? void 0 : tokenSet.network_data);
-            gotoStep(WithdrawStep.CONFIRM);
+            gotoStep(WithdrawStep.FORM);
         }
         setAmount(getAmountAfterDecimal((data === null || data === void 0 ? void 0 : data.amount) || 0, (tokenSet === null || tokenSet === void 0 ? void 0 : tokenSet.decimal) || 0));
         setMemo(data === null || data === void 0 ? void 0 : data.text);
@@ -339,7 +341,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         return amountNumber || "";
     };
     var handleBack = function () {
-        if (currentStep === WithdrawStep.CONFIRM &&
+        if (currentStep === WithdrawStep.FORM &&
             selectedMethod === SendMethods.TRANSFER_INTERNAL) {
             gotoStep(WithdrawStep.SELECT_TOKEN);
             return;
@@ -351,7 +353,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         setSelectedToken(token);
         if (!!token) {
             if (selectedMethod === SendMethods.TRANSFER_INTERNAL) {
-                gotoStep(WithdrawStep.CONFIRM);
+                gotoStep(WithdrawStep.FORM);
             }
             else {
                 gotoStep(WithdrawStep.SELECT_NETWORK);
@@ -361,7 +363,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     var handleSelectNetwork = function (network) {
         console.warn("network", selectedNetwork);
         setSelectedNetwork(network);
-        gotoStep(WithdrawStep.CONFIRM);
+        gotoStep(WithdrawStep.FORM);
     };
     var handleValidateWalletAddress = function (address, network) { return __awaiter(void 0, void 0, void 0, function () {
         var validateWalletAddress;
@@ -461,6 +463,24 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
             return [2 /*return*/];
         });
     }); };
+    var handleWithdrawInternal = function () {
+        console.warn("withdraw internal");
+    };
+    var handleWithdrawExternal = function () {
+        console.warn("withdraw external");
+    };
+    var handleWithdraw = function () {
+        switch (selectedMethod) {
+            case SendMethods.TRANSFER_INTERNAL:
+                handleWithdrawInternal();
+                break;
+            case SendMethods.TRANSFER_EXTERNAL:
+                handleWithdrawExternal();
+                break;
+            default:
+                break;
+        }
+    };
     (0, react_1.useEffect)(function () {
         if (isAuthenticated && !withdrawTokens) {
             console.warn("🚀 ~ updateWithdrawToken ~ isAuthenticated:", isAuthenticated);
@@ -476,7 +496,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                         alignItems: "center",
                         minHeight: "2rem",
                         mb: theme.mixins.customMargin.m20,
-                    }, overrideBack: handleBack, hideBack: currentStep === WithdrawStep.SELECT_METHOD, center: currentStep === WithdrawStep.CONFIRM
+                    }, overrideBack: handleBack, hideBack: currentStep === WithdrawStep.SELECT_METHOD, center: currentStep === WithdrawStep.FORM
                         ? "Send ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name, " ").concat(selectedMethod === SendMethods.TRANSFER_EXTERNAL ? "externally" : "internally")
                         : WITHDRAW_STEP_NAME[currentStep], children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: { marginLeft: "auto" }, onClick: close }) }), children: [(0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
                             autoHeight: true,
@@ -517,13 +537,13 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                         placeholder: "Enter memo",
                                                         value: memo,
                                                         onChange: handleChangeMemo,
-                                                    } })] })), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, status: !!amountError ||
+                                                    } })] })), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, onClick: handleWithdraw, status: !!amountError ||
                                                 !recipientAddress ||
                                                 !amount ||
                                                 !selectedToken ||
                                                 !!recipientAddressError
                                                 ? Button_1.BUTTON_STATUS.DISABLED
-                                                : Button_1.BUTTON_STATUS.ENABLED, children: "Confirm" })] }) }, WithdrawStep.CONFIRM)] }, withdrawTokens === null || withdrawTokens === void 0 ? void 0 : withdrawTokens.length), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAllQrCodeRef, onResult: handleScanAllQrCode }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { ref: backDropRef }), (0, jsx_runtime_1.jsx)(AppDialog_1.default, { overrideOpen: !!infoDialogContent, children: (0, jsx_runtime_1.jsx)(DialogContentLayout_1.default, { content: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" })] }) }, WithdrawStep.FORM)] }, withdrawTokens === null || withdrawTokens === void 0 ? void 0 : withdrawTokens.length), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAllQrCodeRef, onResult: handleScanAllQrCode }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { ref: backDropRef }), (0, jsx_runtime_1.jsx)(AppDialog_1.default, { overrideOpen: !!infoDialogContent, children: (0, jsx_runtime_1.jsx)(DialogContentLayout_1.default, { content: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     textAlign: "center",
                                     display: "inline-block",
                                     width: "100%",

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

@@ -0,0 +1,13 @@
+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;
+}): import("react/jsx-runtime").JSX.Element;
+export default RealtimeProvider;

package/dist/providers/RealtimeProvider/index.js

@@ -0,0 +1,107 @@
+"use strict";
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RealtimeContext = exports.initialRealtime = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+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 Slide_1 = __importDefault(require("@mui/material/Slide"));
+exports.initialRealtime = {
+    transaction: undefined,
+    isConnected: false,
+    pushNotification: function () { },
+};
+function SlideTransition(props) {
+    return (0, jsx_runtime_1.jsx)(Slide_1.default, __assign({}, props, { direction: "up" }));
+}
+exports.RealtimeContext = react_1.default.createContext(exports.initialRealtime);
+function RealtimeProvider(_a) {
+    var children = _a.children;
+    var masterWallet = (0, useWalletData_1.default)().masterWallet;
+    var _b = (0, react_1.useState)(exports.initialRealtime.isConnected), isConnected = _b[0], setIsConnected = _b[1];
+    var _c = (0, react_1.useState)(exports.initialRealtime.transaction), transaction = _c[0], setTransaction = _c[1];
+    var _d = (0, react_1.useState)([]), notifications = _d[0], setNotifications = _d[1];
+    var pushNotification = function (notification) {
+        setNotifications(function (prev) { return __spreadArray(__spreadArray([], prev, true), [notification], false); });
+    };
+    (0, react_1.useEffect)(function () {
+        if (!masterWallet)
+            return;
+        var ablyService = new ably_service_1.AblyService();
+        console.warn("Connecting to realtime");
+        ablyService.listenMessage(masterWallet, function (message) {
+            // eslint-disable-next-line no-console
+            console.log("🚀 ~ ablyService.listenMessage ~ message:", message);
+            setIsConnected(true);
+            setTransaction(message);
+        });
+    }, [masterWallet]);
+    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));
+                }) })] }));
+}
+exports.default = RealtimeProvider;

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

@@ -0,0 +1,11 @@
+export interface RealtimeProviderDataType {
+    transaction: any;
+    isConnected: boolean;
+    pushNotification: (notification: NotificationType) => void;
+}
+export interface NotificationType {
+    message: string;
+    type: "success" | "error" | "warning" | "info";
+    duration?: number;
+    id: string;
+}

package/dist/providers/RealtimeProvider/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/providers/TekWalletProvider/index.js

@@ -10,8 +10,9 @@ var mui_1 = __importDefault(require("../../theme/mui"));
 var DepositProvider_1 = __importDefault(require("../DepositProvider"));
 var LockTokenProvider_1 = __importDefault(require("../LockTokenProvider"));
 var WithdrawProvider_1 = __importDefault(require("../WithdrawProvider"));
+var RealtimeProvider_1 = __importDefault(require("../RealtimeProvider"));
 function TekWalletProvider(_a) {
     var children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(WalletDataProvider_1.default, { children: (0, jsx_runtime_1.jsx)(DepositProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(mui_1.default, { children: children }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(WalletDataProvider_1.default, { children: (0, jsx_runtime_1.jsx)(RealtimeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(DepositProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(mui_1.default, { children: children }) }) }) }) }) }));
 }
 exports.default = TekWalletProvider;

package/dist/services/ably/ably.service.d.ts

@@ -0,0 +1,13 @@
+import * as Ably from "ably";
+import { Message } from "ably";
+export declare class AblyService {
+    private readonly ably;
+    private readonly channels;
+    constructor();
+    getChannels(): Map<string, Ably.RealtimeChannel>;
+    getClient(): Ably.Realtime;
+    listenMessage(walletAddress: string, onMessage: (message: Message) => void): Promise<void>;
+    publish(channel: string, event: string, data: any): Promise<void>;
+    subscribe(channel: string, event: string, callback: (message: any) => void): Promise<void>;
+    cleanup(walletAddress: string): Promise<void>;
+}

package/dist/services/ably/ably.service.js

@@ -0,0 +1,153 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AblyService = void 0;
+var Ably = __importStar(require("ably"));
+var type_1 = require("./type");
+var AblyService = /** @class */ (function () {
+    function AblyService() {
+        this.channels = new Map();
+        this.ably = new Ably.Realtime({
+            key: process.env.NEXT_PUBLIC_TEK_WALLET_ABLY_API_KEY,
+            clientId: "".concat(process.env.NEXT_PUBLIC_TEK_WALLET_APP_SLUG, "-FE"),
+        });
+    }
+    AblyService.prototype.getChannels = function () {
+        return this.channels;
+    };
+    AblyService.prototype.getClient = function () {
+        return this.ably;
+    };
+    AblyService.prototype.listenMessage = function (walletAddress, onMessage) {
+        return __awaiter(this, void 0, void 0, function () {
+            var channel, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        channel = this.ably.channels.get(walletAddress);
+                        return [4 /*yield*/, channel.subscribe(type_1.ABLY_CHANNELS_NAME.TRANSACTION, function (message) {
+                                onMessage(message);
+                            })];
+                    case 1:
+                        _a.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _a.sent();
+                        console.error("Test failed for wallet ".concat(walletAddress, ":"), error_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    AblyService.prototype.publish = function (channel, event, data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var message;
+            return __generator(this, function (_a) {
+                message = {
+                    name: event,
+                    data: data,
+                };
+                return [2 /*return*/, this.ably.channels.get(channel).publish(message)];
+            });
+        });
+    };
+    AblyService.prototype.subscribe = function (channel, event, callback) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.ably.channels.get(channel).subscribe(event, callback)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    AblyService.prototype.cleanup = function (walletAddress) {
+        return __awaiter(this, void 0, void 0, function () {
+            var channel;
+            return __generator(this, function (_a) {
+                channel = this.channels.get(walletAddress);
+                if (channel) {
+                    channel.unsubscribe();
+                    this.channels.delete(walletAddress);
+                    // eslint-disable-next-line no-console
+                    console.log("Unsubscribed from wallet ".concat(walletAddress));
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    return AblyService;
+}());
+exports.AblyService = AblyService;

package/dist/services/ably/type.d.ts

@@ -0,0 +1,3 @@
+export declare enum ABLY_CHANNELS_NAME {
+    TRANSACTION = "transaction"
+}

package/dist/services/ably/type.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ABLY_CHANNELS_NAME = void 0;
+var ABLY_CHANNELS_NAME;
+(function (ABLY_CHANNELS_NAME) {
+    ABLY_CHANNELS_NAME["TRANSACTION"] = "transaction";
+})(ABLY_CHANNELS_NAME || (exports.ABLY_CHANNELS_NAME = ABLY_CHANNELS_NAME = {}));

package/dist/services/axios/send-external-service/index.d.ts

@@ -0,0 +1,3 @@
+import { SendExternalBody, SendExternalResponse } from "./type";
+declare const sendExternalService: (body: SendExternalBody) => Promise<SendExternalResponse>;
+export default sendExternalService;

package/dist/services/axios/send-external-service/index.js

@@ -0,0 +1,58 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var userClientRequest_1 = __importDefault(require("../clients/userClientRequest"));
+var sendExternalService = function (body) { return __awaiter(void 0, void 0, void 0, function () {
+    var response;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, userClientRequest_1.default.post("/transaction/withdrawn", body, {
+                    headers: {
+                        "c-payload-signature": "text",
+                    },
+                })];
+            case 1:
+                response = _a.sent();
+                return [2 /*return*/, response.data];
+        }
+    });
+}); };
+exports.default = sendExternalService;

package/dist/services/axios/send-external-service/type.d.ts

@@ -0,0 +1,13 @@
+export interface SendExternalBody {
+    amount: string;
+    currency_slug: string;
+    passcode: string;
+    to_address: string;
+    network: string;
+    memo: string;
+}
+export interface SendExternalResponse {
+    success: boolean;
+    message: string;
+    timestamp: string;
+}

package/dist/services/axios/send-external-service/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/services/axios/send-internal-service/index.d.ts

@@ -0,0 +1,3 @@
+import { SendInternalBody, SendInternalResponse } from "./type";
+declare const sendInternalService: (body: SendInternalBody) => Promise<SendInternalResponse>;
+export default sendInternalService;

package/dist/services/axios/send-internal-service/index.js

@@ -0,0 +1,58 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var userClientRequest_1 = __importDefault(require("../clients/userClientRequest"));
+var sendInternalService = function (body) { return __awaiter(void 0, void 0, void 0, function () {
+    var response;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, userClientRequest_1.default.post("/transaction/transfer-internal", body, {
+                    headers: {
+                        "c-payload-signature": "text",
+                    },
+                })];
+            case 1:
+                response = _a.sent();
+                return [2 /*return*/, response.data];
+        }
+    });
+}); };
+exports.default = sendInternalService;

package/dist/services/axios/send-internal-service/type.d.ts

@@ -0,0 +1,11 @@
+export interface SendInternalBody {
+    amount: string;
+    to_address: string;
+    currency_slug: string;
+    passcode: string;
+}
+export interface SendInternalResponse {
+    success: boolean;
+    message: string;
+    timestamp: string;
+}

package/dist/services/axios/send-internal-service/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.355",
+  "version": "0.0.356",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -32,6 +32,7 @@
     "@mui/material": "^6.4.7",
     "@mui/system": "^7.0.2",
     "@yudiel/react-qr-scanner": "^2.2.1",
+    "ably": "^2.7.0",
     "axios": "^1.8.4",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
@@ -42,6 +43,7 @@
     "html-to-image": "^1.11.13",
     "jsonwebtoken": "^9.0.2",
     "next": "^15.2.4",
+    "notistack": "^3.0.2",
     "qrcode.react": "^4.2.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",