tek-wallet 0.0.773 → 0.0.775

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

@@ -68,7 +68,7 @@ function ActivitiesTypeSlice(props) {
                             if (!activity)
                                 return null;
                             var dataAsJson = JSON.stringify(activity);
-                            return ((0, jsx_runtime_1.jsx)(ActivityItem_1.default, { data: dataAsJson, component: link_1.default, href: "".concat(basePath || "", "/tek-wallet/activity/").concat(activity.id) }, activity.id + index));
+                            return ((0, jsx_runtime_1.jsx)(ActivityItem_1.default, { data: dataAsJson, component: link_1.default, href: "".concat(basePath || "", "/tek-wallet/activity/").concat(activity === null || activity === void 0 ? void 0 : activity.id) }, (activity === null || activity === void 0 ? void 0 : activity.id) + index + (type === null || type === void 0 ? void 0 : type.slug)));
                         }) }) }) }))] }));
 }
 exports.default = ActivitiesTypeSlice;

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

@@ -101,7 +101,7 @@ function ActivityItem(props) {
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: getStatusColor(),
-                                }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g2, width: "fit-content", alignItems: "flex-end", ml: "auto" }), children: [slug === type_1.TransactionSlug.SWAP && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight700, fontSize: theme.typography.fontSize13, color: theme.palette.text.successStatus, textAlign: "right" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: "+", value: swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.swap_total_amount, unit: " ".concat(swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.name) }) })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g2, width: "fit-content", alignItems: "flex-end", pointerEvents: "none", ml: "auto" }), children: [slug === type_1.TransactionSlug.SWAP && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight700, fontSize: theme.typography.fontSize13, color: theme.palette.text.successStatus, textAlign: "right" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: "+", value: swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.swap_total_amount, unit: " ".concat(swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.name) }) })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                             fontSize: theme.typography.fontSize13,
                             fontWeight: theme.typography.fontWeight700,
                             color: getAmountColor(),

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/components/ui/ConfirmSendExternal/index.js

@@ -93,7 +93,7 @@ var react_1 = require("react");
 var Result_1 = __importDefault(require("../../views/SendExternalView/components/Result"));
 var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
 var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
-var stop_1 = __importDefault(require("../../../utils/stop"));
+var stopPropagation_1 = __importDefault(require("../../../utils/stopPropagation"));
 var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
 var type_1 = require("../../../services/axios/get-activities-service/type");
 var useRealtime_1 = __importDefault(require("../../../hooks/useRealtime"));
@@ -165,7 +165,7 @@ var ConfirmSendExternal = function (_a) {
                 }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
                         height: "100dvh",
                         width: "100dvw",
-                    }, onClick: stop_1.default, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                    }, onClick: stopPropagation_1.default, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
                             height: "100%",
                         }, children: (0, jsx_runtime_1.jsx)(Result_1.default, { transaction: response, payload: payload, onDone: handleCloseResult }) }) }) })] }));
 };

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

@@ -91,7 +91,7 @@ var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
 var react_1 = require("react");
 var swap_service_1 = __importDefault(require("../../../services/axios/swap-service"));
 var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
-var stop_1 = __importDefault(require("../../../utils/stop"));
+var stopPropagation_1 = __importDefault(require("../../../utils/stopPropagation"));
 var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
 var Result_1 = __importDefault(require("./Result"));
 var useRealtime_1 = __importDefault(require("../../../hooks/useRealtime"));
@@ -161,7 +161,7 @@ var ConfirmSwapToken = function (props) {
                 }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
                         height: "100dvh",
                         width: "100dvw",
-                    }, onClick: stop_1.default, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                    }, onClick: stopPropagation_1.default, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
                             height: "100%",
                         }, children: (0, jsx_runtime_1.jsx)(Result_1.default, { transaction: response === null || response === void 0 ? void 0 : response.data, onDone: handleCloseResult }) }) }) })] }));
 };

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

@@ -112,7 +112,7 @@ var DetailActivityView = function (props) {
             }); })();
         }
     }, [activities, id, masterWallet]);
-    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "".concat(((_a = activityData === null || activityData === void 0 ? void 0 : activityData.transaction_type) === null || _a === void 0 ? void 0 : _a.name) || "", " Detail") }), sx: sx, children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { children: [activityDataStatus === ActivityDataStatus.Loading && (0, jsx_runtime_1.jsx)(LoadingView_1.default, {}), activityDataStatus === ActivityDataStatus.Filled && ((0, jsx_runtime_1.jsx)(ActivityDetail_1.default, { activityData: activityData })), activityDataStatus === ActivityDataStatus.NotFound && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)("empty_" + "all"), description: "Activity not found" })), activityDataStatus === ActivityDataStatus.Error && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)("error_" + "detail_activity"), description: "Something went wrong, please try again later" }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "".concat(((_a = activityData === null || activityData === void 0 ? void 0 : activityData.transaction_type) === null || _a === void 0 ? void 0 : _a.name) || "") }), sx: sx, children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { children: [activityDataStatus === ActivityDataStatus.Loading && (0, jsx_runtime_1.jsx)(LoadingView_1.default, {}), activityDataStatus === ActivityDataStatus.Filled && ((0, jsx_runtime_1.jsx)(ActivityDetail_1.default, { activityData: activityData })), activityDataStatus === ActivityDataStatus.NotFound && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)("empty_" + "all"), description: "Activity not found" })), activityDataStatus === ActivityDataStatus.Error && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)("error_" + "detail_activity"), description: "Something went wrong, please try again later" }))] }) }));
 };
 exports.DetailActivityView = DetailActivityView;
 exports.default = exports.DetailActivityView;

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/dist/components/TekWallet/utils/stopPropagation.d.ts

@@ -1,2 +1,3 @@
 import { ReactEventHandler } from "react";
-export declare const stopPropagation: ReactEventHandler;
+declare const stopPropagation: ReactEventHandler;
+export default stopPropagation;

package/dist/components/TekWallet/utils/stopPropagation.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stopPropagation = void 0;
 var stopPropagation = function (e) {
     e.stopPropagation();
 };
-exports.stopPropagation = stopPropagation;
+exports.default = stopPropagation;

package/package.json

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

package/dist/components/TekWallet/utils/stop.d.ts

@@ -1,3 +0,0 @@
-import { ReactEventHandler } from "react";
-declare const stopPropagation: ReactEventHandler;
-export default stopPropagation;

package/dist/components/TekWallet/utils/stop.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var stopPropagation = function (e) {
-    e.stopPropagation();
-};
-exports.default = stopPropagation;