tek-wallet 0.0.804 → 0.0.806

package/dist/components/TekWallet/components/views/SendExternalView/components/Summary.js

@@ -105,7 +105,7 @@ function Summary(props) {
                             fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
-                        }, value: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: payload.network.link, width: 20 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: payload.network.name })] }), isAligned: true }), memo && ((0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Comment", titleStyle: {
+                        }, value: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: payload.network.link, width: 20 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: payload.network.name })] }), isAligned: true }), memo && ((0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Memo", titleStyle: {
                             fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",

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

@@ -5,6 +5,7 @@ export type EventHandler = (messageEvent: Transaction, showActivities?: ShowActi
 export type EventHandlerHookType = {
     transactionHandler: EventHandler;
     walletInfoHandler: EventHandler;
+    updateData: (transaction?: Transaction, showActivities?: ShowActivities) => void;
 };
 export declare const useEventHandler: () => EventHandlerHookType;
 export {};

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

@@ -11,9 +11,7 @@ var Formatter_1 = __importDefault(require("../components/ui/Formatter"));
 var Text_1 = __importDefault(require("../components/ui/Text"));
 var useWallet_1 = __importDefault(require("./useWallet"));
 var useEventHandler = function () {
-    var _a = (0, useWallet_1.default)(), updateLockToken = _a.updateLockToken, updateReceiveExternalToken = _a.updateReceiveExternalToken, updateReceiveInternalToken = _a.updateReceiveInternalToken, updateSendInternalToken = _a.updateSendInternalToken, updateSwapTokens = _a.updateSwapTokens, updateWalletDetail = _a.updateWalletDetail, updateWithdrawToken = _a.updateWithdrawToken, updateLockedToken = _a.updateLockedToken, 
-    // updateActivities,
-    insertActivities = _a.insertActivities;
+    var _a = (0, useWallet_1.default)(), updateLockToken = _a.updateLockToken, updateReceiveExternalToken = _a.updateReceiveExternalToken, updateReceiveInternalToken = _a.updateReceiveInternalToken, updateSendInternalToken = _a.updateSendInternalToken, updateSwapTokens = _a.updateSwapTokens, updateWalletDetail = _a.updateWalletDetail, updateWithdrawToken = _a.updateWithdrawToken, updateLockedToken = _a.updateLockedToken, insertActivities = _a.insertActivities, refreshAllActivities = _a.refreshAllActivities;
     var updateData = (0, react_1.useCallback)(function (transaction, showActivities) {
         updateWithdrawToken();
         updateSendInternalToken();
@@ -24,8 +22,12 @@ var useEventHandler = function () {
         updateLockedToken();
         showActivities === null || showActivities === void 0 ? void 0 : showActivities();
         updateWalletDetail();
-        // updateActivities();
-        insertActivities(transaction);
+        if (transaction) {
+            insertActivities(transaction);
+        }
+        else {
+            refreshAllActivities();
+        }
     }, [
         updateWalletDetail,
         updateWithdrawToken,
@@ -35,8 +37,8 @@ var useEventHandler = function () {
         updateSwapTokens,
         updateLockToken,
         updateLockedToken,
-        // updateActivities,
         insertActivities,
+        refreshAllActivities,
     ]);
     var transactionHandler = function (messageEvent, showActivities) {
         var _a, _b, _c;
@@ -83,6 +85,6 @@ var useEventHandler = function () {
             return undefined;
         updateData(messageEvent);
     };
-    return { transactionHandler: transactionHandler, walletInfoHandler: walletInfoHandler };
+    return { transactionHandler: transactionHandler, walletInfoHandler: walletInfoHandler, updateData: updateData };
 };
 exports.useEventHandler = useEventHandler;

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

@@ -0,0 +1,7 @@
+type Fn<T = any> = () => Promise<T> | T;
+export declare function useRefetchOnFocus<T = any>(fetcher: Fn<T>, opts?: {
+    minIntervalMs?: number;
+    onError?: (e: unknown) => void;
+    enabled?: boolean;
+}): void;
+export {};

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

@@ -0,0 +1,144 @@
+"use strict";
+// useRefetchOnFocus.ts
+"use client";
+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.useRefetchOnFocus = useRefetchOnFocus;
+var react_1 = require("react");
+function useRefetchOnFocus(fetcher, opts) {
+    var _this = this;
+    var _a = opts || {}, _b = _a.minIntervalMs, minIntervalMs = _b === void 0 ? 1500 : _b, onError = _a.onError, _c = _a.enabled, enabled = _c === void 0 ? true : _c;
+    var lastRunRef = (0, react_1.useRef)(0);
+    var inFlightRef = (0, react_1.useRef)(false);
+    var abortRef = (0, react_1.useRef)(null);
+    // Sử dụng useCallback để tránh re-render không cần thiết
+    var tryRefetch = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
+        var now, e_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    now = Date.now();
+                    // Kiểm tra điều kiện refetch
+                    if (document.hidden) {
+                        console.warn("📱 Document is hidden, skipping refetch");
+                        return [2 /*return*/];
+                    }
+                    if (inFlightRef.current) {
+                        console.warn("⏳ Request in flight, skipping");
+                        return [2 /*return*/];
+                    }
+                    if (now - lastRunRef.current < minIntervalMs) {
+                        console.warn("🕒 Too soon since last fetch, skipping");
+                        return [2 /*return*/];
+                    }
+                    inFlightRef.current = true;
+                    lastRunRef.current = now;
+                    // Hủy request cũ (nếu có)
+                    if (abortRef.current) {
+                        console.warn("🚫 Aborting previous request");
+                        abortRef.current.abort();
+                    }
+                    abortRef.current = new AbortController();
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, 4, 5]);
+                    console.warn("🔄 Refetching data...");
+                    return [4 /*yield*/, fetcher()];
+                case 2:
+                    _b.sent();
+                    console.warn("✅ Refetch completed");
+                    return [3 /*break*/, 5];
+                case 3:
+                    e_1 = _b.sent();
+                    // Chỉ xử lý lỗi nếu không phải do abort
+                    if (!((_a = abortRef.current) === null || _a === void 0 ? void 0 : _a.signal.aborted)) {
+                        console.error("❌ Refetch error:", e_1);
+                        onError === null || onError === void 0 ? void 0 : onError(e_1);
+                    }
+                    else {
+                        console.warn("🛑 Request was aborted");
+                    }
+                    return [3 /*break*/, 5];
+                case 4:
+                    inFlightRef.current = false;
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [minIntervalMs, fetcher, onError]);
+    (0, react_1.useEffect)(function () {
+        if (!enabled) {
+            console.warn("🔌 useRefetchOnFocus is disabled");
+            return;
+        }
+        console.warn("🎯 Setting up visibility and focus listeners");
+        var handleVisibilityChange = function () {
+            console.warn("👀 Visibility changed - hidden:", document.hidden, "state:", document.visibilityState);
+            // Refetch khi tab trở thành visible
+            if (document.visibilityState === "visible") {
+                console.warn("🔄 Tab became visible, triggering refetch");
+                tryRefetch();
+            }
+        };
+        var handleFocus = function () {
+            console.warn("🎯 Window focused, triggering refetch");
+            tryRefetch();
+        };
+        // Đăng ký event listeners
+        document.addEventListener("visibilitychange", handleVisibilityChange);
+        window.addEventListener("focus", handleFocus);
+        // Cleanup function - QUAN TRỌNG: bỏ comment và sửa lại
+        return function () {
+            console.warn("🧹 Cleaning up event listeners");
+            document.removeEventListener("visibilitychange", handleVisibilityChange);
+            window.removeEventListener("focus", handleFocus);
+            // Hủy request đang chạy khi unmount
+            if (abortRef.current) {
+                abortRef.current.abort();
+            }
+        };
+    }, [enabled, tryRefetch]); // Thêm tryRefetch vào dependencies
+    // Debug: log khi hook được mount/unmount
+    (0, react_1.useEffect)(function () {
+        console.warn("🔌 useRefetchOnFocus mounted with enabled:", enabled);
+        return function () {
+            console.warn("🔌 useRefetchOnFocus unmounted");
+        };
+    }, [enabled]);
+}

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

@@ -116,6 +116,9 @@ exports.initialActivities = {
     refreshActivities: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
         return [2 /*return*/];
     }); }); },
+    refreshAllActivities: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/];
+    }); }); },
 };
 exports.ActivitiesContext = react_1.default.createContext(exports.initialActivities);
 function ActivitiesProvider(_a) {
@@ -315,6 +318,30 @@ function ActivitiesProvider(_a) {
             }
         });
     }); }, [isInitPasscode, activities]);
+    var refreshAllActivities = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
+        var allTypeSlugs, _i, allTypeSlugs_1, slug;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    allTypeSlugs = activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type) { return type.slug; });
+                    if (!allTypeSlugs)
+                        return [2 /*return*/];
+                    _i = 0, allTypeSlugs_1 = allTypeSlugs;
+                    _a.label = 1;
+                case 1:
+                    if (!(_i < allTypeSlugs_1.length)) return [3 /*break*/, 4];
+                    slug = allTypeSlugs_1[_i];
+                    return [4 /*yield*/, refreshActivities(slug)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    _i++;
+                    return [3 /*break*/, 1];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [activityTypes, refreshActivities]);
     (0, react_1.useEffect)(function () {
         if (!isInitPasscode)
             return;
@@ -330,6 +357,7 @@ function ActivitiesProvider(_a) {
             loadActivities: loadActivities,
             refreshActivities: refreshActivities,
             insertActivities: insertActivities,
+            refreshAllActivities: refreshAllActivities,
         }, children: children }));
 }
 exports.default = ActivitiesProvider;

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

@@ -9,6 +9,7 @@ export interface ActivitiesProviderDataType {
     loadOutActivityType: Partial<Record<TransactionSlug, boolean>>;
     insertActivities: (activity: Transaction) => void;
     refreshActivities: (slug: TransactionSlug) => Promise<void>;
+    refreshAllActivities: () => Promise<void>;
 }
 export type Activities = Partial<Record<TransactionSlug, Transaction[]>>;
 export interface ActivityTypes extends TransactionType {

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

@@ -24,8 +24,9 @@ var TekWalletProvider_1 = require("../TekWalletProvider");
 var useCustomRouter_1 = __importDefault(require("../../hooks/useCustomRouter"));
 var type_1 = require("../../services/axios/get-activities-service/type");
 var components_1 = require("../../components");
+var useRefetchOnWindowFocused_1 = require("../../hooks/useRefetchOnWindowFocused");
 function EventHandlerProvider(props) {
-    var _a = (0, useEventHandler_1.useEventHandler)(), transactionHandler = _a.transactionHandler, walletInfoHandler = _a.walletInfoHandler;
+    var _a = (0, useEventHandler_1.useEventHandler)(), transactionHandler = _a.transactionHandler, walletInfoHandler = _a.walletInfoHandler, updateData = _a.updateData;
     var _b = (0, useRealtime_1.default)(), pushNotification = _b.pushNotification, transaction = _b.transaction, walletHandlerInfo = _b.walletHandlerInfo;
     var router = (0, useCustomRouter_1.default)();
     var options = (0, TekWalletProvider_1.useWalletSetup)().options;
@@ -52,6 +53,15 @@ function EventHandlerProvider(props) {
     (0, react_1.useEffect)(function () {
         walletInfoHandler === null || walletInfoHandler === void 0 ? void 0 : walletInfoHandler(walletHandlerInfo);
     }, [walletHandlerInfo]);
+    (0, useRefetchOnWindowFocused_1.useRefetchOnFocus)(function () {
+        updateData();
+    }, {
+        minIntervalMs: 1500,
+        onError: function (error) {
+            console.error("🚀 ~ useEffect ~ error:", error);
+        },
+        enabled: true,
+    });
     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children });
 }
 exports.default = EventHandlerProvider;

package/package.json

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