tek-wallet 0.0.774 → 0.0.775

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

@@ -67,7 +67,7 @@ var AssetViewHeader = function () {
     var options = (0, TekWalletProvider_1.useWalletSetup)().options;
     var theme = (0, ThemeProvider_1.useTheme)();
     var modalRef = (0, react_1.useRef)(null);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "center", position: "relative", boxShadow: "0 0 1px 2px rgba(0, 0, 0, 0.03)" }), children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: modalRef, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.row), { alignItems: "center", justifyContent: "center", textAlign: "center", gap: theme.mixins.gaps.g4, py: theme.mixins.customPadding.p8 }), theme.mixins.value), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1.25rem", height: "1.25rem" }, children: SvgPath_1.WALLET }), (0, compactWalletAddress_1.default)(masterWallet), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "0.625rem", height: "0.625rem" }, children: SvgPath_1.ARROW_DROP_DOWN })] }), direction: DrawerComponent_1.DRAWER_DIRECTION.TOP, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "start", position: "relative", boxShadow: "0 0 1px 2px rgba(0, 0, 0, 0.03)", px: theme.mixins.customPadding.p16 }), children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: modalRef, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.row), { alignItems: "center", justifyContent: "start", textAlign: "center", gap: theme.mixins.gaps.g4, py: theme.mixins.customPadding.p8 }), theme.mixins.value), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1.25rem", height: "1.25rem" }, children: SvgPath_1.WALLET }), (0, compactWalletAddress_1.default)(masterWallet), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "0.625rem", height: "0.625rem" }, children: SvgPath_1.ARROW_DROP_DOWN })] }), direction: DrawerComponent_1.DRAWER_DIRECTION.TOP, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                         width: "100%",
                         height: "fit-content",
                         backgroundColor: "white",

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

@@ -11,8 +11,10 @@ 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 = _a.updateActivities;
-    var updateData = (0, react_1.useCallback)(function (transactionType, showActivities) {
+    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 updateData = (0, react_1.useCallback)(function (transaction, showActivities) {
         updateWithdrawToken();
         updateSendInternalToken();
         updateReceiveInternalToken();
@@ -22,7 +24,8 @@ var useEventHandler = function () {
         updateLockedToken();
         showActivities === null || showActivities === void 0 ? void 0 : showActivities();
         updateWalletDetail();
-        updateActivities();
+        // updateActivities();
+        insertActivities(transaction);
     }, [
         updateWalletDetail,
         updateWithdrawToken,
@@ -32,7 +35,8 @@ var useEventHandler = function () {
         updateSwapTokens,
         updateLockToken,
         updateLockedToken,
-        updateActivities,
+        // updateActivities,
+        insertActivities,
     ]);
     var transactionHandler = function (messageEvent, showActivities) {
         var _a, _b, _c;
@@ -67,7 +71,7 @@ var useEventHandler = function () {
             default:
                 break;
         }
-        updateData(type, showActivities);
+        updateData(messageEvent, showActivities);
         return {
             message: notificationMessage,
             type: notificationType,
@@ -77,9 +81,7 @@ var useEventHandler = function () {
     var walletInfoHandler = function (messageEvent) {
         if (!messageEvent)
             return undefined;
-        var type = messageEvent.transaction_type || "unknown";
-        console.warn("🚀 ~ useEventHandler ~ type:", type);
-        updateData(type);
+        updateData(messageEvent);
     };
     return { transactionHandler: transactionHandler, walletInfoHandler: walletInfoHandler };
 };

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

@@ -112,6 +112,7 @@ exports.initialActivities = {
     loadActivities: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
         return [2 /*return*/];
     }); }); },
+    insertActivities: function () { },
 };
 exports.ActivitiesContext = react_1.default.createContext(exports.initialActivities);
 function ActivitiesProvider(_a) {
@@ -145,6 +146,24 @@ function ActivitiesProvider(_a) {
             }
         });
     }); }, []);
+    var insertActivities = (0, react_1.useCallback)(function (activity) {
+        var _a, _b, _c, _d, _e;
+        var slug = (_a = activity === null || activity === void 0 ? void 0 : activity.transaction_type) === null || _a === void 0 ? void 0 : _a.slug;
+        if (!slug)
+            return;
+        var remainActivities = (_c = (_b = activities === null || activities === void 0 ? void 0 : activities[slug]) === null || _b === void 0 ? void 0 : _b.filter(function (item) {
+            return item.id !== activity.id;
+        })) !== null && _c !== void 0 ? _c : [];
+        var remainActivitiesAllSlug = (_e = (_d = activities === null || activities === void 0 ? void 0 : activities[const_1.ACTIVITIES_TYPE_ALL.slug]) === null || _d === void 0 ? void 0 : _d.filter(function (item) {
+            return item.id !== activity.id;
+        })) !== null && _e !== void 0 ? _e : [];
+        var newActivities = (0, sortActivity_1.default)(__spreadArray(__spreadArray([], remainActivities, true), [activity], false));
+        var newActivitiesAllSlug = (0, sortActivity_1.default)(__spreadArray(__spreadArray([], remainActivitiesAllSlug, true), [activity], false));
+        setActivities(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[slug] = newActivities, _a[const_1.ACTIVITIES_TYPE_ALL.slug] = newActivitiesAllSlug, _a)));
+        });
+    }, [activities]);
     var updateActivities = (0, react_1.useCallback)(function (query) { return __awaiter(_this, void 0, void 0, function () {
         var slug, response_1, loadedActivities_1, error_1;
         var _a, _b, _c;
@@ -267,6 +286,7 @@ function ActivitiesProvider(_a) {
             activityTypes: activityTypes,
             loadOutActivityType: loadOutActivityType,
             loadActivities: loadActivities,
+            insertActivities: insertActivities,
         }, children: children }));
 }
 exports.default = ActivitiesProvider;

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

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

package/package.json

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