tek-wallet 0.0.766 → 0.0.768

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

@@ -82,6 +82,6 @@ function ChangePasscode(_a) {
         }, 400);
     };
     var keyboardPrefix = (0, useUniqueId_1.useUniqueId)();
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { onClose: onClose, ref: getSeedPhraseViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { autoFocus: true, useBrowserInput: false, htmlFor: "".concat(keyboardPrefix, "-change-passcode-keyboard"), children: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: { position: "relative" }, children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 } })] })) }), children: (0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { onBack: backAuthView, idPrefix: keyboardPrefix }, resetTrigger) }) }));
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { onDone: onClose, ref: getSeedPhraseViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { autoFocus: true, useBrowserInput: false, htmlFor: "".concat(keyboardPrefix, "-change-passcode-keyboard"), children: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: { position: "relative" }, children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 } })] })) }), children: (0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { onBack: backAuthView, idPrefix: keyboardPrefix }, resetTrigger) }) }));
 }
 exports.default = ChangePasscode;

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

@@ -115,7 +115,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
         var _a, _b;
         handleBlurAll();
         (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-        (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+        (_b = props.onDone) === null || _b === void 0 ? void 0 : _b.call(props);
     }, [handleBlurAll, props]);
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         clearData: handleCleardata,
@@ -138,7 +138,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     var handleOnClose = function () {
         var _a;
         handleCleardata();
-        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+        (_a = props.onDone) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     var handleOnOpen = function () {
         var _a;
@@ -189,7 +189,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     }); }, [handleClose, handleVerifyPasscode, onConfirmSuccess, passcode]);
     return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { style: {
                 width: "100%",
-            }, useBrowserInput: false, htmlFor: keyboardId, children: props.children }), onOpen: handleOnOpen, onClose: handleOnClose, triggerStatus: props.triggerStatus, sx: __assign({ width: "100%", maxWidth: "calc(100dvw - 2rem)", display: "flex" }, sx), children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { ref: keyboardRef, id: keyboardId, value: passcode, onChange: handlePasscodeChange, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, styles: {
+            }, useBrowserInput: false, htmlFor: keyboardId, children: props.children }), onOpen: handleOnOpen, onDone: handleOnClose, triggerStatus: props.triggerStatus, sx: __assign({ width: "100%", maxWidth: "calc(100dvw - 2rem)", display: "flex" }, sx), children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { ref: keyboardRef, id: keyboardId, value: passcode, onChange: handlePasscodeChange, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, styles: {
                 keyboardContainer: {
                     display: isLocked ? "none" : "block",
                 },

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

@@ -14,7 +14,7 @@ export interface ConfirmSendExternalProps extends Omit<ConfirmLayoutProps, "acti
     onError?: (error: Error | unknown) => void;
     children?: React.ReactNode;
     sx?: SxProps;
-    onClose?: ReactEventHandler;
+    onDone?: ReactEventHandler;
 }
-export declare const ConfirmSendExternal: ({ payload, onSuccess, onStart, onFinally, onError, children, sx, onClose: onDone, }: ConfirmSendExternalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmSendExternal: ({ payload, onSuccess, onStart, onFinally, onError, children, sx, onDone, }: ConfirmSendExternalProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmSendExternal;

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

@@ -98,7 +98,7 @@ var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
 var type_1 = require("../../../services/axios/get-activities-service/type");
 var useRealtime_1 = __importDefault(require("../../../hooks/useRealtime"));
 var ConfirmSendExternal = function (_a) {
-    var payload = _a.payload, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinally = _a.onFinally, onError = _a.onError, children = _a.children, sx = _a.sx, onDone = _a.onClose;
+    var payload = _a.payload, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinally = _a.onFinally, onError = _a.onError, children = _a.children, sx = _a.sx, onDone = _a.onDone;
     var network = payload.network;
     var _b = (0, react_1.useState)(), response = _b[0], setResponse = _b[1];
     var thisTransactionId = (0, react_1.useRef)("");

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

@@ -12,7 +12,7 @@ export declare enum DRAWER_TRIGGER_STATUS {
 }
 export interface DrawerComponentProps extends Omit<GeneralProps, "onClick" | "sx">, Omit<SwipeableDrawerProps, "onClose" | "onToggle" | "onOpen"> {
     onOpen?: UnknownFunction;
-    onClose?: UnknownFunction;
+    onDone?: UnknownFunction;
     trigger?: React.ReactNode;
     onToggle?: (status?: boolean) => unknown;
     direction?: DRAWER_DIRECTION;

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

@@ -39,7 +39,7 @@ var DRAWER_TRIGGER_STATUS;
     DRAWER_TRIGGER_STATUS["DISABLED"] = "DISABLED";
 })(DRAWER_TRIGGER_STATUS || (exports.DRAWER_TRIGGER_STATUS = DRAWER_TRIGGER_STATUS = {}));
 var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
-    var onOpen = props.onOpen, onClose = props.onClose, onToggle = props.onToggle, sx = props.sx, trigger = props.trigger, direction = props.direction, children = props.children, _a = props.triggerStatus, triggerStatus = _a === void 0 ? DRAWER_TRIGGER_STATUS.ENABLED : _a, onDismiss = props.onDismiss, disableSwipe = props.disableSwipe, className = props.className, rest = __rest(props, ["onOpen", "onClose", "onToggle", "sx", "trigger", "direction", "children", "triggerStatus", "onDismiss", "disableSwipe", "className"]);
+    var onOpen = props.onOpen, onClose = props.onDone, onToggle = props.onToggle, sx = props.sx, trigger = props.trigger, direction = props.direction, children = props.children, _a = props.triggerStatus, triggerStatus = _a === void 0 ? DRAWER_TRIGGER_STATUS.ENABLED : _a, onDismiss = props.onDismiss, disableSwipe = props.disableSwipe, className = props.className, rest = __rest(props, ["onOpen", "onDone", "onToggle", "sx", "trigger", "direction", "children", "triggerStatus", "onDismiss", "disableSwipe", "className"]);
     var _b = (0, react_1.useState)(false), isShowDrawerComponent = _b[0], setIsShowDrawerComponent = _b[1];
     var _c = (0, react_1.useState)(undefined), isOpen = _c[0], setIsOpen = _c[1];
     var lockStatus = function () {

package/dist/components/TekWallet/components/ui/Formatter/index__.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { BoxProps } from "@mui/material";
+export interface FormatterProps extends BoxProps {
+    value?: number | string;
+    start?: string;
+    unit?: string;
+    lengthValueAllowed?: number;
+    allowShowZero?: boolean;
+    useCompact?: boolean;
+    useCompactOnThousand?: boolean;
+    disableTooltip?: boolean;
+    showLessThan?: boolean;
+    isNotCurrency?: boolean;
+    hideUnitOutSide?: boolean;
+    className?: string;
+}
+export declare const Formatter: React.FC<FormatterProps>;
+export default Formatter;

package/dist/components/TekWallet/components/ui/Formatter/index__.js

@@ -0,0 +1,100 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Formatter = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var CustomTooltip_1 = __importDefault(require("../CustomTooltip"));
+var getStandardNumber_1 = __importDefault(require("./functions/getStandardNumber"));
+var lengthFromDotToFirstNonZero_1 = __importDefault(require("./functions/lengthFromDotToFirstNonZero"));
+var formatter_1 = __importDefault(require("./functions/formatter"));
+var clsx_1 = __importDefault(require("clsx"));
+var Formatter = function (_a) {
+    var value = _a.value, _b = _a.start, start = _b === void 0 ? "" : _b, _c = _a.unit, unit = _c === void 0 ? "" : _c, _d = _a.lengthValueAllowed, lengthValueAllowed = _d === void 0 ? 4 : _d, _e = _a.allowShowZero, allowShowZero = _e === void 0 ? false : _e, _f = _a.useCompact, useCompact = _f === void 0 ? true : _f, disableTooltip = _a.disableTooltip, 
+    // showLessThan = false,
+    _g = _a.useCompactOnThousand, 
+    // showLessThan = false,
+    useCompactOnThousand = _g === void 0 ? false : _g, _h = _a.isNotCurrency, isNotCurrency = _h === void 0 ? false : _h, _j = _a.hideUnitOutSide, hideUnitOutSide = _j === void 0 ? false : _j, className = _a.className;
+    // TODO: get user setting from backend
+    var userSetting = {
+        currency: "usd",
+        currencySymbol: "$",
+        rate: 1,
+        decimalDot: ".",
+        decimalComma: ",",
+        unitDirection: "right",
+    };
+    var valueInNumber = Number(value);
+    var addUnit = function (value) {
+        if (hideUnitOutSide)
+            return value;
+        var isLeft = userSetting.unitDirection === "left";
+        if (isLeft) {
+            return ((0, jsx_runtime_1.jsxs)("span", { className: (0, clsx_1.default)(className), children: [unit, " ", value] }));
+        }
+        return ((0, jsx_runtime_1.jsxs)("span", { className: (0, clsx_1.default)(className), children: [value, " ", unit] }));
+    };
+    var valueDisplay = (0, react_1.useCallback)(function () {
+        var returnFalsyValue = function () {
+            if (!allowShowZero)
+                return "--";
+            return (0, jsx_runtime_1.jsx)("span", { className: (0, clsx_1.default)(className), children: "0" });
+        };
+        if (isNaN(valueInNumber))
+            return returnFalsyValue();
+        if (valueInNumber === 0)
+            return returnFalsyValue();
+        var formattedNumber = (0, getStandardNumber_1.default)(valueInNumber);
+        // console.log("🚀 ~ formattedNumber:", formattedNumber);
+        // const beforeDot = formattedNumber.slice(0, formattedNumber.indexOf("."));
+        // console.log("🚀 ~ beforeDot:", beforeDot);
+        // const afterDot = formattedNumber.slice(formattedNumber.indexOf(".") + 1);
+        // console.log("🚀 ~ afterDot:", afterDot);
+        var lengthFromDot = (0, lengthFromDotToFirstNonZero_1.default)(formattedNumber);
+        // console.log("🚀 ~ lengthFromDot:", lengthFromDot);
+        // const useCompact = valueInNumber > 0 && valueInNumber < 0.01;
+        var useCompactInline = (formattedNumber === null || formattedNumber === void 0 ? void 0 : formattedNumber.length) > lengthValueAllowed;
+        // console.log("🚀 ~ useCompactInline:", useCompactInline);
+        // console.log("🚀 ~ valueInNumber:", valueInNumber);
+        if (useCompactInline) {
+            // if (showLessThan) {
+            //   return (
+            //     <span className={clsx(className)}>
+            //       {start}
+            //       {"< "}0{userSetting.decimalDot}01
+            //     </span>
+            //   );
+            // } else {
+            return ((0, jsx_runtime_1.jsxs)("span", { className: (0, clsx_1.default)(className), children: [start, "0.0", (0, jsx_runtime_1.jsx)("sub", { children: lengthFromDot }), formattedNumber.slice(2 + lengthFromDot, lengthValueAllowed - 1 + lengthFromDot)] }));
+            // }
+        }
+        return ((0, jsx_runtime_1.jsxs)("span", { className: (0, clsx_1.default)(className), children: [start, (0, formatter_1.default)(valueInNumber, useCompact, useCompactOnThousand, lengthValueAllowed)] }));
+    }, [
+        valueInNumber,
+        className,
+        start,
+        useCompact,
+        useCompactOnThousand,
+        lengthValueAllowed,
+        allowShowZero,
+        // showLessThan,
+        // userSetting.decimalDot,
+    ]);
+    var trigger = valueDisplay();
+    return ((0, jsx_runtime_1.jsx)(CustomTooltip_1.default, { disabled: disableTooltip, trigger: value ? addUnit(trigger) : trigger, sx: {
+            "& .MuiPaper-root": {
+                whiteSpace: "nowrap",
+                backdropFilter: "blur(10px)",
+                borderRadius: "0.37rem",
+                padding: "0.5rem 0.75rem",
+                fontSize: "1.05em",
+                fontWeight: 500,
+                lineHeight: "100%",
+            },
+        }, children: (0, jsx_runtime_1.jsx)(exports.Formatter, { disableTooltip: true, start: start, value: value, lengthValueAllowed: 18, useCompact: false, unit: unit, allowShowZero: true, isNotCurrency: isNotCurrency }) }));
+};
+exports.Formatter = Formatter;
+exports.default = exports.Formatter;

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

@@ -400,7 +400,7 @@ var HistorySwap = function (props) {
                                 width: "100%",
                                 overflow: "hidden",
                             },
-                        }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                        }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onDone: handleOnClose, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
                                 padding: 0,
                                 width: "100%",
                             }, children: selectedItem && ((0, jsx_runtime_1.jsx)(DetailSwapResult_1.default, { onClose: handleCloseDetailDrawer, swapData: {

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

@@ -4,7 +4,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var qrcode_react_1 = require("qrcode.react");
 function QRCode(props) {
     var value = props.value, _a = props.size, size = _a === void 0 ? 156 : _a, logo = props.logo, title = props.title, _b = props.bgColor, bgColor = _b === void 0 ? "#ffffff" : _b;
-    return ((0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeCanvas, { value: value, title: title, size: size, bgColor: bgColor, fgColor: "#044C2F", level: "L", minVersion: 8, marginSize: 4, imageSettings: {
+    return ((0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeCanvas, { value: value, title: title, size: size, bgColor: bgColor, fgColor: "#044C2F", level: "L", minVersion: 8, marginSize: 3, imageSettings: {
             src: logo || "/",
             x: undefined,
             y: undefined,

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

@@ -89,7 +89,7 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
         };
     }, []);
     var theme = (0, providers_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { trigger: props.children, ref: drawerRef, onClose: onClose, onOpen: onOpen, sx: sx, className: className, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { trigger: props.children, ref: drawerRef, onDone: onClose, onOpen: onOpen, sx: sx, className: className, 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",

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

@@ -429,7 +429,7 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (_a, ref) {
     var handleClearSearch = function () {
         setSearchValue("");
     };
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, sx: props.sx, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: RECEIVE_STEP_NAME[ReceiveStep.SELECT_METHOD], onClose: close, children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: stepDrawerRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, sx: {
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onDone: handleOnClose, sx: props.sx, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: RECEIVE_STEP_NAME[ReceiveStep.SELECT_METHOD], onClose: close, children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: stepDrawerRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, sx: {
                     width: "100%",
                 }, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content", width: "100%" }), children: [functionsList.includes(ReceiveMethods.RECEIVE_INTERNAL) && ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Top up via internal transfer", description: "Receive crypto from other Ting users", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_INTERNAL }), onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_INTERNAL); }, recommended: true })), functionsList.includes(ReceiveMethods.RECEIVE_EXTERNAL) && ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Top up via blockchain", description: "Deposit using a Web3 or an Exchange wallet", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_EXTERNAL }), onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_EXTERNAL); }, recommended: true })), functionsList.includes(ReceiveMethods.RECEIVE_FIAT) && ((0, jsx_runtime_1.jsx)(FiatDeposit_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: "Fiat-Gateway", description: "Experimental deposit via bank transfer", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 24, height: 24 }, children: SvgPath_1.IC_RECEIVE_EXTERNAL }), recommended: false, onClick: function () { return handleSelectMethod(ReceiveMethods.RECEIVE_FIAT); } }) }))] }), children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
                         position: "relative",
@@ -545,7 +545,7 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (_a, ref) {
                                                         width: "100%",
                                                         display: "flex",
                                                         justifyContent: "center",
-                                                    }, onOpen: handleAmountModalOpen, onClose: onCloseAmountModal, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: keyboardId, children: (0, jsx_runtime_1.jsxs)(Button_1.default.Text, { sx: {
+                                                    }, onOpen: handleAmountModalOpen, onDone: onCloseAmountModal, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: keyboardId, children: (0, jsx_runtime_1.jsxs)(Button_1.default.Text, { sx: {
                                                                 fontSize: theme.typography.fontSize14,
                                                                 textTransform: "none",
                                                                 fontWeight: theme.typography.fontWeight500,

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

@@ -411,7 +411,7 @@ var ReceiveHistory = function (props) {
                             drawerRefs.current.detail = ref !== null && ref !== void 0 ? ref : undefined;
                         }, sx: {
                             width: "100%",
-                        }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                        }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onDone: handleOnClose, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
                                 padding: 0,
                                 width: "100dvw",
                             }, children: selectedItem && ((0, jsx_runtime_1.jsx)(ReceiveHistoryDetails_1.default, { onClose: handleCloseDetailDrawer, receiveData: {

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

@@ -231,13 +231,13 @@ exports.SwapFunction = (0, react_1.forwardRef)(function (props, ref) {
             openHistory();
         }
     }, [isSwapPage, isHistoryPage, isHistoryDetailPage]);
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { className: className, sx: sx, ref: drawerRef, trigger: props.children, onOpen: handleOnOpenSwap, onClose: handleOnCloseSwap, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: SWAP_STEP_NAME[currentStep], overrideBack: handleBack, children: currentStep === SwapStep.SELECT_SWAP && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_HELP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", sx: {
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { className: className, sx: sx, ref: drawerRef, trigger: props.children, onOpen: handleOnOpenSwap, onDone: handleOnCloseSwap, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: SWAP_STEP_NAME[currentStep], overrideBack: handleBack, children: currentStep === SwapStep.SELECT_SWAP && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_HELP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", sx: {
                                     height: "1rem",
                                     width: "1px",
                                     backgroundColor: theme.palette.border.accent3,
                                     marginLeft: theme.mixins.customMargin.m4,
                                     marginRight: theme.mixins.customMargin.m4,
-                                } }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: historyRef, trigger: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_HISTORY }), direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onOpen: handleOnOpenHistory, onClose: handleOnCloseHistory, children: (0, jsx_runtime_1.jsx)(HistorySwap_1.default, { onClose: closeHistory }) })] })) }) }), footer: currentStep === SwapStep.SELECT_SWAP && ((0, jsx_runtime_1.jsx)(BottomActionLayout_1.default, { children: (0, jsx_runtime_1.jsx)(SwapToken_1.default
+                                } }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: historyRef, trigger: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_HISTORY }), direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onOpen: handleOnOpenHistory, onDone: handleOnCloseHistory, children: (0, jsx_runtime_1.jsx)(HistorySwap_1.default, { onClose: closeHistory }) })] })) }) }), footer: currentStep === SwapStep.SELECT_SWAP && ((0, jsx_runtime_1.jsx)(BottomActionLayout_1.default, { children: (0, jsx_runtime_1.jsx)(SwapToken_1.default
                 // onResetNumber={resetNumber}
                 , { 
                     // onResetNumber={resetNumber}

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

@@ -535,7 +535,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         getEstimateFee();
     }, [getEstimateFee]);
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsxs)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onDone: handleOnClose, children: (0, jsx_runtime_1.jsxs)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
                         width: "100%",
                         display: "flex",
                         alignItems: "center",

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

@@ -11,39 +11,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -71,7 +38,7 @@ var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var AmountGroupAndChart_1 = __importDefault(require("../../ui/AmountGroupAndChart"));
 var link_1 = __importDefault(require("next/link"));
 var TekWalletProvider_1 = require("../../../providers/TekWalletProvider");
-var ReceiveFunction_1 = __importStar(require("../../ui/ReceiveFunction"));
+var ReceiveFunction_1 = __importDefault(require("../../ui/ReceiveFunction"));
 var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
 var Menu_1 = __importDefault(require("./Menu"));
 var ActivitiesTypeSlice_1 = __importDefault(require("../../ui/ActivitiesTypeSlice"));
@@ -95,7 +62,7 @@ var AssetView = function (props) {
         router.back();
     };
     return ((0, jsx_runtime_1.jsxs)(ChildPageLayout_1.default, { header: !!isInitPasscode && (0, jsx_runtime_1.jsx)(AssetViewHeader_1.default, {}), children: [!isInitPasscode && !!masterWallet && ((0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { isInitPasscode: true, onBack: handleBackInitPasscodeView, idPrefix: idPrefix })), !!isInitPasscode && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, rest, { sx: __assign({ display: "flex", flexDirection: "column", gap: theme.mixins.gaps.g16 }, sx), children: [useBasicAmountGroupInAssetView ? (0, jsx_runtime_1.jsx)(BasicAmountGroup_1.default, {}) : (0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsx)(Menu_1.default, { items: [
-                            (0, jsx_runtime_1.jsx)(ReceiveFunction_1.default, { functionsList: Object.values(ReceiveFunction_1.ReceiveMethods), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
+                            (0, jsx_runtime_1.jsx)(ReceiveFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
                                         borderRight: "1px solid ".concat(theme.palette.border.accent3),
                                         placeContent: "center",
                                         columnSpan: 1,

package/dist/components/TekWallet/components/views/DetailActivityView/LoadingView.d.ts

@@ -0,0 +1,2 @@
+declare function LoadingView(): import("react/jsx-runtime").JSX.Element;
+export default LoadingView;

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

@@ -0,0 +1,29 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+function LoadingView() {
+    var theme = (0, ThemeProvider_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", gap: 2, flexDirection: "column", alignItems: "center", sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", width: 64, height: 64 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", sx: {
+                            transform: "scale(1)",
+                        }, width: "40%", height: 42 }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", sx: {
+                            transform: "scale(1)",
+                        }, width: "60%", height: 18 })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", sx: {
+                            transform: "scale(1)",
+                        }, width: "40%", height: 20 }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", sx: {
+                            transform: "scale(1)",
+                        }, width: "100%", height: 40 })] })] }));
+}
+exports.default = LoadingView;

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

@@ -1,5 +1,41 @@
 "use strict";
 "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 };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -14,18 +50,68 @@ var ActivityDetail_1 = __importDefault(require("../../ui/ActivityDetail"));
 var EmptyData_1 = __importDefault(require("../../ui/EmptyData"));
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var get_activity_service_1 = __importDefault(require("../../../services/axios/get-activity-service"));
+var LoadingView_1 = __importDefault(require("./LoadingView"));
+var ActivityDataStatus;
+(function (ActivityDataStatus) {
+    ActivityDataStatus["Loading"] = "loading";
+    ActivityDataStatus["NotFound"] = "not_found";
+    ActivityDataStatus["Error"] = "error";
+    ActivityDataStatus["Filled"] = "filled";
+})(ActivityDataStatus || (ActivityDataStatus = {}));
 var DetailActivityView = function (props) {
     var sx = props.sx, id = props.id;
-    var activities = (0, useWallet_1.default)().activities;
-    var _a = (0, react_1.useState)(null), activityData = _a[0], setActivityData = _a[1];
+    var _a = (0, useWallet_1.default)(), masterWallet = _a.masterWallet, activities = _a.activities;
+    var _b = (0, react_1.useState)(ActivityDataStatus.Loading), activityDataStatus = _b[0], setActivityDataStatus = _b[1];
+    var _c = (0, react_1.useState)(null), activityData = _c[0], setActivityData = _c[1];
     (0, react_1.useEffect)(function () {
         var _a, _b;
+        if (!id) {
+            setActivityDataStatus(ActivityDataStatus.NotFound);
+            setActivityData(null);
+            return;
+        }
         if (activities) {
             var activity = (_b = (_a = Object.values(activities)) === null || _a === void 0 ? void 0 : _a.flat()) === null || _b === void 0 ? void 0 : _b.find(function (activity) { return "".concat(activity.id) === "".concat(id); });
-            setActivityData(activity || null);
+            if (activity) {
+                setActivityData(activity);
+                setActivityDataStatus(ActivityDataStatus.Filled);
+                return;
+            }
+        }
+        if (!!masterWallet) {
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                var response, error_1;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            _a.trys.push([0, 2, , 3]);
+                            setActivityDataStatus(ActivityDataStatus.Loading);
+                            return [4 /*yield*/, (0, get_activity_service_1.default)({ id: id })];
+                        case 1:
+                            response = _a.sent();
+                            setActivityData(response.data);
+                            setActivityDataStatus(ActivityDataStatus.Filled);
+                            return [3 /*break*/, 3];
+                        case 2:
+                            error_1 = _a.sent();
+                            console.error("🚀 ~ DetailActivityView ~ error:", error_1);
+                            if (error_1.status === 404) {
+                                setActivityDataStatus(ActivityDataStatus.NotFound);
+                                setActivityData(null);
+                            }
+                            else {
+                                setActivityDataStatus(ActivityDataStatus.Error);
+                                setActivityData(null);
+                            }
+                            return [3 /*break*/, 3];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); })();
         }
-    }, [activities, id]);
-    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Detail" }), sx: sx, children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { children: [activityData && (0, jsx_runtime_1.jsx)(ActivityDetail_1.default, { activityData: activityData }), !activityData && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)("empty_" + "all"), description: "Activity not found", children: "Activity not found" }))] }) }));
+    }, [activities, id, masterWallet]);
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "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" }))] }) }));
 };
 exports.DetailActivityView = DetailActivityView;
 exports.default = exports.DetailActivityView;

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

@@ -136,5 +136,5 @@ function Result(props) {
                     display: "grid",
                     gridTemplateColumns: "1fr",
                     gap: theme.mixins.gaps.g8,
-                }, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, onClick: onDone, children: "Done" }) })] }));
+                }, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, onClick: onDone, children: "Done c" }) })] }));
 }

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

@@ -112,7 +112,8 @@ var SendExternalView = (0, react_1.forwardRef)(function (props, ref) {
         setIsChangeSlidePromptly(true);
     }, []);
     var startNewTransaction = function () {
-        gotoStep(SendExternalStep.SELECT_TOKEN);
+        // gotoStep(SendExternalStep.SELECT_TOKEN);
+        router.back();
     };
     (0, react_1.useEffect)(function () {
         if (isInitPasscode && !withdrawTokens) {
@@ -130,7 +131,7 @@ var SendExternalView = (0, react_1.forwardRef)(function (props, ref) {
                             height: "100%",
                         }, children: payload && ((0, jsx_runtime_1.jsx)(Summary_1.default, { estimateFee: estimateFee, payload: __assign(__assign({}, payload), { await_completion: true }), selectedToken: selectedToken, confirmProps: {
                                 onSuccess: handleSendSuccess,
-                                onClose: startNewTransaction,
+                                onDone: startNewTransaction,
                             } })) }) }, SendExternalStep.CONFIRM)] }) }));
 });
 SendExternalView.displayName = "SendExternalView";

package/dist/components/TekWallet/components/views/SendInternalView/components/Form.js

@@ -87,7 +87,6 @@ exports.default = Form;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var Input_1 = __importDefault(require("../../../ui/Input"));
-var Formatter_1 = __importDefault(require("../../../ui/Formatter"));
 var SvgPath_1 = require("../../../ui/SvgPath");
 var Text_1 = __importDefault(require("../../../ui/Text"));
 var providers_1 = require("../../../../providers");
@@ -105,6 +104,8 @@ var Fees_1 = __importStar(require("../../../ui/Fees"));
 var xhub_keyboard_1 = require("xhub-keyboard");
 var useUniqueId_1 = require("../../../../hooks/useUniqueId");
 var ChildPageLayout_1 = __importDefault(require("../../../layouts/ChildPageLayout"));
+var Formatter_1 = __importDefault(require("../../../ui/Formatter"));
+var navigation_1 = require("next/navigation");
 var validateAddressDebounce = (0, lodash_1.debounce)(function (callback) {
     callback();
 }, 500, { leading: true, trailing: true });
@@ -114,6 +115,8 @@ var getEstimateFeeDebounce = (0, lodash_1.debounce)(function (callback) {
 function Form(props) {
     var _this = this;
     var theme = (0, providers_1.useTheme)();
+    var searchParams = (0, navigation_1.useSearchParams)();
+    var address = searchParams.get("address") || "";
     var selectedToken = props.selectedToken, onContinue = props.onContinue, sx = props.sx;
     var _a = (0, react_1.useState)(""), recipientAddress = _a[0], setRecipientAddress = _a[1];
     var _b = (0, react_1.useState)(), recipientAddressError = _b[0], setRecipientAddressError = _b[1];
@@ -314,6 +317,13 @@ function Form(props) {
     var handleKeyboardClose = function () {
         setIsKeyboardOpen(false);
     };
+    (0, react_1.useEffect)(function () {
+        if (address) {
+            handleChangeRecipientAddress({
+                target: { value: address },
+            });
+        }
+    }, [address]);
     return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { styles: {
             container: {
                 height: "100%",
@@ -336,7 +346,7 @@ function Form(props) {
                                             fontSize: theme.typography.fontSize14,
                                             color: theme.palette.text.black,
                                             fontWeight: theme.typography.fontWeight700,
-                                        }, children: "Withdrawal amount" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontSize: theme.typography.fontSize11, color: theme.palette.text.accent }), children: "Your balance " }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontSize: theme.typography.fontSize12, color: theme.palette.text.black, fontWeight: theme.typography.fontWeight700 }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.balance, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) }) })] })] }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Input, { elementsAcceptIds: ["form-amount-keyboard-id"], value: amount === null || amount === void 0 ? void 0 : amount.toString(), displayType: xhub_keyboard_1.DisplayType.Double, placeholder: ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                        }, children: "Transfer amount" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontSize: theme.typography.fontSize11, color: theme.palette.text.accent }), children: "Your balance " }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontSize: theme.typography.fontSize12, color: theme.palette.text.black, fontWeight: theme.typography.fontWeight700 }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.balance, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) }) })] })] }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Input, { elementsAcceptIds: ["form-amount-keyboard-id"], value: amount === null || amount === void 0 ? void 0 : amount.toString(), displayType: xhub_keyboard_1.DisplayType.Double, placeholder: ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                             display: "inline-flex",
                                             alignItems: "center",
                                             gap: theme.mixins.gaps.g4,

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

@@ -108,9 +108,8 @@ exports.SendInternalView = (0, react_1.forwardRef)(function (props, ref) {
         gotoStep(currentStep - 1);
     };
     var handleCloseResult = (0, react_1.useCallback)(function () {
-        gotoStep(TransferStep.SELECT_TOKEN);
-        setIsChangeSlidePromptly(false);
-    }, [gotoStep]);
+        router.back();
+    }, []);
     var gotoConfirmStep = function (payload, estimateFee) {
         gotoStep(TransferStep.CONFIRM);
         setPayload(payload);
@@ -143,7 +142,7 @@ exports.SendInternalView = (0, react_1.forwardRef)(function (props, ref) {
                             paddingRight: "0px",
                             paddingTop: "0px",
                             paddingBottom: "0px",
-                        }, children: selectedToken && ((0, jsx_runtime_1.jsx)(Form_1.default, { sx: __assign({}, theme.mixins.pagePadding), selectedToken: selectedToken, onContinue: gotoConfirmStep }, clearFormKey)) }) }, TransferStep.FORM), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: { minHeight: "100%" }, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                        }, children: selectedToken && ((0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(Form_1.default, { sx: __assign({}, theme.mixins.pagePadding), selectedToken: selectedToken, onContinue: gotoConfirmStep }, clearFormKey) })) }) }, TransferStep.FORM), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: { minHeight: "100%" }, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
                             height: "100%",
                         }, children: payload && ((0, jsx_runtime_1.jsx)(Summary_1.default, { estimateFee: estimateFee, payload: __assign(__assign({}, payload), { await_completion: true }), selectedToken: selectedToken, confirmProps: {
                                 onSuccess: handleSendSuccess,

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

@@ -150,9 +150,10 @@ var SwapView = function () {
         gotoStep(currentStep - 1);
     }, [currentStep, clearValues, router]);
     var handleNewTransaction = (0, react_1.useCallback)(function () {
-        clearValues();
-        gotoStep(SwapStep.FORM);
-        setIsChangeSlidePromptly(false);
+        // clearValues();
+        // gotoStep(SwapStep.FORM);
+        // setIsChangeSlidePromptly(false);
+        router.back();
     }, [clearValues]);
     var handleOnSuccessSwap = (0, react_1.useCallback)(function () {
         setIsChangeSlidePromptly(true);

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

@@ -13,7 +13,6 @@ 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) {
-        console.warn("🚀 ~ useEventHandler ~ transactionType:", transactionType);
         updateWithdrawToken();
         updateSendInternalToken();
         updateReceiveInternalToken();

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

@@ -160,6 +160,7 @@ function WalletDataProviderNoImport(_a) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 2, , 3]);
+                    console.warn("🚀 ~ WalletDataProviderNoImport ~ isTokensLoading:", isTokensLoading);
                     if (isTokensLoading)
                         return [2 /*return*/];
                     setIsTokensLoading(true);

package/dist/components/TekWallet/services/axios/get-activity-service/index.d.ts

@@ -0,0 +1,3 @@
+import { GetActivityServiceQuery, GetActivitiesServiceResponse } from "./type";
+declare const getActivityService: (params?: GetActivityServiceQuery) => Promise<GetActivitiesServiceResponse>;
+export default getActivityService;

package/dist/components/TekWallet/services/axios/get-activity-service/index.js

@@ -0,0 +1,54 @@
+"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 getActivityService = function (params) { 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.get("/transaction/".concat(params === null || params === void 0 ? void 0 : params.id))];
+            case 1:
+                response = _a.sent();
+                return [2 /*return*/, response === null || response === void 0 ? void 0 : response.data];
+        }
+    });
+}); };
+exports.default = getActivityService;

package/dist/components/TekWallet/services/axios/get-activity-service/type.d.ts

@@ -0,0 +1,10 @@
+import { Transaction } from "../get-activities-service/type";
+export interface GetActivityServiceQuery {
+    id: string;
+}
+export interface GetActivitiesServiceResponse {
+    success: boolean;
+    message: string;
+    data: Transaction;
+    timestamp: string;
+}

package/dist/components/TekWallet/services/axios/get-activity-service/type.js

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

package/dist/components/TekWallet/store/balance/index.js

@@ -13,7 +13,7 @@ var useBalanceStore = (0, zustand_1.create)()((0, middleware_1.persist)(function
     setAnalytic: function (analytic) { return set({ analytic: analytic }); },
     tokens: undefined,
     setTokens: function (tokens) {
-        var totalBalanceInUSD = tokens === null || tokens === void 0 ? void 0 : tokens.reduce(function (acc, token) { return acc + Number(token.total_value) * Number(token.usd_rate); }, 0);
+        var totalBalanceInUSD = tokens === null || tokens === void 0 ? void 0 : tokens.reduce(function (acc, token) { return acc + Number(token.current_value) * Number(token.usd_rate); }, 0);
         set({ tokens: tokens, totalBalanceInUSD: totalBalanceInUSD });
     },
     totalBalanceInUSD: undefined,

package/package.json

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