tek-wallet 0.0.763 → 0.0.764

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

@@ -104,6 +104,7 @@ var type_1 = require("../../../../services/axios/get-activities-service/type");
 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 validateAddressDebounce = (0, lodash_1.debounce)(function (callback) {
     callback();
 }, 500, { leading: true, trailing: true });
@@ -317,65 +318,65 @@ function Form(props) {
             container: {
                 height: "100%",
             },
-        }, id: keyboardId, onChange: handleKeyboardChangeAmount, keyboardType: xhub_keyboard_1.KeyboardType.Double, value: amount === null || amount === void 0 ? void 0 : amount.toString(), keyboardId: "form-amount-keyboard-id", onOpen: handleKeyboardOpen, onClose: handleKeyboardClose, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, minHeight: "100%", transition: "padding-bottom 0.3s ease-in-out" }), sx), (isKeyboardOpen
-                ? {
-                    paddingBottom: theme.mixins.customPadding.p8,
-                }
-                : {})), children: [(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)(Text_1.default, { sx: {
-                                fontSize: theme.typography.fontSize14,
-                                color: theme.palette.text.black,
-                                fontWeight: theme.typography.fontWeight700,
-                            }, children: "Wallet address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { sx: {
-                                paddingX: theme.mixins.customPadding.p16,
-                            }, inputRest: {
-                                placeholder: "Enter recipient address",
-                                value: recipientAddress,
-                                onChange: handleChangeRecipientAddress,
-                            }, rightPart: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: !!recipientAddress ? ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handleClearRecipientAddress, sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, cursor: "pointer" }), children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 12, height: 12 }, children: SvgPath_1.IC_CLOSE }) })) : ((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)(material_1.Box, { onClick: openScannerAddressQrCode, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_SCAN", sx: { width: 18, height: 18 } }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", variant: "fullWidth", flexItem: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handlePaste, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_DOCUMENTS }) })] })) }) }), !!recipientAddressError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: recipientAddressError }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                        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: {
-                                        display: "inline-flex",
-                                        alignItems: "center",
-                                        gap: theme.mixins.gaps.g4,
-                                        pointerEvents: "none",
-                                    }, children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value }), " -", " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) })] })), styles: {
-                                    container: {
-                                        paddingRight: theme.mixins.customPadding.p4,
-                                        paddingLeft: theme.mixins.customPadding.p16,
-                                        paddingTop: theme.mixins.customPadding.p4,
-                                        paddingBottom: theme.mixins.customPadding.p4,
-                                        border: "1px ".concat(theme.palette.border.primary, " solid"),
-                                        borderRadius: theme.mixins.customRadius.r8,
-                                    },
-                                }, rightElement: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handleClickMaxAmount, sx: {
-                                            background: theme.palette.background.tertiary,
+        }, id: keyboardId, onChange: handleKeyboardChangeAmount, keyboardType: xhub_keyboard_1.KeyboardType.Double, value: amount === null || amount === void 0 ? void 0 : amount.toString(), keyboardId: "form-amount-keyboard-id", onOpen: handleKeyboardOpen, onClose: handleKeyboardClose, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, minHeight: "100%", transition: "padding-bottom 0.3s ease-in-out" }), sx), (isKeyboardOpen
+                    ? {
+                        paddingBottom: theme.mixins.customPadding.p8,
+                    }
+                    : {})), children: [(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)(Text_1.default, { sx: {
+                                    fontSize: theme.typography.fontSize14,
+                                    color: theme.palette.text.black,
+                                    fontWeight: theme.typography.fontWeight700,
+                                }, children: "Wallet address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { sx: {
+                                    paddingX: theme.mixins.customPadding.p16,
+                                }, inputRest: {
+                                    placeholder: "Enter recipient address",
+                                    value: recipientAddress,
+                                    onChange: handleChangeRecipientAddress,
+                                }, rightPart: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: !!recipientAddress ? ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handleClearRecipientAddress, sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, cursor: "pointer" }), children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 12, height: 12 }, children: SvgPath_1.IC_CLOSE }) })) : ((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)(material_1.Box, { onClick: openScannerAddressQrCode, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_SCAN", sx: { width: 18, height: 18 } }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", variant: "fullWidth", flexItem: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handlePaste, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_DOCUMENTS }) })] })) }) }), !!recipientAddressError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: recipientAddressError }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize14,
                                             color: theme.palette.text.black,
-                                            fontSize: theme.typography.fontSize11,
                                             fontWeight: theme.typography.fontWeight700,
-                                            borderRadius: theme.mixins.customRadius.r4,
-                                            paddingX: theme.mixins.customPadding.p16,
-                                            paddingY: theme.mixins.customPadding.p8,
-                                            border: "0px solid",
-                                            cursor: "pointer",
-                                        }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                fontSize: theme.typography.fontSize12,
-                                                color: theme.palette.text.primary,
-                                                fontWeight: theme.typography.fontWeight500,
-                                            }, children: "Max" }) }) }) }) }), !!amountErrorMessage && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: [amountErrorMessage, " ", !!amountError && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amountError, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) })] }))] }), (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)(Text_1.default, { sx: {
-                                fontSize: theme.typography.fontSize14,
-                                color: theme.palette.text.black,
-                                fontWeight: theme.typography.fontWeight700,
-                            }, children: "Message" }), (0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
-                                placeholder: "Enter comment if needed",
-                                value: comment,
-                                onChange: handleChangeComment,
-                            } })] }), (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 ||
-                        !amount ||
-                        !!recipientAddressError ||
-                        !!amountError ||
-                        !isEnoughBalanceToPayFee
-                        ? Button_1.BUTTON_STATUS.DISABLED
-                        : Button_1.BUTTON_STATUS.ENABLED, sx: { width: "100%", marginTop: "auto" }, children: "Continue" })] }) }));
+                                        }, 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: {
+                                            display: "inline-flex",
+                                            alignItems: "center",
+                                            gap: theme.mixins.gaps.g4,
+                                            pointerEvents: "none",
+                                        }, children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value }), " -", " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) })] })), styles: {
+                                        container: {
+                                            paddingRight: theme.mixins.customPadding.p4,
+                                            paddingLeft: theme.mixins.customPadding.p16,
+                                            paddingTop: theme.mixins.customPadding.p4,
+                                            paddingBottom: theme.mixins.customPadding.p4,
+                                            border: "1px ".concat(theme.palette.border.primary, " solid"),
+                                            borderRadius: theme.mixins.customRadius.r8,
+                                        },
+                                    }, rightElement: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handleClickMaxAmount, sx: {
+                                                background: theme.palette.background.tertiary,
+                                                color: theme.palette.text.black,
+                                                fontSize: theme.typography.fontSize11,
+                                                fontWeight: theme.typography.fontWeight700,
+                                                borderRadius: theme.mixins.customRadius.r4,
+                                                paddingX: theme.mixins.customPadding.p16,
+                                                paddingY: theme.mixins.customPadding.p8,
+                                                border: "0px solid",
+                                                cursor: "pointer",
+                                            }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                    fontSize: theme.typography.fontSize12,
+                                                    color: theme.palette.text.primary,
+                                                    fontWeight: theme.typography.fontWeight500,
+                                                }, children: "Max" }) }) }) }) }), !!amountErrorMessage && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: [amountErrorMessage, " ", !!amountError && ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amountError, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) }))] }))] }), (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)(Text_1.default, { sx: {
+                                    fontSize: theme.typography.fontSize14,
+                                    color: theme.palette.text.black,
+                                    fontWeight: theme.typography.fontWeight700,
+                                }, children: "Message" }), (0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
+                                    placeholder: "Enter comment if needed",
+                                    value: comment,
+                                    onChange: handleChangeComment,
+                                } })] }), (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 ||
+                            !amount ||
+                            !!recipientAddressError ||
+                            !!amountError ||
+                            !isEnoughBalanceToPayFee
+                            ? Button_1.BUTTON_STATUS.DISABLED
+                            : Button_1.BUTTON_STATUS.ENABLED, sx: { width: "100%", marginTop: "auto" }, children: "Continue" })] }) }) }));
 }

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

@@ -137,7 +137,7 @@ exports.SendInternalView = (0, react_1.forwardRef)(function (props, ref) {
                 height: "100%",
             }, swiperStyle: {
                 height: "100%",
-            }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: { minHeight: "100%" }, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { children: (0, jsx_runtime_1.jsx)(SelectToken_1.default, { tokens: withdrawTokens, selectedToken: selectedToken, onChangeToken: handleSelectToken }) }) }, TransferStep.SELECT_TOKEN), (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 }) }) }) }, TransferStep.SELECT_TOKEN), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: { minHeight: "100%" }, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
                             height: "100%",
                             paddingLeft: "0px",
                             paddingRight: "0px",

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

@@ -11,6 +11,39 @@ 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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -26,11 +59,20 @@ var ChangePasscode_1 = __importDefault(require("../../ui/ChangePasscode"));
 var providers_1 = require("../../../providers");
 var TekWalletProvider_1 = require("../../../providers/TekWalletProvider");
 var SvgPath_1 = require("../../ui/SvgPath");
+var Button_1 = __importStar(require("../../ui/Button"));
+var react_1 = require("react");
 var SettingView = function (props) {
     var _a = props;
+    var _b = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _b[0], setButtonStatus = _b[1];
     var theme = (0, providers_1.useTheme)();
     var onLogout = (0, TekWalletProvider_1.useWalletConfig)().onLogout;
-    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Setting" }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(ChangePasscode_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { hideTag: true, title: "Change Passcode", description: "Change your passcode", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "2rem", height: "2rem" }, children: SvgPath_1.IC_CHANGE_PASSCODE }) }) }), (0, jsx_runtime_1.jsx)("button", { style: {
+    var handleLogout = function () {
+        if (!onLogout)
+            return;
+        onLogout === null || onLogout === void 0 ? void 0 : onLogout();
+        setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
+    };
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Setting" }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(ChangePasscode_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { hideTag: true, title: "Change Passcode", description: "Change your passcode", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "2rem", height: "2rem" }, children: SvgPath_1.IC_CHANGE_PASSCODE }) }) }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: {
                         marginTop: "auto",
                         borderRadius: theme.mixins.customRadius.r12,
                         textTransform: "capitalize",
@@ -41,7 +83,7 @@ var SettingView = function (props) {
                         lineHeight: theme.typography.leading100,
                         backgroundColor: theme.palette.background.error,
                         color: theme.palette.text.white,
-                    }, onClick: onLogout, children: "Logout" })] }) }));
+                    }, onClick: handleLogout, status: buttonStatus, children: "Logout" })] }) }));
 };
 exports.SettingView = SettingView;
 exports.default = exports.SettingView;

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

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -130,16 +131,16 @@ var CardForm = function (_a) {
                     justifyContent: "space-between",
                     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.jsxs)(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.jsx)(material_1.Box, { sx: {
                                 display: "flex",
                                 alignItems: "center",
                                 gap: theme.mixins.gaps.g4,
                                 cursor: "pointer",
                                 width: "fit-content",
-                            }, 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: !!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: {
                                     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: {
@@ -168,7 +169,7 @@ var CardForm = function (_a) {
                             borderRadius: theme.mixins.customRadius.r8,
                             color: theme.palette.text.primary,
                             px: theme.mixins.customPadding.p16,
-                            py: theme.mixins.customPadding.p3,
+                            py: theme.mixins.customPadding.p8,
                             marginLeft: "auto",
                         }, onClick: handleClickGetMaxValue, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                 color: theme.palette.primary.main,

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

@@ -1,11 +1,2 @@
-import { GeneralProps, UnknownFunction } from "../../../types/ui";
-interface SwapViewProps extends GeneralProps {
-    onClose?: UnknownFunction;
-    onOpen?: UnknownFunction;
-}
-export type SwapViewRef = {
-    open: () => void;
-    close: () => void;
-};
-export declare const SwapView: import("react").ForwardRefExoticComponent<SwapViewProps & import("react").RefAttributes<SwapViewRef>>;
+export declare const SwapView: () => import("react/jsx-runtime").JSX.Element;
 export default SwapView;

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

@@ -77,8 +77,7 @@ var SWAP_STEP_NAME = (_a = {},
     _a[SwapStep.FORM] = "Swap",
     _a[SwapStep.CONFIRM] = "Confirm",
     _a);
-exports.SwapView = (0, react_1.forwardRef)(function (props, ref) {
-    var drawerRef = (0, react_1.useRef)(null);
+var SwapView = function () {
     var swiperRef = (0, react_1.useRef)(null);
     var theme = (0, ThemeProvider_1.useTheme)();
     var _a = (0, react_1.useState)(SwapStep.FORM), currentStep = _a[0], setCurrentStep = _a[1];
@@ -136,29 +135,6 @@ exports.SwapView = (0, react_1.forwardRef)(function (props, ref) {
     var handleSelectOutputToken = function (output) {
         setToTokenSelected(output);
     };
-    var handleOnCloseSwap = (0, react_1.useCallback)(function () {
-        var _a;
-        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        gotoStep(SwapStep.FORM);
-    }, [props]);
-    var handleOnOpenSwap = (0, react_1.useCallback)(function () {
-        var _a;
-        (_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props);
-    }, [props]);
-    var openSwapPage = (0, react_1.useCallback)(function () {
-        var _a;
-        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
-        handleOnOpenSwap();
-    }, [handleOnOpenSwap]);
-    var closeSwapPage = (0, react_1.useCallback)(function () {
-        var _a;
-        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-        handleOnCloseSwap();
-    }, [handleOnCloseSwap]);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        open: openSwapPage,
-        close: closeSwapPage,
-    }); });
     var handlePreviewSwap = (0, react_1.useCallback)(function () {
         gotoStep(SwapStep.CONFIRM);
     }, []);
@@ -213,6 +189,6 @@ exports.SwapView = (0, react_1.forwardRef)(function (props, ref) {
                                 onDone: handleNewTransaction,
                                 onSuccess: handleOnSuccessSwap,
                             } }) }, SwapStep.CONFIRM)] }) }) }));
-});
-exports.SwapView.displayName = "SwapView";
+};
+exports.SwapView = SwapView;
 exports.default = exports.SwapView;

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

@@ -32,7 +32,6 @@ function TekWalletView() {
     var pathname = (0, navigation_1.useParams)().pathname;
     var pathnameArray = (0, react_1.useMemo)(function () { return (typeof pathname === "string" ? [pathname] : pathname); }, [pathname]);
     var pathnameFull = (0, react_1.useMemo)(function () { return pathnameArray === null || pathnameArray === void 0 ? void 0 : pathnameArray.join("/"); }, [pathnameArray]);
-    console.warn("🚀 ~ TekWalletView ~ pathnameFull:", pathname, pathnameFull);
     var path = (0, react_1.useMemo)(function () { return (pathname === undefined ? "/" : "/".concat(pathnameFull)); }, [pathnameFull, pathname]);
     if (path.startsWith(TekWalletViewRoutes.SEND_INTERNAL)) {
         return (0, jsx_runtime_1.jsx)(SendInternalView_1.default, {});

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

@@ -1,3 +1,3 @@
 import { TransactionType } from "../../services/axios/get-activities-service/type";
-export declare const ACTIVITIES_PAGE_SIZE = 4;
+export declare const ACTIVITIES_PAGE_SIZE = 12;
 export declare const ACTIVITIES_TYPE_ALL: TransactionType;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ACTIVITIES_TYPE_ALL = exports.ACTIVITIES_PAGE_SIZE = void 0;
 var type_1 = require("../../services/axios/get-activities-service/type");
-exports.ACTIVITIES_PAGE_SIZE = 4;
+exports.ACTIVITIES_PAGE_SIZE = 12;
 exports.ACTIVITIES_TYPE_ALL = {
     id: -1,
     status: "all",

package/dist/components/TekWallet/providers/TekWalletProvider/index.d.ts

@@ -1,10 +1,16 @@
 import { ReactNode } from "react";
+export declare enum Views {
+    ACTIVITY = "activity",
+    SETTING = "setting",
+    ASSET = "asset"
+}
 export interface Options {
     basePath?: string;
     hideDefaultActivities?: boolean;
     useDefaultToastMessage?: boolean;
     hideActivitySectionInAssetView?: boolean;
     useBasicAmountGroupInAssetView?: boolean;
+    hideBackButtons: Partial<Record<Views, boolean>>;
 }
 export interface TekWalletProviderProps {
     children: ReactNode;

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWalletConfig = exports.TekWalletContext = void 0;
+exports.useWalletConfig = exports.TekWalletContext = exports.Views = void 0;
 exports.TekWalletProvider = TekWalletProvider;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
@@ -18,6 +18,12 @@ var SwapProvider_1 = __importDefault(require("../SwapProvider"));
 var WalletDataProviderNoImport_1 = __importDefault(require("../WalletDataProviderNoImport"));
 var WalletDataProvider_1 = __importDefault(require("../WalletDataProvider"));
 var ThemeProvider_1 = require("../ThemeProvider");
+var Views;
+(function (Views) {
+    Views["ACTIVITY"] = "activity";
+    Views["SETTING"] = "setting";
+    Views["ASSET"] = "asset";
+})(Views || (exports.Views = Views = {}));
 var initialTekWalletContext = {
     isSSO: undefined,
     options: undefined,

package/dist/components/TekWallet/theme/mui/theme.js

@@ -166,8 +166,8 @@ var shadows = [
     "0px 18px 36px rgba(255, 255, 255, 0.1)", // 9
     "0px 18px 36px rgba(255, 255, 255, 0.2)", // 10
     "0px 20px 40px rgba(255, 255, 255, 0.1)", // 11
-    "0px 20px 40px rgba(0, 0, 0, 0.2)", // 12
-    "0px 24px 48px rgba(0, 0, 0, 0.1)", // 13
+    "2px 2px 10px 5px rgba(0, 0, 0, 0.1)", // 12
+    "1px 1px 10px 2px rgba(0, 0, 0, 0.1)", // 13
     "0px 24px 48px rgba(0, 0, 0, 0.2)", // 14
     "0px 30px 60px rgba(0, 0, 0, 0.1)", // 15
     "0px 30px 60px rgba(0, 0, 0, 0.2)", // 16

package/package.json

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