tek-wallet 0.0.764 → 0.0.765

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

@@ -96,7 +96,6 @@ var xhub_keyboard_1 = require("xhub-keyboard");
 var useUniqueId_1 = require("../../../hooks/useUniqueId");
 var xhub_keyboard_2 = require("xhub-keyboard");
 var useWarningWrongPasscode_1 = require("../../../hooks/useWarningWrongPasscode");
-var clsx_1 = __importDefault(require("clsx"));
 var passcodeLength = 6;
 var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     var onConfirmSuccess = props.onConfirmSuccess, sx = props.sx;
@@ -187,13 +186,13 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
                 case 5: return [2 /*return*/];
             }
         });
-    }); }, [handleClose, onConfirmSuccess, passcode]);
+    }); }, [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, classNames: {
-                keyboardContainer: (0, clsx_1.default)({
-                    "!hidden": isLocked,
-                }),
+            }, 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: {
+                keyboardContainer: {
+                    display: isLocked ? "none" : "block",
+                },
             }, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
                     backgroundColor: "transparent",
                     width: "100%",
@@ -204,7 +203,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
                         backgroundColor: theme.palette.background.tertiary,
                     }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "0.75rem", width: "100%" }), children: [(0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { style: {
                                     width: "100%",
-                                }, useBrowserInput: false, htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { disabled: isLocked, value: passcode, onChange: handlePasscodeChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.CONFIRM_BY_PASSCODE }) }), warningContent, unknownError] }) }) }) }) }));
+                                }, useBrowserInput: false, htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { disabled: isLocked, value: passcode, onChange: handlePasscodeChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.CONFIRM_BY_PASSCODE }) }), !isLocked && warningContent, unknownError] }) }) }) }) }));
 });
 ConfirmByPasscode.displayName = "ConfirmByPasscode";
 exports.default = ConfirmByPasscode;

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

@@ -28,12 +28,13 @@ var type_1 = require("../../../services/axios/get-activities-service/type");
 var InlineTitleValue_1 = __importDefault(require("../InlineTitleValue"));
 var convertTokensRate_1 = __importDefault(require("../../views/SwapView/functions/convertTokensRate"));
 function Result(props) {
+    var _a;
     var theme = (0, providers_1.useTheme)();
     var formatDate = (0, useFormatter_1.default)().formatDate;
     var transaction = props.transaction, onDone = props.onDone;
     var status = (0, react_1.useMemo)(function () { return (transaction === null || transaction === void 0 ? void 0 : transaction.transaction_status) || "failed"; }, [transaction === null || transaction === void 0 ? void 0 : transaction.transaction_status]);
     var amount = (0, react_1.useMemo)(function () { return transaction === null || transaction === void 0 ? void 0 : transaction.amount; }, [transaction === null || transaction === void 0 ? void 0 : transaction.amount]);
-    var toAmount = 1;
+    var toAmount = (0, react_1.useMemo)(function () { var _a; return (_a = transaction === null || transaction === void 0 ? void 0 : transaction.to_currency_data) === null || _a === void 0 ? void 0 : _a.swap_total_amount; }, [(_a = transaction === null || transaction === void 0 ? void 0 : transaction.to_currency_data) === null || _a === void 0 ? void 0 : _a.swap_total_amount]);
     var fromToken = (0, react_1.useMemo)(function () { return transaction === null || transaction === void 0 ? void 0 : transaction.currency_data; }, [transaction === null || transaction === void 0 ? void 0 : transaction.currency_data]);
     var toToken = (0, react_1.useMemo)(function () { return transaction === null || transaction === void 0 ? void 0 : transaction.to_currency_data; }, [transaction === null || transaction === void 0 ? void 0 : transaction.to_currency_data]);
     var toTokenRate = (0, react_1.useMemo)(function () {
@@ -85,11 +86,13 @@ function Result(props) {
                                             width: 20,
                                             height: 20,
                                             borderRadius: "999px",
-                                        } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "inherit" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount }) }), (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_SWAP", sx: {
+                                        } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "inherit" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { mx: "auto" } }), (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_SWAP", sx: {
                                             width: 16,
                                             height: 16,
-                                            mx: "auto",
-                                            transform: "rotate(-90deg)",
+                                            position: "absolute",
+                                            left: "50%",
+                                            top: "50%",
+                                            transform: "translate(-50%, -50%) rotate(-90deg)",
                                         } }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: toToken === null || toToken === void 0 ? void 0 : toToken.link, sx: {
                                             width: 20,
                                             height: 20,

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

@@ -28,7 +28,7 @@ var LineValue_1 = __importDefault(require("../LineValue"));
 var formatDate_1 = __importDefault(require("../../../utils/formatDate"));
 var roundToTwoSignificantDecimals_1 = __importDefault(require("../../../utils/roundToTwoSignificantDecimals"));
 var DetailSwapResult = function (_a) {
-    var _b, _c, _d;
+    var _b, _c;
     var onClose = _a.onClose, swapData = _a.swapData;
     var transaction = (0, useWallet_1.default)().transaction;
     var theme = (0, providers_1.useTheme)();
@@ -38,7 +38,7 @@ var DetailSwapResult = function (_a) {
         return ((_b = (_a = resultData === null || resultData === void 0 ? void 0 : resultData.fee_info) === null || _a === void 0 ? void 0 : _a.fee_detail) === null || _b === void 0 ? void 0 : _b.map(function (item) { return item === null || item === void 0 ? void 0 : item.currency; })) || [];
     }, [resultData]);
     var getOutputs = feeInfo === null || feeInfo === void 0 ? void 0 : feeInfo.map(function (item) { return item === null || item === void 0 ? void 0 : item.outputs; });
-    var getDetailOutputs = ((_b = getOutputs === null || getOutputs === void 0 ? void 0 : getOutputs[0]) === null || _b === void 0 ? void 0 : _b.map(function (item) { return item; })) || [];
+    var getDetailOutputs = (0, react_1.useMemo)(function () { var _a; return ((_a = getOutputs === null || getOutputs === void 0 ? void 0 : getOutputs[0]) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item; })) || []; }, [getOutputs]);
     var getInfoDetailOutputs = (0, react_1.useMemo)(function () {
         return (getDetailOutputs === null || getDetailOutputs === void 0 ? void 0 : getDetailOutputs[0]) || {};
     }, [getDetailOutputs]);
@@ -90,13 +90,13 @@ var DetailSwapResult = function (_a) {
                                 width: "100%",
                                 color: theme.palette.text.accent,
                                 mt: theme.mixins.customMargin.m12,
-                            } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between", mt: theme.mixins.customMargin.m16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (_c = resultData === null || resultData === void 0 ? void 0 : resultData.currency_data) === null || _c === void 0 ? void 0 : _c.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between", mt: theme.mixins.customMargin.m16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (_b = resultData === null || resultData === void 0 ? void 0 : resultData.currency_data) === null || _b === void 0 ? void 0 : _b.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                 fontSize: theme.typography.fontSize14,
                                                 fontWeight: theme.typography.fontWeight700,
-                                            }, children: resultData === null || resultData === void 0 ? void 0 : resultData.amount })] }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("swap_horizontal"), width: 20, height: 20 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            }, children: resultData === null || resultData === void 0 ? void 0 : resultData.amount })] }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("swap_horizontal"), width: 20, height: 20 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
                                                 fontSize: theme.typography.fontSize14,
                                                 fontWeight: theme.typography.fontWeight700,
-                                            }, children: (0, roundToTwoSignificantDecimals_1.default)((resultData === null || resultData === void 0 ? void 0 : resultData.amount) * (getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.swap_amount)) })] })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                            }, children: [(0, roundToTwoSignificantDecimals_1.default)(getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.swap_total_amount), "cc"] })] })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
                                 width: "100%",
                                 color: theme.palette.text.accent,
                                 mt: theme.mixins.customMargin.m12,
@@ -110,7 +110,7 @@ var DetailSwapResult = function (_a) {
                                     fontSize: theme.typography.fontSize14,
                                     fontWeight: theme.typography.fontWeight700,
                                     ml: theme.mixins.customMargin.m8,
-                                }, children: ["1 ", (_d = resultData === null || resultData === void 0 ? void 0 : resultData.currency_data) === null || _d === void 0 ? void 0 : _d.full_name, " ~ ", getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.swap_amount, " ", getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.full_name] }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                }, children: ["1 ", (_c = resultData === null || resultData === void 0 ? void 0 : resultData.currency_data) === null || _c === void 0 ? void 0 : _c.full_name, " ~ ", getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.swap_amount, " ", getInfoDetailOutputs === null || getInfoDetailOutputs === void 0 ? void 0 : getInfoDetailOutputs.full_name] }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize12,
                                     color: theme.palette.text.blackContrast,
                                 }, children: "Date time" }), value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {

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

@@ -66,10 +66,15 @@ var AppDialog_1 = __importDefault(require("../AppDialog"));
 var type_1 = require("../../../services/axios/validate-wallet-address-service/type");
 var navigation_1 = require("next/navigation");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var providers_1 = require("../../../providers");
+var TekWalletView_1 = require("../../views/TekWalletView");
 exports.ScanQRToSend = (0, react_1.forwardRef)(function (props, ref) {
     var children = props.children, transferInternalPath = props.transferInternalPath, transferExternalPath = props.transferExternalPath, gotoTransferInternalOverride = props.gotoTransferInternalOverride, gotoTransferExternalOverride = props.gotoTransferExternalOverride, sx = props.sx, className = props.className;
-    var internalPath = transferInternalPath || "/transfer-internal";
-    var externalPath = transferExternalPath || "/transfer-external";
+    var options = (0, providers_1.useWalletConfig)().options;
+    var internalPath = transferInternalPath ||
+        "".concat((options === null || options === void 0 ? void 0 : options.basePath) || "", "/tek-wallet/").concat(TekWalletView_1.TekWalletViewRoutes.SEND_INTERNAL);
+    var externalPath = transferExternalPath ||
+        "".concat((options === null || options === void 0 ? void 0 : options.basePath) || "", "/tek-wallet/").concat(TekWalletView_1.TekWalletViewRoutes.SEND_EXTERNAL);
     var drawerRef = (0, react_1.useRef)(null);
     var theme = (0, ThemeProvider_1.useTheme)();
     var router = (0, navigation_1.useRouter)();

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

@@ -60,7 +60,7 @@ var Button_1 = __importDefault(require("../Button"));
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
 var FromCard_1 = __importDefault(require("../../views/SwapView/components/FromCard"));
-var CardTo_1 = __importDefault(require("../../views/SwapView/components/CardTo"));
+var ToCard_1 = __importDefault(require("../../views/SwapView/components/ToCard"));
 var DetailSwap_1 = __importDefault(require("../DetailSwap"));
 var ModalSelectToken_1 = __importDefault(require("../ModalSelectToken"));
 var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
@@ -265,7 +265,7 @@ exports.SwapFunction = (0, react_1.forwardRef)(function (props, ref) {
                                             borderStyle: "dashed",
                                             borderColor: "#A3A3A3",
                                             opacity: 0.3,
-                                        } })] }), (0, jsx_runtime_1.jsx)(CardTo_1.default, { selectedToToken: selectedOutputToken !== null && selectedOutputToken !== void 0 ? selectedOutputToken : undefined, selectedFromToken: selectedToken !== null && selectedToken !== void 0 ? selectedToken : undefined, fromAmount: number !== null && number !== void 0 ? number : undefined }), (0, jsx_runtime_1.jsx)(DetailSwap_1.default, { selectedToken: selectedToken !== null && selectedToken !== void 0 ? selectedToken : undefined, selectOutputToken: selectedOutputToken !== null && selectedOutputToken !== void 0 ? selectedOutputToken : undefined }), (0, jsx_runtime_1.jsx)(ModalSelectToken_1.default, { setSwapToken: handleSelectToken, token: selectedToken !== null && selectedToken !== void 0 ? selectedToken : undefined, outputToken: selectedOutputToken !== null && selectedOutputToken !== void 0 ? selectedOutputToken : undefined, setOutputToken: handleSelectOutputToken })] }, SwapStep.SELECT_SWAP) }, selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.id) }) }) }));
+                                        } })] }), (0, jsx_runtime_1.jsx)(ToCard_1.default, { selectedToToken: selectedOutputToken !== null && selectedOutputToken !== void 0 ? selectedOutputToken : undefined, selectedFromToken: selectedToken !== null && selectedToken !== void 0 ? selectedToken : undefined, fromAmount: number !== null && number !== void 0 ? number : undefined }), (0, jsx_runtime_1.jsx)(DetailSwap_1.default, { selectedToken: selectedToken !== null && selectedToken !== void 0 ? selectedToken : undefined, selectOutputToken: selectedOutputToken !== null && selectedOutputToken !== void 0 ? selectedOutputToken : undefined }), (0, jsx_runtime_1.jsx)(ModalSelectToken_1.default, { setSwapToken: handleSelectToken, token: selectedToken !== null && selectedToken !== void 0 ? selectedToken : undefined, outputToken: selectedOutputToken !== null && selectedOutputToken !== void 0 ? selectedOutputToken : undefined, setOutputToken: handleSelectOutputToken })] }, SwapStep.SELECT_SWAP) }, selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.id) }) }) }));
 });
 exports.SwapFunction.displayName = "SwapFunction";
 exports.default = exports.SwapFunction;

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

@@ -82,6 +82,7 @@ var xhub_keyboard_1 = require("xhub-keyboard");
 var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
 var BasicAmountGroup_1 = __importDefault(require("../../ui/BasicAmountGroup"));
 var AssetViewHeader_1 = __importDefault(require("../../ui/AssetViewHeader"));
+var ScanQRToSend_1 = __importDefault(require("../../ui/ScanQRToSend"));
 var AssetView = function (props) {
     var sx = props.sx, rest = __rest(props, ["sx"]);
     var _a = (0, useWalletData_1.default)(), isInitPasscode = _a.isInitPasscode, masterWallet = _a.masterWallet;
@@ -127,7 +128,7 @@ var AssetView = function (props) {
                                                     fontWeight: theme.typography.fontWeight400,
                                                     color: theme.palette.text.black,
                                                     cursor: "pointer",
-                                                }, children: "View all" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_ARROW_RIGHT", width: 18, height: 18 })] })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                                }, children: "View all" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_ARROW_RIGHT", width: 18, height: 18 })] })] }), (0, jsx_runtime_1.jsx)(ScanQRToSend_1.default, { children: "Scan QR Code" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                     position: "relative",
                                     left: "-".concat(theme.mixins.customPadding.p16),
                                     width: "calc(100% + ".concat(theme.mixins.customPadding.p16, " * 2)"),

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

@@ -121,20 +121,21 @@ function Form(props) {
     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)(address), recipientAddress = _a[0], setRecipientAddress = _a[1];
+    var _a = (0, react_1.useState)(""), recipientAddress = _a[0], setRecipientAddress = _a[1];
     var _b = (0, react_1.useState)(), recipientAddressError = _b[0], setRecipientAddressError = _b[1];
     var _c = (0, react_1.useState)(""), amount = _c[0], setAmount = _c[1];
     var _d = (0, react_1.useState)(), amountErrorMessage = _d[0], setAmountErrorMessage = _d[1];
     var _e = (0, react_1.useState)(), amountError = _e[0], setAmountError = _e[1];
     var _f = (0, react_1.useState)(undefined), comment = _f[0], setComment = _f[1];
-    var _g = (0, react_1.useState)(false), isValidatingAddress = _g[0], setIsValidatingAddress = _g[1];
+    var _g = (0, react_1.useState)(), memoError = _g[0], setMemoError = _g[1];
+    var _h = (0, react_1.useState)(false), isValidatingAddress = _h[0], setIsValidatingAddress = _h[1];
     var scannerAddressQrCodeRef = (0, react_1.useRef)(null);
-    var _h = (0, react_1.useState)(false), isEstimatingFee = _h[0], setIsLoadingEstimateFee = _h[1];
-    var _j = (0, react_1.useState)(), estimateFee = _j[0], setEstimateFee = _j[1];
-    var _k = (0, react_1.useState)(false), isEnoughBalanceToPayFee = _k[0], setIsEnoughBalanceToPayFee = _k[1];
-    var _l = (0, react_1.useState)(false), isKeyboardOpen = _l[0], setIsKeyboardOpen = _l[1];
-    var _m = (0, react_1.useState)(), selectedNetwork = _m[0], setSelectedNetwork = _m[1];
-    var _o = (0, react_1.useState)([]), networks = _o[0], setNetworks = _o[1];
+    var _j = (0, react_1.useState)(false), isEstimatingFee = _j[0], setIsLoadingEstimateFee = _j[1];
+    var _k = (0, react_1.useState)(), estimateFee = _k[0], setEstimateFee = _k[1];
+    var _l = (0, react_1.useState)(false), isEnoughBalanceToPayFee = _l[0], setIsEnoughBalanceToPayFee = _l[1];
+    var _m = (0, react_1.useState)(false), isKeyboardOpen = _m[0], setIsKeyboardOpen = _m[1];
+    var _o = (0, react_1.useState)(), selectedNetwork = _o[0], setSelectedNetwork = _o[1];
+    var _p = (0, react_1.useState)([]), networks = _p[0], setNetworks = _p[1];
     var selectNetworkDrawerRef = (0, react_1.useRef)(null);
     var minValue = (0, react_1.useMemo)(function () { return +((selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.min_value) || 0); }, [selectedNetwork]);
     var maxValue = (0, react_1.useMemo)(function () { return +((selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.max_value) || Infinity); }, [selectedNetwork]);
@@ -333,9 +334,21 @@ function Form(props) {
             target: { value: amount || "" },
         });
     };
-    var handleChangeComment = function (e) {
+    var handleChangeComment = (0, react_1.useCallback)(function (e) {
         setComment(e.target.value);
-    };
+        var networkPattern = selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.memo_regex;
+        if (!networkPattern) {
+            setMemoError(undefined);
+            return;
+        }
+        var pattern = new RegExp(networkPattern);
+        if (!pattern.test(e.target.value)) {
+            setMemoError("Invalid memo");
+        }
+        else {
+            setMemoError(undefined);
+        }
+    }, [selectedNetwork]);
     var handleContinue = function () {
         var _a;
         if (!selectedNetwork)
@@ -372,6 +385,13 @@ function Form(props) {
         setSelectedNetwork(network);
         closeSelectNetwork();
     };
+    (0, react_1.useEffect)(function () {
+        if (address) {
+            handleChangeRecipientAddress({
+                target: { value: address },
+            });
+        }
+    }, [address]);
     (0, react_1.useEffect)(function () {
         validateAmount((amount === null || amount === void 0 ? void 0 : amount.toString()) || "");
     }, [amount, validateAmount]);
@@ -439,15 +459,16 @@ function Form(props) {
                                     fontSize: theme.typography.fontSize14,
                                     color: theme.palette.text.black,
                                     fontWeight: theme.typography.fontWeight700,
-                                }, children: "Comment" }), (0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
-                                    placeholder: "Enter comment if needed",
-                                    value: comment,
-                                    onChange: handleChangeComment,
-                                } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationDescription), children: "Enter comment if your receiving platform requires one to avoid losing your funds." })] }), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.WITH_BACKGROUND, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: isValidatingAddress || isEstimatingFee, onClick: handleContinue, status: !recipientAddress ||
+                                }, children: "Memo" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
+                                            placeholder: "Enter memo if needed",
+                                            value: comment,
+                                            onChange: handleChangeComment,
+                                        } }), !!memoError && (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: memoError })] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationDescription), children: "Enter memo if your receiving platform requires one to avoid losing your funds." })] }), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +amount, tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.WITH_BACKGROUND, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: isValidatingAddress || isEstimatingFee, onClick: handleContinue, status: !recipientAddress ||
                             !selectedNetwork ||
                             !amount ||
                             !!recipientAddressError ||
                             !!amountError ||
+                            !!memoError ||
                             !isEnoughBalanceToPayFee
                             ? Button_1.BUTTON_STATUS.DISABLED
                             : Button_1.BUTTON_STATUS.ENABLED, sx: { width: "100%", marginTop: "auto" }, children: "Continue" })] }) }) }));

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

@@ -126,7 +126,7 @@ var SendExternalView = (0, react_1.forwardRef)(function (props, ref) {
                 height: "100%",
             }, swiperStyle: {
                 height: "100%",
-            }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: { height: "100%", overflow: "hidden" }, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { children: (0, jsx_runtime_1.jsx)(SelectToken_1.default, { tokens: withdrawTokens, selectedToken: selectedToken, onChangeToken: handleSelectToken }) }) }) }, SendExternalStep.SELECT_TOKEN), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: { minHeight: "100%" }, children: (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) }) }, SendExternalStep.ADDRESS_FORM), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: { minHeight: "100%" }, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+            }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: { height: "100%", overflow: "hidden" }, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { children: (0, jsx_runtime_1.jsx)(SelectToken_1.default, { tokens: withdrawTokens, selectedToken: selectedToken, onChangeToken: handleSelectToken }) }) }) }, SendExternalStep.SELECT_TOKEN), "price", (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: { minHeight: "100%" }, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: !!selectedToken && ((0, jsx_runtime_1.jsx)(Form_1.default, { sx: __assign({}, theme.mixins.pagePadding), selectedToken: selectedToken, onContinue: gotoConfirmStep }, clearFormKey)) }) }, SendExternalStep.ADDRESS_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/SendInternalView/index.js

@@ -143,7 +143,7 @@ exports.SendInternalView = (0, react_1.forwardRef)(function (props, ref) {
                             paddingRight: "0px",
                             paddingTop: "0px",
                             paddingBottom: "0px",
-                        }, 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: {
+                        }, 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: {
                             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/components/FromCard/FromCardSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare const FromCardSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default FromCardSkeleton;

package/dist/components/TekWallet/components/views/SwapView/components/FromCard/FromCardSkeleton.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var providers_1 = require("../../../../../providers");
+var FromCardSkeleton = function () {
+    var theme = (0, providers_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+            border: "1px solid",
+            borderColor: "".concat(theme.palette.border.black24),
+            borderRadius: theme.mixins.customRadius.r16,
+            padding: theme.mixins.customPadding.p16,
+            backdropFilter: "blur(12px)",
+            opacity: 0.7,
+        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    lineHeight: "100%",
+                }, children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { sx: { width: "50%", height: 36, display: "block", transform: "none" } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { sx: { width: "30%", height: 36, display: "block", transform: "none" } })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    mt: theme.mixins.customMargin.m12,
+                    mb: theme.mixins.customMargin.m12,
+                }, children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { sx: { width: "30%", height: 36, display: "block", transform: "none" } }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { mt: theme.mixins.customMargin.m16 }, children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { sx: { width: "100%", height: 36, transform: "none" } }) })] }));
+};
+exports.default = FromCardSkeleton;

package/dist/components/TekWallet/components/views/SwapView/components/FromCard/index.d.ts

@@ -9,6 +9,7 @@ interface Props {
     setFromInfoIsReady?: (isReady: boolean) => void;
     keyboardId?: string;
     amountWasChanged?: boolean;
+    fromTokens?: SupportedToken[];
 }
-declare const CardForm: ({ selectedToken, onChange, amount, onChangeToken, setFromInfoIsReady, keyboardId, amountWasChanged, }: Props) => import("react/jsx-runtime").JSX.Element;
-export default CardForm;
+declare const FromCard: ({ selectedToken, onChange, amount, onChangeToken, setFromInfoIsReady, keyboardId, amountWasChanged, fromTokens, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default FromCard;

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

@@ -54,10 +54,10 @@ var ChildPageLayout_1 = __importDefault(require("../../../../layouts/ChildPageLa
 var PageHeader_1 = __importDefault(require("../../../../ui/PageHeader"));
 var useValidateAmount_1 = __importDefault(require("../../../../../hooks/useValidateAmount"));
 var xhub_keyboard_1 = require("xhub-keyboard");
-var CardForm = function (_a) {
+var FromCard = function (_a) {
     var _b, _c, _d;
-    var selectedToken = _a.selectedToken, onChange = _a.onChange, amount = _a.amount, onChangeToken = _a.onChangeToken, setFromInfoIsReady = _a.setFromInfoIsReady, keyboardId = _a.keyboardId, _e = _a.amountWasChanged, amountWasChanged = _e === void 0 ? true : _e;
-    var _f = (0, useWallet_1.default)(), updateSwapTokens = _f.updateSwapTokens, fromTokens = _f.fromTokens, isInitPasscode = _f.isInitPasscode;
+    var selectedToken = _a.selectedToken, onChange = _a.onChange, amount = _a.amount, onChangeToken = _a.onChangeToken, setFromInfoIsReady = _a.setFromInfoIsReady, keyboardId = _a.keyboardId, _e = _a.amountWasChanged, amountWasChanged = _e === void 0 ? true : _e, fromTokens = _a.fromTokens;
+    var _f = (0, useWallet_1.default)(), updateSwapTokens = _f.updateSwapTokens, isInitPasscode = _f.isInitPasscode;
     var theme = (0, providers_1.useTheme)();
     var selectTokenRef = (0, react_1.useRef)(null);
     var _g = (0, useValidateAmount_1.default)({
@@ -129,37 +129,34 @@ var CardForm = function (_a) {
                                 }, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.balance, unit: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name }) })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     display: "flex",
                     justifyContent: "space-between",
+                    alignItems: "center",
                     mt: theme.mixins.customMargin.m20,
                     mb: theme.mixins.customMargin.m16,
-                }, children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: selectTokenRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                }, children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: selectTokenRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                 display: "flex",
                                 alignItems: "center",
                                 gap: theme.mixins.gaps.g4,
                                 cursor: "pointer",
-                                width: "fit-content",
-                            }, children: !!selectedToken && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.link, width: 20, height: 20, sx: { borderRadius: "9999px" } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                            color: theme.palette.text.blackContrast,
-                                            fontWeight: theme.typography.fontWeight600,
-                                        }, children: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) || (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.full_name) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 10, height: 10 }, children: SvgPath_1.IC_ARROW_BLACK_DROP })] })) }), children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Select Token", overrideBack: closeSelectToken }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                            }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.link, width: 20, height: 20, sx: { borderRadius: "9999px" } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                        flex: 1,
+                                        color: theme.palette.text.blackContrast,
+                                        fontWeight: theme.typography.fontWeight600,
+                                    }, children: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) || (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.full_name) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 10, height: 10, display: "block" }, children: SvgPath_1.IC_ARROW_BLACK_DROP })] }), children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Select Token", overrideBack: closeSelectToken }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
                                     width: "100dvw",
                                     height: "100dvh",
-                                }, children: (0, jsx_runtime_1.jsx)(SelectToken_1.default, { tokens: fromTokens, selectedToken: selectedToken, onChangeToken: handleSelectToken }) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                            width: "100%",
-                            display: "flex",
-                            justifyContent: "flex-end",
-                            alignItems: "flex-end",
-                            flex: 1,
-                        }, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: keyboardId !== null && keyboardId !== void 0 ? keyboardId : "", children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Input, { autoFocus: true, elementsAcceptIds: ["form-amount-keyboard-id"], value: (_d = amount === null || amount === void 0 ? void 0 : amount.toString()) !== null && _d !== void 0 ? _d : "", placeholder: placeholder, displayType: xhub_keyboard_1.DisplayType.Double, styles: {
-                                    container: {
-                                        padding: "0",
-                                        border: "none",
-                                    },
-                                    input: {
-                                        display: "flex",
-                                        justifyContent: "flex-end",
-                                        paddingRight: "2px",
-                                    },
-                                } }) }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                }, children: (0, jsx_runtime_1.jsx)(SelectToken_1.default, { tokens: fromTokens, selectedToken: selectedToken, onChangeToken: handleSelectToken }) }) }) }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: keyboardId !== null && keyboardId !== void 0 ? keyboardId : "", children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Input, { autoFocus: true, elementsAcceptIds: ["form-amount-keyboard-id"], value: (_d = amount === null || amount === void 0 ? void 0 : amount.toString()) !== null && _d !== void 0 ? _d : "", placeholder: placeholder, displayType: xhub_keyboard_1.DisplayType.Double, styles: {
+                                container: {
+                                    padding: "0",
+                                    border: "none",
+                                    minWidth: "0px !important",
+                                },
+                                input: {
+                                    display: "flex",
+                                    justifyContent: "flex-end",
+                                    paddingRight: "2px",
+                                    minWidth: "0px !important",
+                                },
+                            } }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "space-between",
@@ -178,4 +175,4 @@ var CardForm = function (_a) {
                                 lineHeight: theme.typography.leading100,
                             }, children: "Max" }) })] })] }));
 };
-exports.default = CardForm;
+exports.default = FromCard;

package/dist/components/TekWallet/components/views/SwapView/components/{CardTo → ToCard}/index.d.ts

@@ -7,5 +7,5 @@ interface Props {
     onClick?: () => void;
     onChangeToToken?: (token: Output) => void;
 }
-declare const CardTo: ({ selectedToToken, selectedFromToken, fromAmount, onChangeToToken }: Props) => import("react/jsx-runtime").JSX.Element;
-export default CardTo;
+declare const ToCard: ({ selectedToToken, selectedFromToken, fromAmount, onChangeToToken }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ToCard;

package/dist/components/TekWallet/components/views/SwapView/components/{CardTo → ToCard}/index.js

@@ -49,7 +49,7 @@ var ChildPageLayout_1 = __importDefault(require("../../../../layouts/ChildPageLa
 var DefaultPageLayout_1 = __importDefault(require("../../../../layouts/DefaultPageLayout"));
 var PageHeader_1 = __importDefault(require("../../../../ui/PageHeader"));
 var SelectToken_1 = __importDefault(require("../SelectToken"));
-var CardTo = function (_a) {
+var ToCard = function (_a) {
     var selectedToToken = _a.selectedToToken, selectedFromToken = _a.selectedFromToken, fromAmount = _a.fromAmount, onChangeToToken = _a.onChangeToToken;
     var selectTokenRef = (0, react_1.useRef)(null);
     var receiveAmountEst = (0, react_1.useMemo)(function () {
@@ -108,4 +108,4 @@ var CardTo = function (_a) {
                             fontSize: theme.typography.fontSize16,
                         }, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: receiveAmountEst, unit: selectedToToken === null || selectedToToken === void 0 ? void 0 : selectedToToken.name }) })] })] }));
 };
-exports.default = CardTo;
+exports.default = ToCard;

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

@@ -61,13 +61,16 @@ var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
 var SvgPath_1 = require("../../ui/SvgPath");
 var Button_1 = __importStar(require("../../ui/Button"));
 var FromCard_1 = __importDefault(require("./components/FromCard"));
-var CardTo_1 = __importDefault(require("./components/CardTo"));
+var ToCard_1 = __importDefault(require("./components/ToCard"));
 var xhub_keyboard_1 = require("xhub-keyboard");
 var Text_1 = __importDefault(require("../../ui/Text"));
 var Formatter_1 = __importDefault(require("../../ui/Formatter"));
 var convertTokensRate_1 = __importDefault(require("./functions/convertTokensRate"));
 var Summary_1 = __importDefault(require("./components/Summary"));
 var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
+var FromCardSkeleton_1 = __importDefault(require("./components/FromCard/FromCardSkeleton"));
+var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
+var SwapFunction_1 = __importDefault(require("../../ui/SwapFunction"));
 var SwapStep;
 (function (SwapStep) {
     SwapStep[SwapStep["FORM"] = 0] = "FORM";
@@ -94,6 +97,7 @@ var SwapView = function () {
         var value = e.target.value;
         setFormAmount(value);
     }, []);
+    var fromTokens = (0, useWallet_1.default)().fromTokens;
     var clearValues = (0, react_1.useCallback)(function () {
         setFromTokenSelected(null);
         setToTokenSelected(null);
@@ -158,37 +162,39 @@ var SwapView = function () {
             container: {
                 height: "100%",
             },
-        }, id: keyboardId, onChange: handleKeyboardChangeAmount, keyboardType: xhub_keyboard_1.KeyboardType.Double, value: fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toString(), keyboardId: "form-amount-keyboard-id", onOpen: handleKeyboardOpen, onClose: handleKeyboardClose, 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: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
-                    autoHeight: false,
-                    spaceBetween: 32,
-                    speed: isChangeSlidePromptly ? 0 : 500,
-                }, disableSwipe: true, initialActiveTab: currentStep, sx: {
-                    height: "100%",
-                }, swiperStyle: {
-                    height: "100%",
-                }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: __assign(__assign({ height: "100%", minHeight: "100%" }, theme.mixins.pagePadding), { paddingBottom: isKeyboardOpen
-                                ? theme.mixins.customPadding.p8
-                                : theme.mixins.customPadding.p24 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                                display: "flex",
-                                flexDirection: "column",
-                                gap: theme.mixins.gaps.g12,
-                                height: "100%",
-                            }, children: [(0, jsx_runtime_1.jsx)(FromCard_1.default, { onChange: onChange, onChangeToken: handleSelectToken, selectedToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, amount: fromAmount !== null && fromAmount !== void 0 ? fromAmount : undefined, setFromInfoIsReady: setFromInfoIsReady, keyboardId: keyboardId, amountWasChanged: isUserTypedAmount }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 1, children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_SWAP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                                flex: 1,
-                                                borderStyle: "dashed",
-                                                borderColor: "#A3A3A3",
-                                                opacity: 0.3,
-                                            } })] }), (0, jsx_runtime_1.jsx)(CardTo_1.default, { selectedToToken: toTokenSelected !== null && toTokenSelected !== void 0 ? toTokenSelected : undefined, selectedFromToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, fromAmount: +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0), onChangeToToken: handleSelectOutputToken }), !!toTokenRate && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                                        fontSize: theme.typography.fontSize12,
-                                        fontWeight: theme.typography.fontWeight500,
-                                        color: theme.palette.text.blackContrast,
-                                        alignSelf: "center",
-                                    }, children: ["1 ", fromTokenSelected === null || fromTokenSelected === void 0 ? void 0 : fromTokenSelected.name, " ~", " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toTokenRate, unit: toTokenSelected === null || toTokenSelected === void 0 ? void 0 : toTokenSelected.name })] })), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: {
-                                        marginTop: "auto",
-                                    }, status: !fromInfoIsReady ? Button_1.BUTTON_STATUS.DISABLED : Button_1.BUTTON_STATUS.ENABLED, fullWidth: true, onClick: handlePreviewSwap, children: "Preview swap" })] }) }, SwapStep.FORM), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: __assign({ height: "100%", minHeight: "100%" }, theme.mixins.pagePadding), children: (0, jsx_runtime_1.jsx)(Summary_1.default, { isActiveStep: currentStep === SwapStep.CONFIRM, fromToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, toToken: toTokenSelected !== null && toTokenSelected !== void 0 ? toTokenSelected : undefined, fromAmount: +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0), receiveAmountEstimate: fromAmount ? +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0) * toTokenRate : 0, confirmProps: {
-                                onDone: handleNewTransaction,
-                                onSuccess: handleOnSuccessSwap,
-                            } }) }, SwapStep.CONFIRM)] }) }) }));
+        }, id: keyboardId, onChange: handleKeyboardChangeAmount, keyboardType: xhub_keyboard_1.KeyboardType.Double, value: fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toString(), keyboardId: "form-amount-keyboard-id", onOpen: handleKeyboardOpen, onClose: handleKeyboardClose, children: (0, jsx_runtime_1.jsxs)(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: [(0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
+                        autoHeight: false,
+                        spaceBetween: 32,
+                        speed: isChangeSlidePromptly ? 0 : 500,
+                    }, disableSwipe: true, initialActiveTab: currentStep, sx: {
+                        height: "100%",
+                    }, swiperStyle: {
+                        height: "100%",
+                    }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: __assign(__assign({ height: "100%", minHeight: "100%" }, theme.mixins.pagePadding), { paddingBottom: isKeyboardOpen
+                                    ? theme.mixins.customPadding.p8
+                                    : theme.mixins.customPadding.p24 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    gap: theme.mixins.gaps.g12,
+                                    height: "100%",
+                                }, children: [!fromTokens && (0, jsx_runtime_1.jsx)(FromCardSkeleton_1.default, {}), !!fromTokens && ((0, jsx_runtime_1.jsx)(FromCard_1.default, { onChange: onChange, onChangeToken: handleSelectToken, selectedToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, amount: fromAmount !== null && fromAmount !== void 0 ? fromAmount : undefined, setFromInfoIsReady: setFromInfoIsReady, keyboardId: keyboardId, amountWasChanged: isUserTypedAmount, fromTokens: fromTokens })), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 1, children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_SWAP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                                    flex: 1,
+                                                    borderStyle: "dashed",
+                                                    borderColor: "#A3A3A3",
+                                                    opacity: 0.3,
+                                                } })] }), !fromTokenSelected && (0, jsx_runtime_1.jsx)(FromCardSkeleton_1.default, {}), !!fromTokenSelected && ((0, jsx_runtime_1.jsx)(ToCard_1.default, { selectedToToken: toTokenSelected !== null && toTokenSelected !== void 0 ? toTokenSelected : undefined, selectedFromToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, fromAmount: +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0), onChangeToToken: handleSelectOutputToken })), !!toTokenRate && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize12,
+                                            fontWeight: theme.typography.fontWeight500,
+                                            color: theme.palette.text.blackContrast,
+                                            alignSelf: "center",
+                                        }, children: ["1 ", fromTokenSelected === null || fromTokenSelected === void 0 ? void 0 : fromTokenSelected.name, " ~", " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toTokenRate, unit: toTokenSelected === null || toTokenSelected === void 0 ? void 0 : toTokenSelected.name })] })), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: {
+                                            marginTop: "auto",
+                                        }, status: !fromInfoIsReady ? Button_1.BUTTON_STATUS.DISABLED : Button_1.BUTTON_STATUS.ENABLED, fullWidth: true, onClick: handlePreviewSwap, children: "Preview swap" })] }) }, SwapStep.FORM), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: __assign({ height: "100%", minHeight: "100%" }, theme.mixins.pagePadding), children: (0, jsx_runtime_1.jsx)(Summary_1.default, { isActiveStep: currentStep === SwapStep.CONFIRM, fromToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, toToken: toTokenSelected !== null && toTokenSelected !== void 0 ? toTokenSelected : undefined, fromAmount: +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0), receiveAmountEstimate: fromAmount ? +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0) * toTokenRate : 0, confirmProps: {
+                                    onDone: handleNewTransaction,
+                                    onSuccess: handleOnSuccessSwap,
+                                } }) }, SwapStep.CONFIRM)] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                        display: "none",
+                    }, children: (0, jsx_runtime_1.jsx)(SwapFunction_1.default, {}) })] }) }));
 };
 exports.SwapView = SwapView;
 exports.default = exports.SwapView;

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

@@ -17,6 +17,7 @@ var AssetView_1 = __importDefault(require("../AssetView"));
 var DetailActivityView_1 = __importDefault(require("../DetailActivityView"));
 var ActivityView_1 = __importDefault(require("../ActivityView"));
 var SettingView_1 = __importDefault(require("../SettingView"));
+var DelayMounted_1 = __importDefault(require("../../ui/DelayMounted"));
 var TekWalletViewRoutes;
 (function (TekWalletViewRoutes) {
     TekWalletViewRoutes["SEND_INTERNAL"] = "/send/internal";
@@ -40,7 +41,7 @@ function TekWalletView() {
         return (0, jsx_runtime_1.jsx)(SendExternalView_1.default, {});
     }
     if (path.startsWith(TekWalletViewRoutes.SWAP)) {
-        return (0, jsx_runtime_1.jsx)(SwapView_1.default, {});
+        return ((0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 1, children: (0, jsx_runtime_1.jsx)(SwapView_1.default, {}) }));
     }
     if (path === TekWalletViewRoutes.ASSET) {
         return (0, jsx_runtime_1.jsx)(AssetView_1.default, {});

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

@@ -58,12 +58,12 @@ var useEventHandler = function () {
             default:
                 notificationType = "info";
         }
-        var notificationMessage = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: { textTransform: "capitalize" }, children: type === null || type === void 0 ? void 0 : type.name }), " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: " ".concat(currency) }), " is ", status] }));
+        var notificationMessage = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: { textTransform: "capitalize" }, children: type === null || type === void 0 ? void 0 : type.name }), " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { disableTooltip: true, value: amount, unit: " ".concat(currency) }), " is ", status] }));
         switch (type.slug) {
             case type_1.TransactionSlug.SWAP:
                 var toCurrency = (_b = messageEvent.to_currency_data) === null || _b === void 0 ? void 0 : _b.name;
                 var toAmount = (_c = messageEvent.to_currency_data) === null || _c === void 0 ? void 0 : _c.swap_total_amount;
-                notificationMessage = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: { textTransform: "capitalize" }, children: type === null || type === void 0 ? void 0 : type.name }), " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: " ".concat(currency) }), " to", " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toAmount, unit: " ".concat(toCurrency) }), " is ", status] }));
+                notificationMessage = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: { textTransform: "capitalize" }, children: type === null || type === void 0 ? void 0 : type.name }), " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { disableTooltip: true, value: amount, unit: " ".concat(currency) }), " to", " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { disableTooltip: true, value: toAmount, unit: " ".concat(toCurrency) }), " is ", status] }));
                 break;
             default:
                 break;

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

@@ -23,6 +23,7 @@ var useRealtime_1 = __importDefault(require("../../hooks/useRealtime"));
 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");
 function EventHandlerProvider(props) {
     var _a = (0, useEventHandler_1.useEventHandler)(), transactionHandler = _a.transactionHandler, walletInfoHandler = _a.walletInfoHandler;
     var _b = (0, useRealtime_1.default)(), pushNotification = _b.pushNotification, transaction = _b.transaction, walletHandlerInfo = _b.walletHandlerInfo;
@@ -41,11 +42,10 @@ function EventHandlerProvider(props) {
                 return;
             }
             var onClickNotification = function () {
-                if (transaction.status !== type_1.TransactionStatus.Success)
+                if (transaction.transaction_status !== type_1.TransactionStatus.Success)
                     return;
-                router.push("".concat(options === null || options === void 0 ? void 0 : options.basePath, "/tek-wallet/activities/").concat(transaction.id));
+                router.push("".concat((options === null || options === void 0 ? void 0 : options.basePath) || "", "/tek-wallet/").concat(components_1.TekWalletViewRoutes.ACTIVITY, "/").concat(transaction.id));
             };
-            console.warn("🚀 ~ EventHandlerProvider ~ theMessage:", transaction, theMessage);
             pushNotification(__assign(__assign({}, theMessage), { onClick: onClickNotification }));
         }
     }, [transaction]);

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

@@ -129,7 +129,11 @@ function RealtimeProvider(_a) {
                             horizontal: (_e = (_d = notification === null || notification === void 0 ? void 0 : notification.anchorOrigin) === null || _d === void 0 ? void 0 : _d.horizontal) !== null && _e !== void 0 ? _e : "right",
                         }, onClose: function () {
                             closeNotification(notification.id);
-                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 5000, children: (0, jsx_runtime_1.jsxs)(material_1.Alert, { onClick: notification.onClick, icon: false, severity: notification.type, sx: {
+                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 5000, children: (0, jsx_runtime_1.jsxs)(material_1.Alert, { onClick: function () {
+                                var _a;
+                                (_a = notification.onClick) === null || _a === void 0 ? void 0 : _a.call(notification);
+                                closeNotification(notification.id);
+                            }, icon: false, severity: notification.type, sx: {
                                 width: "100%",
                                 maxWidth: "calc(100vw - 2rem)",
                                 borderRadius: theme.mixins.customRadius.r12,

package/dist/components/TekWallet/services/axios/get-swap-tokens-list-service/type.d.ts

@@ -49,4 +49,5 @@ export interface Output {
     network_data: NetworkData[];
     balance: string;
     swap_amount: number;
+    swap_total_amount: number;
 }

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

@@ -23,6 +23,7 @@ export interface NetworkData {
     address: string;
     min_value: number;
     max_value: number;
+    memo_regex: string;
 }
 export interface Currency {
     id: number;

package/package.json

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