tek-wallet 0.0.694 → 0.0.696

package/dist/components/TekWallet/components/ui/AppBackDrop/index.js

@@ -39,7 +39,7 @@ var AppBackDrop = (0, react_1.forwardRef)(function (props, ref) {
         open: function () { return setIsOpen(true); },
         close: function () { return setIsOpen(false); },
     }); });
-    return ((0, jsx_runtime_1.jsx)(material_2.Backdrop, __assign({ sx: __assign({ color: "text.white", zIndex: theme.zIndex.drawer + 1, "& .MuiBackdrop-root": {
+    return ((0, jsx_runtime_1.jsx)(material_2.Backdrop, __assign({ sx: __assign({ color: theme.palette.text.white, zIndex: theme.zIndex.drawer + 1, "& .MuiBackdrop-root": {
                 backdropFilter: "blur(12px)",
             } }, sx) }, rest, { open: open !== null && open !== void 0 ? open : isOpen, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", alignItems: "center", color: "white", gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 28, color: "inherit", value: 50, thickness: 4 }), message && (0, jsx_runtime_1.jsx)(Text_1.default, { children: message })] }) })));
 });

package/dist/components/TekWallet/components/ui/AppDialog/index.js

@@ -25,15 +25,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var react_1 = require("react");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var AppDialog = (0, react_1.forwardRef)(function (props, ref) {
     var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
     var sx = props.sx, children = props.children, overrideOpen = props.overrideOpen, rest = __rest(props, ["sx", "children", "overrideOpen"]);
+    var theme = (0, ThemeProvider_1.useTheme)();
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         open: function () { return setIsOpen(true); },
         close: function () { return setIsOpen(false); },
     }); });
     return ((0, jsx_runtime_1.jsx)(material_1.Dialog, __assign({ open: overrideOpen !== null && overrideOpen !== void 0 ? overrideOpen : isOpen, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", sx: __assign({ "& .MuiPaper-root": {
                 backgroundColor: "transparent",
+                borderRadius: theme.mixins.customRadius.r12,
+                overflow: "hidden",
             } }, sx) }, rest, { children: children })));
 });
 AppDialog.displayName = "AppDialog";

package/dist/components/TekWallet/components/ui/QrCodeReader/index.js

@@ -53,16 +53,13 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
         if (video) {
             var stream = video.srcObject;
             var track = stream === null || stream === void 0 ? void 0 : stream.getTracks()[0];
-            console.warn("🚀 ~ toggleFlash ~ track:", track.getCapabilities());
             var torch = track.getCapabilities().torch;
-            console.warn("🚀 ~ toggleFlash ~ torch:", torch);
             if (torch) {
                 track
                     .applyConstraints({
                     advanced: [{ torch: !flashEnabled }],
                 })
                     .then(function () {
-                    console.warn("🚀 ~ toggleFlash ~ flashEnabled:", flashEnabled);
                     setFlashEnabled(!flashEnabled);
                 })
                     .catch(function (err) { return console.error("Error toggling flash:", err); });
@@ -79,18 +76,22 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
             };
         }
     }, [isOpen]);
-    // Thêm CSS animation vào document khi component được mount
-    (0, react_1.useEffect)(function () {
-        var animationStyle = "\n      @keyframes move-up-down {\n        0% {\n          top: 0%;\n        }      \n        50% {\n          top: 100%;\n        }\n        100% {\n          top: 0%;\n        }\n      }\n    ";
-        // Thêm animation vào stylesheet đầu tiên của trang
-        document.styleSheets[0].insertRule(animationStyle, 0);
-    }, []); // Chỉ chạy một lần khi component mount
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { trigger: props.children, ref: drawerRef, onClose: onClose, onOpen: onOpen, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { hideBack: true, title: "Scan QR code", sx: {
+    (0, react_1.useLayoutEffect)(function () {
+        var styleTag = document.createElement("style");
+        styleTag.innerHTML = "\n      @keyframes move-up-down {\n        0% {\n          top: 0%;\n        }      \n        50% {\n          top: 100%;\n        }\n        100% {\n          top: 0%;\n        }\n      }\n\n      .move-up-down-animation {\n        animation: move-up-down 5s infinite linear;\n      }\n    ";
+        document.head.appendChild(styleTag);
+        return function () {
+            styleTag.remove();
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { trigger: props.children, ref: drawerRef, onClose: onClose, onOpen: onOpen, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
+                backgroundColor: "transparent !important",
+            }, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { hideBack: true, title: "Scan QR code", sx: {
                     position: "absolute",
                     top: 0,
                     left: 0,
                     right: 0,
-                    zIndex: 1000,
+                    zIndex: 1001,
                     height: "fit-content",
                     fontWeight: 700,
                 }, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {
@@ -98,82 +99,83 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
                         height: "1.5rem",
                         cursor: "pointer",
                         ml: "auto",
-                    }, onClick: close, children: (0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M5 15L15 5M5 5L15 15", stroke: "white", "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" }) }) }) }), children: (0, jsx_runtime_1.jsx)("div", { ref: qrReaderContainer, children: isOpen && ((0, jsx_runtime_1.jsxs)(react_qr_scanner_1.Scanner, { components: {
-                        audio: false,
-                        finder: false,
-                    }, styles: {
-                        container: {
-                            width: "100%",
-                            height: "100dvh",
-                            position: "relative",
-                        },
-                        video: {
-                            width: "100%",
-                            height: "100%",
-                            objectFit: "cover",
-                        },
-                    }, onScan: props.onResult, children: [!isReaderReady && ((0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { open: !isReaderReady, message: "Starting the camera..." })), isReaderReady && ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                width: "60%",
-                                aspectRatio: "1",
-                                position: "absolute",
-                                top: "40%",
-                                left: "50%",
-                                transform: "translateX(-50%) translateY(-50%)",
-                                display: "relative",
-                                boxShadow: "0 0 2px max(50vw, 50dvh) rgba(0, 0, 0, 0.36)",
-                                color: "#C5E99F",
-                            }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                        position: "absolute",
-                                        left: 0,
-                                        width: "100%",
-                                        height: "2px",
-                                        backgroundImage: "linear-gradient(to right, transparent, currentColor, transparent)",
-                                        // animation: "move-up-down 4s infinite linear",
-                                    } }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                        position: "absolute",
-                                        borderTopLeftRadius: STYLES.borderRadius,
-                                        top: "-".concat(STYLES.borderWidth),
-                                        left: "-".concat(STYLES.borderWidth),
-                                        width: STYLES.nodeSize,
-                                        height: STYLES.nodeSize,
-                                        borderTop: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
-                                        borderLeft: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
-                                    } }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                        position: "absolute",
-                                        borderTopRightRadius: STYLES.borderRadius,
-                                        top: "-".concat(STYLES.borderWidth),
-                                        right: "-".concat(STYLES.borderWidth),
-                                        width: STYLES.nodeSize,
-                                        height: STYLES.nodeSize,
-                                        borderTop: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
-                                        borderRight: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
-                                    } }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                        position: "absolute",
-                                        borderBottomLeftRadius: STYLES.borderRadius,
-                                        bottom: "-".concat(STYLES.borderWidth),
-                                        left: "-".concat(STYLES.borderWidth),
-                                        width: STYLES.nodeSize,
-                                        height: STYLES.nodeSize,
-                                        borderBottom: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
-                                        borderLeft: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
-                                    } }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                        position: "absolute",
-                                        borderBottomRightRadius: STYLES.borderRadius,
-                                        bottom: "-".concat(STYLES.borderWidth),
-                                        right: "-".concat(STYLES.borderWidth),
-                                        width: STYLES.nodeSize,
-                                        height: STYLES.nodeSize,
-                                        borderBottom: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
-                                        borderRight: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
-                                    } }), (0, jsx_runtime_1.jsx)("div", { onClick: toggleFlash, style: {
-                                        position: "absolute",
-                                        top: "100%",
+                    }, onClick: close, children: (0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M5 15L15 5M5 5L15 15", stroke: "white", "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" }) }) }) }), children: (0, jsx_runtime_1.jsx)("div", { ref: qrReaderContainer, children: isOpen && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                opacity: isReaderReady ? 0 : 1,
+                                transition: "opacity 0.3s ease-in-out",
+                            }, children: (0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { open: true, message: "Starting the camera..." }) }), (0, jsx_runtime_1.jsxs)("div", { style: { transition: "opacity 0.3s ease-in-out", opacity: isReaderReady ? 1 : 0 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                                        width: "60%",
+                                        aspectRatio: "1",
+                                        position: "fixed",
+                                        top: "50%",
                                         left: "50%",
-                                        transform: "translateX(-50%) translateY(0.75rem)",
-                                        fontSize: "1rem",
-                                        fontWeight: 500,
-                                        color: "#fff",
-                                    }, children: "Scan QR code" })] }))] })) }) }) }));
+                                        zIndex: 1000,
+                                        transform: "translateX(-50%) translateY(-50%)",
+                                        boxShadow: "0 0 2px max(50vw, 50dvh) rgba(0, 0, 0, 0.36)",
+                                        color: "#C5E99F",
+                                    }, children: [(0, jsx_runtime_1.jsx)("div", { className: "move-up-down-animation", style: {
+                                                position: "absolute",
+                                                left: 0,
+                                                width: "100%",
+                                                height: "2px",
+                                                backgroundImage: "linear-gradient(to right, transparent, currentColor, transparent)",
+                                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                position: "absolute",
+                                                borderTopLeftRadius: STYLES.borderRadius,
+                                                top: "-".concat(STYLES.borderWidth),
+                                                left: "-".concat(STYLES.borderWidth),
+                                                width: STYLES.nodeSize,
+                                                height: STYLES.nodeSize,
+                                                borderTop: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
+                                                borderLeft: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
+                                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                position: "absolute",
+                                                borderTopRightRadius: STYLES.borderRadius,
+                                                top: "-".concat(STYLES.borderWidth),
+                                                right: "-".concat(STYLES.borderWidth),
+                                                width: STYLES.nodeSize,
+                                                height: STYLES.nodeSize,
+                                                borderTop: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
+                                                borderRight: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
+                                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                position: "absolute",
+                                                borderBottomLeftRadius: STYLES.borderRadius,
+                                                bottom: "-".concat(STYLES.borderWidth),
+                                                left: "-".concat(STYLES.borderWidth),
+                                                width: STYLES.nodeSize,
+                                                height: STYLES.nodeSize,
+                                                borderBottom: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
+                                                borderLeft: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
+                                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                position: "absolute",
+                                                borderBottomRightRadius: STYLES.borderRadius,
+                                                bottom: "-".concat(STYLES.borderWidth),
+                                                right: "-".concat(STYLES.borderWidth),
+                                                width: STYLES.nodeSize,
+                                                height: STYLES.nodeSize,
+                                                borderBottom: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
+                                                borderRight: "".concat(STYLES.borderWidth, " solid ").concat(STYLES.borderColor),
+                                            } }), (0, jsx_runtime_1.jsx)("div", { onClick: toggleFlash, style: {
+                                                position: "absolute",
+                                                top: "100%",
+                                                left: "50%",
+                                                transform: "translateX(-50%) translateY(0.75rem)",
+                                                fontSize: "1rem",
+                                                fontWeight: 500,
+                                                color: "#fff",
+                                            } })] }), (0, jsx_runtime_1.jsx)(react_qr_scanner_1.Scanner, { components: {
+                                        audio: false,
+                                        finder: false,
+                                    }, styles: {
+                                        container: {
+                                            width: "100%",
+                                            height: "100dvh",
+                                        },
+                                        video: {
+                                            width: "100%",
+                                            height: "100%",
+                                            objectFit: "cover",
+                                        },
+                                    }, onScan: props.onResult })] })] })) }) }) }));
 });
 QrCodeReader.displayName = "QrCodeReader";
 exports.default = QrCodeReader;

package/dist/components/TekWallet/components/ui/ScanQRToSend/index.js

@@ -177,23 +177,23 @@ exports.ScanQRToSend = (0, react_1.forwardRef)(function (props, ref) {
             }
         });
     }); };
-    return ((0, jsx_runtime_1.jsxs)(RequireConnect_1.default, { sx: sx, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { onClick: openCanner, className: className, sx: sx, children: children }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAllQrCodeRef, onResult: handleScanAllQrCode }), (0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { ref: loadingDropRef }), (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%",
-                        }, children: infoDialogContent }), actions: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.dialogActionsOk), { width: "100%", display: "inline-block" }), onClick: handleClearInfoDialogContent, children: "Ok" }) }) }), (0, jsx_runtime_1.jsx)(AppDialog_1.default, { ref: suggestUseTransferInternalDialogRef, children: (0, jsx_runtime_1.jsx)(DialogContentLayout_1.default, { content: "This wallet is supported send internally, use it for faster transaction?", actions: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                            display: "grid",
-                            gridTemplateColumns: "1fr auto 1fr",
-                            gap: theme.mixins.gaps.g8,
-                        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.dialogActionsCancel), { width: "100%" }), onClick: function () {
-                                    var _a;
-                                    gotoTransferExternal();
-                                    (_a = suggestUseTransferInternalDialogRef.current) === null || _a === void 0 ? void 0 : _a.close();
-                                }, children: "Keep external" }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", variant: "middle", flexItem: true }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.dialogActionsOk), { width: "100%" }), onClick: function () {
-                                    var _a;
-                                    gotoTransferInternal();
-                                    (_a = suggestUseTransferInternalDialogRef.current) === null || _a === void 0 ? void 0 : _a.close();
-                                }, children: "Ok" })] }) }) })] }));
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { sx: sx, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { onClick: openCanner, className: className, sx: sx, children: children }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAllQrCodeRef, onResult: handleScanAllQrCode }), (0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { ref: loadingDropRef }), (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%",
+                            }, children: infoDialogContent }), actions: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.dialogActionsOk), { width: "100%", display: "inline-block" }), onClick: handleClearInfoDialogContent, children: "Ok" }) }) }), (0, jsx_runtime_1.jsx)(AppDialog_1.default, { ref: suggestUseTransferInternalDialogRef, children: (0, jsx_runtime_1.jsx)(DialogContentLayout_1.default, { content: "This wallet is supported send internally, use it for faster transaction?", actions: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                display: "grid",
+                                gridTemplateColumns: "1fr auto 1fr",
+                                gap: theme.mixins.gaps.g8,
+                            }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.dialogActionsCancel), { width: "100%" }), onClick: function () {
+                                        var _a;
+                                        gotoTransferExternal();
+                                        (_a = suggestUseTransferInternalDialogRef.current) === null || _a === void 0 ? void 0 : _a.close();
+                                    }, children: "Keep external" }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", variant: "middle", flexItem: true }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.dialogActionsOk), { width: "100%" }), onClick: function () {
+                                        var _a;
+                                        gotoTransferInternal();
+                                        (_a = suggestUseTransferInternalDialogRef.current) === null || _a === void 0 ? void 0 : _a.close();
+                                    }, children: "Ok" })] }) }) })] }) }));
 });
 exports.ScanQRToSend.displayName = "ScanQRToSend";
 exports.default = exports.ScanQRToSend;

package/dist/components/TekWallet/components/ui/TransferConfirmation/index.d.ts

@@ -17,11 +17,11 @@ export interface TransferConfirmationTokenRef {
     close: () => void;
 }
 export declare enum TransferConfirmationError {
-    TOKEN_NOT_FOUND = "Token not found",
-    NOT_ENOUGH_BALANCE = "Not enough balance",
-    MAX_AMOUNT = "Max amount",
-    MIN_AMOUNT = "Min amount",
-    FAILED = "Failed"
+    TOKEN_NOT_FOUND = "\u24D8 Token not found",
+    NOT_ENOUGH_BALANCE = "\u24D8 Not enough balance",
+    MAX_AMOUNT = "\u24D8 Max amount",
+    MIN_AMOUNT = "\u24D8 Min amount",
+    FAILED = "\u24D8 Failed"
 }
 export declare const TransferConfirmation: import("react").ForwardRefExoticComponent<Omit<TransferConfirmationProps, "ref"> & import("react").RefAttributes<TransferConfirmationTokenRef>>;
 export default TransferConfirmation;

package/dist/components/TekWallet/components/ui/TransferConfirmation/index.js

@@ -97,31 +97,31 @@ var RequireConnect_1 = __importDefault(require("../RequireConnect"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var type_1 = require("../../../services/axios/get-activities-service/type");
 var useWithdrawData_1 = __importDefault(require("../../../hooks/useWithdrawData"));
-var material_1 = require("@mui/material");
 var validate_wallet_address_service_1 = __importDefault(require("../../../services/axios/validate-wallet-address-service"));
 var type_2 = require("../../../services/axios/validate-wallet-address-service/type");
 var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
 var instructions_service_1 = __importDefault(require("../../../services/axios/instructions-service"));
+var providers_1 = require("../../../providers");
 var TransferConfirmationError;
 (function (TransferConfirmationError) {
-    TransferConfirmationError["TOKEN_NOT_FOUND"] = "Token not found";
-    TransferConfirmationError["NOT_ENOUGH_BALANCE"] = "Not enough balance";
-    TransferConfirmationError["MAX_AMOUNT"] = "Max amount";
-    TransferConfirmationError["MIN_AMOUNT"] = "Min amount";
-    TransferConfirmationError["FAILED"] = "Failed";
+    TransferConfirmationError["TOKEN_NOT_FOUND"] = "\u24D8 Token not found";
+    TransferConfirmationError["NOT_ENOUGH_BALANCE"] = "\u24D8 Not enough balance";
+    TransferConfirmationError["MAX_AMOUNT"] = "\u24D8 Max amount";
+    TransferConfirmationError["MIN_AMOUNT"] = "\u24D8 Min amount";
+    TransferConfirmationError["FAILED"] = "\u24D8 Failed";
 })(TransferConfirmationError || (exports.TransferConfirmationError = TransferConfirmationError = {}));
 exports.TransferConfirmation = (0, react_1.forwardRef)(function (props, ref) {
-    var _a;
-    var theme = (0, material_1.useTheme)();
+    var _a, _b;
+    var theme = (0, providers_1.useTheme)();
     var transferData = props.transferData, transferContent = props.transferContent;
-    var _b = (0, useWithdrawData_1.default)(), sendInternalTokens = _b.sendInternalTokens, updateSendInternalToken = _b.updateSendInternalToken;
+    var _c = (0, useWithdrawData_1.default)(), sendInternalTokens = _c.sendInternalTokens, updateSendInternalToken = _c.updateSendInternalToken;
     var isInitPasscode = (0, useWalletData_1.default)().isInitPasscode;
     var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(undefined), error = _c[0], setError = _c[1];
-    var _d = (0, react_1.useState)(undefined), errorAmount = _d[0], setErrorAmount = _d[1];
-    var _e = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _e[0], setButtonStatus = _e[1];
-    var _f = (0, react_1.useState)(false), isValidatingAddress = _f[0], setIsValidatingAddress = _f[1];
-    var _g = (0, react_1.useState)(undefined), errorAddress = _g[0], setErrorAddress = _g[1];
+    var _d = (0, react_1.useState)(undefined), error = _d[0], setError = _d[1];
+    var _e = (0, react_1.useState)(undefined), errorAmount = _e[0], setErrorAmount = _e[1];
+    var _f = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _f[0], setButtonStatus = _f[1];
+    var _g = (0, react_1.useState)(false), isValidatingAddress = _g[0], setIsValidatingAddress = _g[1];
+    var _h = (0, react_1.useState)(undefined), errorAddress = _h[0], setErrorAddress = _h[1];
     var toAddress = transferData.to_address;
     var amount = transferData.amount;
     var currencySlug = transferData.currency_slug;
@@ -165,7 +165,7 @@ exports.TransferConfirmation = (0, react_1.forwardRef)(function (props, ref) {
                     message = (_a.sent()).message;
                     setIsValidatingAddress(false);
                     if (message !== type_2.ValidateWalletAddressResultMessage.INTERNAL_WALLET) {
-                        setErrorAddress("Invalid wallet address");
+                        setErrorAddress("ⓘ This address is not a valid internal wallet address");
                         return [2 /*return*/, false];
                     }
                     setErrorAddress(undefined);
@@ -200,7 +200,7 @@ exports.TransferConfirmation = (0, react_1.forwardRef)(function (props, ref) {
                         (_b = props.onTransferSuccess) === null || _b === void 0 ? void 0 : _b.call(props, response);
                     }
                     else {
-                        throw new Error("Send internal failed");
+                        throw new Error("ⓘ Send internal failed");
                     }
                     return [3 /*break*/, 3];
                 case 2:
@@ -241,7 +241,7 @@ exports.TransferConfirmation = (0, react_1.forwardRef)(function (props, ref) {
                     ? DrawerComponent_1.DRAWER_TRIGGER_STATUS.DISABLED
                     : DrawerComponent_1.DRAWER_TRIGGER_STATUS.ENABLED, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isValidatingAddress || errorAddress
                         ? Button_1.BUTTON_STATUS.DISABLED
-                        : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) }), children: [transferContent, !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: (_a = theme.mixins.gaps) === null || _a === void 0 ? void 0 : _a.g6 }), children: [error, " ", !!errorAmount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) })] }))] }) }));
+                        : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) }), children: [transferContent, !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: (_a = theme.mixins.gaps) === null || _a === void 0 ? void 0 : _a.g6 }), children: [error, " ", !!errorAmount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) })] })), !!errorAddress && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: (_b = theme.mixins.gaps) === null || _b === void 0 ? void 0 : _b.g6 }), children: errorAddress }))] }) }));
 });
 exports.TransferConfirmation.displayName = "TransferInternal";
 exports.default = exports.TransferConfirmation;

package/dist/components/TekWallet/components/views/ChangePasscodeView/index.js

@@ -93,7 +93,6 @@ var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
 var OTP_1 = __importStar(require("../../ui/OTP"));
 var react_2 = require("react");
 var Text_1 = __importDefault(require("../../ui/Text"));
-var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var authentication_by_passcode_service_1 = __importDefault(require("../../../services/axios/authentication-by-passcode-service"));
@@ -122,7 +121,6 @@ var ChangePasscodeView = function (props) {
     var childPageLayoutRef = (0, react_2.useRef)(null);
     var _f = (0, react_2.useState)(initStep.current), currentStep = _f[0], setCurrentStep = _f[1];
     var _g = (0, react_2.useState)(null), error = _g[0], setError = _g[1];
-    var updateWalletDetail = (0, useWalletData_1.default)().updateWalletDetail;
     var resetValue = function () {
         var _a;
         setError(null);
@@ -254,7 +252,6 @@ var ChangePasscodeView = function (props) {
                     res = _e.sent();
                     (_c = childPageLayoutRef.current) === null || _c === void 0 ? void 0 : _c.showNormal();
                     if (res.success) {
-                        updateWalletDetail();
                         (_d = childPageLayoutRef.current) === null || _d === void 0 ? void 0 : _d.showSuccess();
                         setTimeout(function () {
                             handleDone();

package/dist/components/TekWallet/hooks/useEventHandler.d.ts

@@ -3,7 +3,8 @@ import { Transaction } from "../services/axios/get-activities-service/type";
 type ShowActivities = () => void;
 export type EventHandler = (messageEvent: Transaction, showActivities?: ShowActivities) => NotificationType | undefined;
 export type EventHandlerHookType = {
-    eventHandler: EventHandler;
+    transactionHandler: EventHandler;
+    walletInfoHandler: EventHandler;
 };
 export declare const useEventHandler: () => EventHandlerHookType;
 export {};

package/dist/components/TekWallet/hooks/useEventHandler.js

@@ -7,13 +7,11 @@ exports.useEventHandler = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var type_1 = require("../services/axios/get-activities-service/type");
-var useActivities_1 = __importDefault(require("./useActivities"));
 var useWalletData_1 = __importDefault(require("./useWalletData"));
 var useWithdrawData_1 = __importDefault(require("./useWithdrawData"));
 var Formatter_1 = __importDefault(require("../components/ui/Formatter"));
 var Text_1 = __importDefault(require("../components/ui/Text"));
 var useEventHandler = function () {
-    var updateActivities = (0, useActivities_1.default)().updateActivities;
     var updateWalletDetail = (0, useWalletData_1.default)().updateWalletDetail;
     var _a = (0, useWithdrawData_1.default)(), updateWithdrawToken = _a.updateWithdrawToken, updateSendInternalToken = _a.updateSendInternalToken;
     var updateData = (0, react_1.useCallback)(function (transactionType, showActivities) {
@@ -44,8 +42,8 @@ var useEventHandler = function () {
                 updateWalletDetail();
                 break;
         }
-    }, [updateActivities, updateWalletDetail, updateWithdrawToken, updateSendInternalToken]);
-    var handler = function (messageEvent, showActivities) {
+    }, [updateWalletDetail, updateWithdrawToken, updateSendInternalToken]);
+    var transactionHandler = function (messageEvent, showActivities) {
         var _a, _b, _c;
         if (!messageEvent)
             return undefined;
@@ -85,6 +83,13 @@ var useEventHandler = function () {
             id: "".concat(transactionId, "-").concat(status),
         };
     };
-    return { eventHandler: handler };
+    var walletInfoHandler = function (messageEvent) {
+        if (!messageEvent)
+            return undefined;
+        var type = messageEvent.transaction_type || "unknown";
+        console.warn("🚀 ~ useEventHandler ~ type:", type);
+        updateData(type);
+    };
+    return { transactionHandler: transactionHandler, walletInfoHandler: walletInfoHandler };
 };
 exports.useEventHandler = useEventHandler;

package/dist/components/TekWallet/providers/EventHandlerProvider/index.js

@@ -11,8 +11,8 @@ var useEventHandler_1 = require("../../hooks/useEventHandler");
 var useRealtime_1 = __importDefault(require("../../hooks/useRealtime"));
 var Activities_1 = __importDefault(require("../../components/ui/Activities"));
 function EventHandlerProvider(props) {
-    var eventHandler = (0, useEventHandler_1.useEventHandler)().eventHandler;
-    var _a = (0, useRealtime_1.default)(), pushNotification = _a.pushNotification, transaction = _a.transaction;
+    var _a = (0, useEventHandler_1.useEventHandler)(), transactionHandler = _a.transactionHandler, walletInfoHandler = _a.walletInfoHandler;
+    var _b = (0, useRealtime_1.default)(), pushNotification = _b.pushNotification, transaction = _b.transaction, walletHandlerInfo = _b.walletHandlerInfo;
     var activitiesRef = (0, react_1.useRef)(null);
     var options = props.options;
     var hideDefaultActivities = options === null || options === void 0 ? void 0 : options.hideDefaultActivities;
@@ -23,13 +23,16 @@ function EventHandlerProvider(props) {
         (_a = activitiesRef.current) === null || _a === void 0 ? void 0 : _a.openTab(0);
     }, [hideDefaultActivities]);
     (0, react_1.useEffect)(function () {
-        if (!eventHandler || !transaction)
+        if (!transactionHandler || !transaction)
             return;
-        var theMessage = eventHandler(transaction, showActivities);
+        var theMessage = transactionHandler(transaction, showActivities);
         if (theMessage) {
             pushNotification(theMessage);
         }
     }, [transaction]);
+    (0, react_1.useEffect)(function () {
+        walletInfoHandler === null || walletInfoHandler === void 0 ? void 0 : walletInfoHandler(walletHandlerInfo);
+    }, [walletHandlerInfo]);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.children, !hideDefaultActivities && false && (0, jsx_runtime_1.jsx)(Activities_1.default, { ref: activitiesRef })] }));
 }
 exports.default = EventHandlerProvider;

package/dist/components/TekWallet/providers/RealtimeProvider/index.js

@@ -68,6 +68,7 @@ var notistack_1 = require("notistack");
 var ThemeProvider_1 = require("../ThemeProvider");
 exports.initialRealtime = {
     transaction: undefined,
+    walletHandlerInfo: undefined,
     isConnected: false,
     pushNotification: function () { },
 };
@@ -81,7 +82,8 @@ function RealtimeProvider(_a) {
     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 _d = (0, react_1.useState)(exports.initialRealtime.walletHandlerInfo), walletHandlerInfo = _d[0], setWalletHandlerInfo = _d[1];
+    var _e = (0, react_1.useState)([]), notifications = _e[0], setNotifications = _e[1];
     var pushNotification = function (notification) {
         if (!(options === null || options === void 0 ? void 0 : options.useDefaultToastMessage))
             return;
@@ -92,13 +94,20 @@ function RealtimeProvider(_a) {
             if (!masterWallet)
                 return;
             var ablyService = new ably_service_1.AblyService();
-            ablyService.listenMessage(masterWallet, function (message) {
+            var handleHasTransaction = function (message) {
                 // eslint-disable-next-line no-console
-                console.log("🚀 ~ ablyService.listenMessage ~ message:", message);
+                console.log("🚀 ~ ablyService.listenMessage ~ transaction:", message);
                 var eventData = message.data;
                 setIsConnected(true);
                 setTransaction(eventData);
-            });
+            };
+            var handleHasWalletEvent = function (message) {
+                // eslint-disable-next-line no-console
+                console.log("🚀 ~ ablyService.listenMessage ~ wallet event:", message);
+                var eventData = message.data;
+                setWalletHandlerInfo(eventData);
+            };
+            ablyService.listenMessage(masterWallet, handleHasTransaction, handleHasWalletEvent);
         }
         catch (error) {
             console.error("🚀 ~ TEK-WALLET: Error connecting to realtime", error);
@@ -110,6 +119,7 @@ function RealtimeProvider(_a) {
     return ((0, jsx_runtime_1.jsxs)(exports.RealtimeContext.Provider, { value: {
             isConnected: isConnected,
             transaction: transaction,
+            walletHandlerInfo: walletHandlerInfo,
             pushNotification: pushNotification,
         }, children: [children, (options === null || options === void 0 ? void 0 : options.useDefaultToastMessage) && ((0, jsx_runtime_1.jsx)(notistack_1.SnackbarProvider, { maxSnack: 2, children: notifications.map(function (notification) {
                     var _a, _b, _c, _d, _e, _f;

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

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 export interface RealtimeProviderDataType {
     transaction: any;
+    walletHandlerInfo: any;
     isConnected: boolean;
     pushNotification: (notification: NotificationType) => void;
 }

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

@@ -6,7 +6,7 @@ export declare class AblyService {
     constructor();
     getChannels(): Map<string, Ably.RealtimeChannel>;
     getClient(): Ably.Realtime;
-    listenMessage(walletAddress: string, onMessage: (message: Message) => void): Promise<void>;
+    listenMessage(walletAddress: string, onHasTransaction: (message: Message) => void, onHasWalletEvent: (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/components/TekWallet/services/ably/ably.service.js

@@ -86,25 +86,30 @@ var AblyService = /** @class */ (function () {
     AblyService.prototype.getClient = function () {
         return this.ably;
     };
-    AblyService.prototype.listenMessage = function (walletAddress, onMessage) {
+    AblyService.prototype.listenMessage = function (walletAddress, onHasTransaction, onHasWalletEvent) {
         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]);
+                        _a.trys.push([0, 3, , 4]);
                         channel = this.ably.channels.get(walletAddress);
                         return [4 /*yield*/, channel.subscribe(type_1.ABLY_CHANNELS_NAME.TRANSACTION, function (message) {
-                                onMessage(message);
+                                onHasTransaction(message);
                             })];
                     case 1:
                         _a.sent();
-                        return [3 /*break*/, 3];
+                        return [4 /*yield*/, channel.subscribe(type_1.ABLY_CHANNELS_NAME.WALLET_HANDLER_INFO, function (message) {
+                                onHasWalletEvent(message);
+                            })];
                     case 2:
+                        _a.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
                         error_1 = _a.sent();
                         console.error("Test failed for wallet ".concat(walletAddress, ":"), error_1);
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
                 }
             });
         });

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

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

package/dist/components/TekWallet/services/ably/type.js

@@ -4,4 +4,5 @@ exports.ABLY_CHANNELS_NAME = void 0;
 var ABLY_CHANNELS_NAME;
 (function (ABLY_CHANNELS_NAME) {
     ABLY_CHANNELS_NAME["TRANSACTION"] = "transaction";
+    ABLY_CHANNELS_NAME["WALLET_HANDLER_INFO"] = "wallet_handler_info";
 })(ABLY_CHANNELS_NAME || (exports.ABLY_CHANNELS_NAME = ABLY_CHANNELS_NAME = {}));

package/package.json

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