tek-wallet 0.0.825 → 0.0.827

package/dist/components/TekWallet/components/layouts/FullHeightAndScroll/index.d.ts

@@ -0,0 +1,4 @@
+declare function FullHeightAndScroll({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export default FullHeightAndScroll;

package/dist/components/TekWallet/components/layouts/FullHeightAndScroll/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+function FullHeightAndScroll(_a) {
+    var children = _a.children;
+    return (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { height: "100%", overflow: "auto" }, children: children });
+}
+exports.default = FullHeightAndScroll;

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

@@ -25,9 +25,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var mui_1 = require("../../../theme/mui");
+var providers_1 = require("../../../providers");
 function BottomActionLayout(_a) {
     var children = _a.children, sx = _a.sx, rest = __rest(_a, ["children", "sx"]);
     var theme = (0, mui_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: __assign({ width: "100%", paddingLeft: theme.styleMixins.pagePadding, paddingRight: theme.styleMixins.pagePadding, paddingBottom: theme.styleMixins.customPadding.p24 }, sx) }, rest, { children: children })));
+    var offset = (0, providers_1.useWalletSetup)().offset;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: __assign({ width: "100%", paddingLeft: theme.styleMixins.pagePadding, paddingRight: theme.styleMixins.pagePadding, paddingBottom: (offset === null || offset === void 0 ? void 0 : offset.bottom) || theme.styleMixins.pagePadding.paddingBottom }, sx) }, rest, { children: children })));
 }
 exports.default = BottomActionLayout;

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

@@ -52,8 +52,6 @@ exports.default = FiatDeposit;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var react_1 = require("react");
-var SvgPath_1 = require("../SvgPath");
-var ReceiveHistory_1 = __importDefault(require("../ReceiveHistory"));
 var xhub_keyboard_1 = require("xhub-keyboard");
 var useUniqueId_1 = require("../../../hooks/useUniqueId");
 var getDepositFiatInfoService_1 = __importDefault(require("../../../services/axios/get-deposit-fiat-info-service/getDepositFiatInfoService"));
@@ -63,7 +61,6 @@ var TimeText_1 = __importDefault(require("../TimeText"));
 var formatter_1 = __importDefault(require("../Formatter/functions/formatter"));
 var shareDrawer_1 = __importDefault(require("./components/shareDrawer"));
 var link_1 = __importDefault(require("next/link"));
-var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
 var Icon_1 = __importDefault(require("../Icon"));
 var Button_1 = __importStar(require("../Button"));
 var Text_1 = __importDefault(require("../Text"));
@@ -80,12 +77,11 @@ var BackArrow = function (props) {
 };
 var Header = function (_a) {
     var handleBack = _a.handleBack;
-    var historyRef = (0, react_1.useRef)(null);
     return ((0, jsx_runtime_1.jsxs)(material_1.Grid2, { display: "grid", py: "0.75rem", px: "1rem", container: true, sx: {
             gridTemplateColumns: "1fr 1fr 1fr",
             gridTemplateRows: "1fr",
             alignItems: "center",
-        }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid2, { children: (0, jsx_runtime_1.jsx)(BackArrow, { onClick: handleBack }) }), (0, jsx_runtime_1.jsx)(material_1.Grid2, { display: "flex", children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, style_1.title01), { width: "100%", textAlign: "center" }), children: "Top up" }) }), false && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Grid2, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "end", gap: ".5rem", children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20 }, children: SvgPath_1.IC_HELP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true, sx: { width: "1px" } }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: historyRef, trigger: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20, display: "block" }, children: SvgPath_1.IC_HISTORY }), direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ReceiveHistory_1.default, { onClose: function () { var _a; return (_a = historyRef.current) === null || _a === void 0 ? void 0 : _a.close(); } }) })] }) }) }))] }));
+        }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid2, { children: (0, jsx_runtime_1.jsx)(BackArrow, { onClick: handleBack }) }), (0, jsx_runtime_1.jsx)(material_1.Grid2, { display: "flex", children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, style_1.title01), { width: "100%", textAlign: "center" }), children: "Top up" }) })] }));
 };
 var CopyIcon = function () {
     return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M11 11.5V13.75C11 14.164 10.664 14.5 10.25 14.5H3.75C3.55109 14.5 3.36032 14.421 3.21967 14.2803C3.07902 14.1397 3 13.9489 3 13.75V5.25C3 4.836 3.336 4.5 3.75 4.5H5C5.33505 4.49977 5.66954 4.52742 6 4.58267M11 11.5H13.25C13.664 11.5 14 11.164 14 10.75V7.5C14 4.52667 11.838 2.05933 9 1.58267C8.66954 1.52742 8.33505 1.49977 8 1.5H6.75C6.336 1.5 6 1.836 6 2.25V4.58267M11 11.5H6.75C6.55109 11.5 6.36032 11.421 6.21967 11.2803C6.07902 11.1397 6 10.9489 6 10.75V4.58267M14 9V7.75C14 7.15326 13.7629 6.58097 13.341 6.15901C12.919 5.73705 12.3467 5.5 11.75 5.5H10.75C10.5511 5.5 10.3603 5.42098 10.2197 5.28033C10.079 5.13968 10 4.94891 10 4.75V3.75C10 3.45453 9.9418 3.16195 9.82873 2.88896C9.71566 2.61598 9.54992 2.36794 9.34099 2.15901C9.13206 1.95008 8.88402 1.78435 8.61104 1.67127C8.33806 1.5582 8.04547 1.5 7.75 1.5H7", stroke: "#044C2F", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }));

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

@@ -78,31 +78,24 @@ var Menu_1 = __importDefault(require("./Menu"));
 var ActivitiesTypeSlice_1 = __importDefault(require("../../ui/ActivitiesTypeSlice"));
 var const_1 = require("../../../providers/ActivitiesProvider/const");
 var Icon_1 = __importDefault(require("../../ui/Icon"));
-var ChangePasscodeView_1 = __importDefault(require("../ChangePasscodeView"));
-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 ClickEffect_1 = __importDefault(require("../../ui/ClickEffect"));
 var mui_1 = require("../../../theme/mui");
 var AssetsBoard_1 = __importDefault(require("../../ui/AssetsBoard"));
+var InitPasscodeView_1 = __importDefault(require("../InitPasscodeView"));
 var AssetView = function (props) {
     var sx = props.sx, rest = __rest(props, ["sx"]);
     var _a = (0, useWalletData_1.default)(), isInitPasscode = _a.isInitPasscode, masterWallet = _a.masterWallet, updateWalletDetail = _a.updateWalletDetail;
     var theme = (0, mui_1.useTheme)();
     var options = (0, TekWalletProvider_1.useWalletSetup)().options;
     var _b = options || {}, hideActivitySectionInAssetView = _b.hideActivitySectionInAssetView, useBasicAmountGroupInAssetView = _b.useBasicAmountGroupInAssetView, basePath = _b.basePath;
-    var router = (0, useCustomRouter_1.default)();
-    var idPrefix = (0, xhub_keyboard_1.useUniqueId)();
-    var handleBackInitPasscodeView = function () {
-        router.back();
-    };
     var handleRefresh = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             return [2 /*return*/, updateWalletDetail()];
         });
     }); };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isInitPasscode && !!masterWallet && ((0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { isInitPasscode: true, onBack: handleBackInitPasscodeView, idPrefix: idPrefix })), !!isInitPasscode && ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: !!isInitPasscode && (0, jsx_runtime_1.jsx)(AssetViewHeader_1.default, {}), pullToRefreshProps: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isInitPasscode && !!masterWallet && (0, jsx_runtime_1.jsx)(InitPasscodeView_1.default, {}), !!isInitPasscode && ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: !!isInitPasscode && (0, jsx_runtime_1.jsx)(AssetViewHeader_1.default, {}), pullToRefreshProps: {
                     isPullable: !!isInitPasscode,
                     onRefresh: handleRefresh,
                 }, children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, rest, { sx: __assign({ display: "flex", flexDirection: "column", gap: theme.styleMixins.gaps.g16 }, sx), children: [useBasicAmountGroupInAssetView ? (0, jsx_runtime_1.jsx)(BasicAmountGroup_1.default, {}) : (0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsx)(Menu_1.default, { sx: {

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

@@ -3,6 +3,7 @@ interface ChangePasscodeViewProps extends GeneralProps {
     onBack: () => void;
     isInitPasscode?: boolean;
     idPrefix?: string;
+    hideBackInFirstStep?: boolean;
 }
 export declare const ChangePasscodeView: (props: ChangePasscodeViewProps) => import("react/jsx-runtime").JSX.Element;
 export default ChangePasscodeView;

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

@@ -106,7 +106,7 @@ var useWarningWrongPasscode_1 = require("../../../hooks/useWarningWrongPasscode"
 var providers_1 = require("../../../providers");
 var passcodeLength = 6;
 var ChangePasscodeView = function (props) {
-    var _a = props.isInitPasscode, isInitPasscode = _a === void 0 ? false : _a, _b = props.idPrefix, idPrefix = _b === void 0 ? "" : _b;
+    var _a = props.isInitPasscode, isInitPasscode = _a === void 0 ? false : _a, _b = props.idPrefix, idPrefix = _b === void 0 ? "" : _b, _c = props.hideBackInFirstStep, hideBackInFirstStep = _c === void 0 ? false : _c;
     var initStep = (0, react_2.useRef)(isInitPasscode
         ? type_1.ChangePasscodeViewStep.ENTER_NEW_PASSCODE
         : type_1.ChangePasscodeViewStep.ENTER_OLD_PASSCODE);
@@ -115,14 +115,15 @@ var ChangePasscodeView = function (props) {
         ? const_2.STEPS_CONTENT_FOR_INIT_PASSCODE
         : const_1.STEPS_CONTENT_FOR_CHANGE_PASSCODE;
     var theme = (0, mui_1.useTheme)();
-    var _c = (0, react_2.useState)(""), oldPasscode = _c[0], setOldPasscode = _c[1];
-    var _d = (0, react_2.useState)(""), newPasscode = _d[0], setNewPasscode = _d[1];
-    var _e = (0, react_2.useState)(""), confirmPasscode = _e[0], setConfirmPasscode = _e[1];
+    var _d = (0, react_2.useState)(""), oldPasscode = _d[0], setOldPasscode = _d[1];
+    var _e = (0, react_2.useState)(""), newPasscode = _e[0], setNewPasscode = _e[1];
+    var _f = (0, react_2.useState)(""), confirmPasscode = _f[0], setConfirmPasscode = _f[1];
     var swiperControlledRef = (0, react_2.useRef)(null);
     var childPageLayoutRef = (0, react_2.useRef)(null);
-    var _f = (0, react_2.useState)(initStep.current), currentStep = _f[0], setCurrentStep = _f[1];
-    var _g = (0, react_2.useState)(null), error = _g[0], setError = _g[1];
-    var _h = (0, useWarningWrongPasscode_1.useValidatePasscode)(), handleVerifyPasscode = _h.handleVerifyPasscode, warningContent = _h.warningContent, isLocked = _h.isLocked, handleClearUnknownError = _h.handleClearUnknownError, unknownError = _h.unknownError;
+    var _g = (0, react_2.useState)(initStep.current), currentStep = _g[0], setCurrentStep = _g[1];
+    var _h = (0, react_2.useState)(null), error = _h[0], setError = _h[1];
+    var hideBack = currentStep === initStep.current && hideBackInFirstStep;
+    var _j = (0, useWarningWrongPasscode_1.useValidatePasscode)(), handleVerifyPasscode = _j.handleVerifyPasscode, warningContent = _j.warningContent, isLocked = _j.isLocked, handleClearUnknownError = _j.handleClearUnknownError, unknownError = _j.unknownError;
     var resetValue = function () {
         var _a;
         handleClearUnknownError();
@@ -318,9 +319,17 @@ var ChangePasscodeView = function (props) {
                 return { value: confirmPasscode, onChange: handleConfirmPasscodeChange };
         }
     };
-    var _j = getValueAndHandlerByStep(currentStep), value = _j.value, onChange = _j.onChange;
+    var _k = getValueAndHandlerByStep(currentStep), value = _k.value, onChange = _k.onChange;
     var keyboardId = (0, react_2.useMemo)(function () { return "".concat(idPrefix, "-").concat(isInitPasscode ? "init" : "change", "-passcode-keyboard"); }, [isInitPasscode, idPrefix]);
     var keyboardThemeMode = (0, providers_1.useKeyboardThemeMode)();
+    var offset = (0, providers_1.useWalletSetup)().offset;
+    var labelRef = (0, react_2.useRef)(null);
+    (0, react_2.useEffect)(function () {
+        setTimeout(function () {
+            var _a;
+            (_a = labelRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        }, 100);
+    }, []);
     return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { theme: keyboardThemeMode, id: keyboardId, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, value: value, onChange: onChange, viewFullHeight: true, styles: {
             container: {
                 height: "100%",
@@ -328,7 +337,10 @@ var ChangePasscodeView = function (props) {
             keyboardContainer: {
                 display: isLocked ? "none" : "block",
             },
-        }, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { ref: childPageLayoutRef, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { overrideBack: handleBack, title: pageTitle, renderBack: function (Back) { return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { useBrowserInput: false, htmlFor: keyboardId, children: Back })); } }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem", height: "100%" }, props.sx), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperControlledRef, disableSwipe: true, initialActiveTab: currentStep, sx: { height: "100%" }, swiperStyle: {
+            keyboards: {
+                paddingBottom: (offset === null || offset === void 0 ? void 0 : offset.bottom) || theme.styleMixins.pagePadding.paddingBottom,
+            },
+        }, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { ref: childPageLayoutRef, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { hideBack: hideBack, overrideBack: handleBack, title: pageTitle, renderBack: function (Back) { return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { useBrowserInput: false, htmlFor: keyboardId, children: Back })); } }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem", height: "100%", pb: 4 }, props.sx), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperControlledRef, disableSwipe: true, initialActiveTab: currentStep, sx: { height: "100%" }, swiperStyle: {
                         flex: 1,
                     }, children: [(0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                     display: "flex",
@@ -337,7 +349,7 @@ var ChangePasscodeView = function (props) {
                                     alignItems: "center",
                                     gap: "1rem",
                                     height: "100%",
-                                }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.sessionTitle), children: stepsContent[type_1.ChangePasscodeViewStep.ENTER_OLD_PASSCODE].title }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { useBrowserInput: false, htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { value: oldPasscode, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD, readOnly: true }) }), unknownError, warningContent, !!error && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.validationError), { alignSelf: "left" }), children: error })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.sessionDescription), children: stepsContent[type_1.ChangePasscodeViewStep.ENTER_OLD_PASSCODE].description })] }) }), (0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.sessionTitle), children: stepsContent[type_1.ChangePasscodeViewStep.ENTER_OLD_PASSCODE].title }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { ref: labelRef, useBrowserInput: false, htmlFor: keyboardId, autoFocus: true, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { value: oldPasscode, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD, readOnly: true }) }), unknownError, warningContent, !!error && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.validationError), { alignSelf: "left" }), children: error })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.sessionDescription), children: stepsContent[type_1.ChangePasscodeViewStep.ENTER_OLD_PASSCODE].description })] }) }), (0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                     display: "flex",
                                     flexDirection: "column",
                                     justifyContent: "center",

package/dist/components/TekWallet/components/views/InitPasscodeView.d.ts

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

package/dist/components/TekWallet/components/views/InitPasscodeView.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var useCustomRouter_1 = __importDefault(require("../../hooks/useCustomRouter"));
+var ChangePasscodeView_1 = __importDefault(require("./ChangePasscodeView"));
+var xhub_keyboard_1 = require("xhub-keyboard");
+function InitPasscodeView() {
+    var idPrefix = (0, xhub_keyboard_1.useUniqueId)();
+    var router = (0, useCustomRouter_1.default)();
+    var handleBackInitPasscodeView = function () {
+        router.back();
+    };
+    return ((0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { hideBackInFirstStep: true, isInitPasscode: true, onBack: handleBackInitPasscodeView, idPrefix: idPrefix }));
+}
+exports.default = InitPasscodeView;

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

@@ -107,9 +107,9 @@ var useUniqueId_1 = require("../../../../hooks/useUniqueId");
 var DrawerComponent_1 = __importDefault(require("../../../ui/DrawerComponent"));
 var ModalLayout_1 = __importDefault(require("../../../ui/ModalLayout"));
 var SelectNetwork_1 = __importDefault(require("./SelectNetwork"));
-var ChildPageLayout_1 = __importDefault(require("../../../layouts/ChildPageLayout"));
 var navigation_1 = require("next/navigation");
 var react_2 = require("motion/react");
+var FullHeightAndScroll_1 = __importDefault(require("../../../layouts/FullHeightAndScroll"));
 var validateAddressDebounce = (0, lodash_1.debounce)(function (callback) {
     callback();
 }, 500, { leading: true, trailing: true });
@@ -383,7 +383,7 @@ 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, theme: keyboardThemeMode, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { children: (0, jsx_runtime_1.jsx)(react_2.AnimatePresence, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16, minHeight: "100%", transition: "padding-bottom 0.3s ease-in-out" }), sx), (isKeyboardOpen
+        }, 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, theme: keyboardThemeMode, children: (0, jsx_runtime_1.jsx)(FullHeightAndScroll_1.default, { children: (0, jsx_runtime_1.jsx)(react_2.AnimatePresence, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16, minHeight: "100%", transition: "padding-bottom 0.3s ease-in-out" }), sx), (isKeyboardOpen
                         ? {
                             paddingBottom: theme.styleMixins.customPadding.p8,
                         }

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

@@ -32,6 +32,8 @@ var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayo
 var Summary_1 = __importDefault(require("./components/Summary"));
 var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
 var mui_1 = require("../../../theme/mui");
+var FullHeightAndScroll_1 = __importDefault(require("../../layouts/FullHeightAndScroll"));
+var providers_1 = require("../../../providers");
 var SendExternalStep;
 (function (SendExternalStep) {
     SendExternalStep[SendExternalStep["SELECT_TOKEN"] = 0] = "SELECT_TOKEN";
@@ -120,6 +122,7 @@ exports.SendExternalView = (0, react_1.forwardRef)(function (props, ref) {
             updateWithdrawToken();
         }
     }, [isInitPasscode, withdrawTokens]);
+    var offset = (0, providers_1.useWalletSetup)().offset;
     return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: WITHDRAW_STEP_NAME[currentStep], overrideBack: handleBack }), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { disableSwipe: true, ref: swiperRef, swiperProps: {
                 spaceBetween: 32,
                 speed: isChangeSlidePromptly ? 0 : 500,
@@ -127,7 +130,7 @@ exports.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), "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.styleMixins.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)(FullHeightAndScroll_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: !!selectedToken && ((0, jsx_runtime_1.jsx)(Form_1.default, { sx: __assign(__assign({}, theme.styleMixins.pagePadding), { paddingBottom: (offset === null || offset === void 0 ? void 0 : offset.bottom) || theme.styleMixins.pagePadding.paddingBottom }), 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/components/Form.js

@@ -101,9 +101,9 @@ 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 Formatter_1 = __importDefault(require("../../../ui/Formatter"));
 var navigation_1 = require("next/navigation");
+var FullHeightAndScroll_1 = __importDefault(require("../../../layouts/FullHeightAndScroll"));
 var validateAddressDebounce = (0, lodash_1.debounce)(function (callback) {
     callback();
 }, 500, { leading: true, trailing: true });
@@ -284,7 +284,7 @@ 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, theme: keyboardThemeMode, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16, minHeight: "100%", transition: "padding-bottom 0.3s ease-in-out" }), sx), (isKeyboardOpen
+        }, 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, theme: keyboardThemeMode, children: (0, jsx_runtime_1.jsx)(FullHeightAndScroll_1.default, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16, minHeight: "100%", transition: "padding-bottom 0.3s ease-in-out" }), sx), (isKeyboardOpen
                     ? {
                         paddingBottom: theme.styleMixins.customPadding.p8,
                     }

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

@@ -33,6 +33,7 @@ var Summary_1 = __importDefault(require("./components/Summary"));
 var Result_1 = __importDefault(require("./components/Result"));
 var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
 var mui_1 = require("../../../theme/mui");
+var FullHeightAndScroll_1 = __importDefault(require("../../layouts/FullHeightAndScroll"));
 var TransferStep;
 (function (TransferStep) {
     TransferStep[TransferStep["SELECT_TOKEN"] = 0] = "SELECT_TOKEN";
@@ -136,13 +137,13 @@ exports.SendInternalView = (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 }) }) }) }, 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)(FullHeightAndScroll_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",
                             paddingTop: "0px",
                             paddingBottom: "0px",
-                        }, children: selectedToken && ((0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(Form_1.default, { sx: __assign({}, theme.styleMixins.pagePadding), selectedToken: selectedToken, onContinue: gotoConfirmStep }, clearFormKey) })) }) }, TransferStep.FORM), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: { minHeight: "100%" }, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                        }, children: selectedToken && ((0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(Form_1.default, { sx: __assign(__assign({}, theme.styleMixins.pagePadding), { paddingBottom: "0px" }), 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/SendNftView/components/Form.js

@@ -94,9 +94,7 @@ var validate_wallet_address_service_1 = __importDefault(require("../../../../ser
 var lodash_1 = require("lodash");
 var Button_1 = __importStar(require("../../../ui/Button"));
 var expose_1 = require("../../../../services/axios/expose");
-var ChildPageLayout_1 = __importDefault(require("../../../layouts/ChildPageLayout"));
 var navigation_1 = require("next/navigation");
-var react_2 = require("motion/react");
 var useNft_1 = __importDefault(require("../../../../hooks/data/useNfts/useNft"));
 var NftItem_1 = __importDefault(require("../../../ui/NftItem"));
 var ConfirmSendNft_1 = __importDefault(require("../../../ui/ConfirmSendNft"));
@@ -201,22 +199,22 @@ function Form(props) {
             passcode: "", // passcode will be filled in the confirm component
         };
     }, [nftId, recipientAddress]);
-    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { children: (0, jsx_runtime_1.jsx)(react_2.AnimatePresence, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16, minHeight: "100%", transition: "padding-bottom 0.3s ease-in-out" }), sx), children: [(0, jsx_runtime_1.jsx)(NftItem_1.default, { id: nftId, noAction: true, useSnapshot: true }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                    fontSize: theme.typography.fontSize14,
-                                    color: theme.palette.text.primary,
-                                    fontWeight: theme.typography.fontWeight700,
-                                }, children: "Wallet address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { slotProps: {
-                                    input: {
-                                        placeholder: "Enter recipient address",
-                                        value: recipientAddress,
-                                        onChange: handleChangeRecipientAddress,
-                                        id: "recipient-address-input-id",
-                                    },
-                                }, canClear: true, canPaste: true, canScan: true, sanitizeScanText: sanitizeScanText }), !!recipientAddressError && !isValidatingAddress && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: recipientAddressError }))] }), (0, jsx_runtime_1.jsx)(ConfirmSendNft_1.default, { payload: payload, sx: { width: "100%", marginTop: "auto" }, childrenRender: function (isSendingNft) { return ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { fullWidth: true, loading: isValidatingAddress || isSendingNft, onClick: handleContinue, status: !recipientAddress ||
-                                !selectedNetwork ||
-                                !!recipientAddressError ||
-                                !nftId ||
-                                isSendingNft
-                                ? Button_1.BUTTON_STATUS.DISABLED
-                                : Button_1.BUTTON_STATUS.ENABLED, children: "Confirm" })); } })] }) }) }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16, minHeight: "100%", transition: "padding-bottom 0.3s ease-in-out" }), sx), children: [(0, jsx_runtime_1.jsx)(NftItem_1.default, { id: nftId, noAction: true, useSnapshot: true }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            fontSize: theme.typography.fontSize14,
+                            color: theme.palette.text.primary,
+                            fontWeight: theme.typography.fontWeight700,
+                        }, children: "Wallet address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { slotProps: {
+                            input: {
+                                placeholder: "Enter recipient address",
+                                value: recipientAddress,
+                                onChange: handleChangeRecipientAddress,
+                                id: "recipient-address-input-id",
+                            },
+                        }, canClear: true, canPaste: true, canScan: true, sanitizeScanText: sanitizeScanText }), !!recipientAddressError && !isValidatingAddress && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: recipientAddressError }))] }), (0, jsx_runtime_1.jsx)(ConfirmSendNft_1.default, { payload: payload, sx: { width: "100%", marginTop: "auto" }, childrenRender: function (isSendingNft) { return ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { fullWidth: true, loading: isValidatingAddress || isSendingNft, onClick: handleContinue, status: !recipientAddress ||
+                        !selectedNetwork ||
+                        !!recipientAddressError ||
+                        !nftId ||
+                        isSendingNft
+                        ? Button_1.BUTTON_STATUS.DISABLED
+                        : Button_1.BUTTON_STATUS.ENABLED, children: "Confirm" })); } })] }));
 }

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

@@ -160,6 +160,7 @@ var SwapView = function () {
         setIsChangeSlidePromptly(true);
     }, []);
     var keyboardThemeMode = (0, providers_1.useKeyboardThemeMode)();
+    var offset = (0, providers_1.useWalletSetup)().offset;
     return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { styles: {
             container: {
                 height: "100%",
@@ -174,7 +175,7 @@ var SwapView = function () {
                     height: "100%",
                 }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: __assign(__assign({ height: "100%", minHeight: "100%" }, theme.styleMixins.pagePadding), { paddingBottom: isKeyboardOpen
                                 ? theme.styleMixins.customPadding.p8
-                                : theme.styleMixins.customPadding.p24 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                : theme.styleMixins.pagePadding.paddingBottom }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                 display: "flex",
                                 flexDirection: "column",
                                 gap: theme.styleMixins.gaps.g12,
@@ -191,7 +192,7 @@ var SwapView = function () {
                                         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.styleMixins.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: {
+                                    }, 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(__assign({ height: "100%", minHeight: "100%" }, theme.styleMixins.pagePadding), { paddingBottom: (offset === null || offset === void 0 ? void 0 : offset.bottom) || theme.styleMixins.pagePadding.paddingBottom }), 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: {
                                 onClose: handleNewTransaction,
                                 onSuccess: handleOnSuccessSwap,
                             } }) }, SwapStep.CONFIRM)] }) }) }));

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

@@ -6,7 +6,8 @@ export declare enum TekWalletViewRoutes {
     ASSET = "/",
     NOT_FOUND = "/not-found",
     ACTIVITY = "/activity",
-    SETTING = "/setting"
+    SETTING = "/setting",
+    INIT_PASSCODE = "/init-passcode"
 }
 export interface TekWalletViewProps {
 }

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

@@ -19,6 +19,7 @@ var ActivityView_1 = __importDefault(require("../ActivityView"));
 var SettingView_1 = __importDefault(require("../SettingView"));
 var DelayMounted_1 = __importDefault(require("../../ui/DelayMounted"));
 var SendNftView_1 = __importDefault(require("../SendNftView"));
+var InitPasscodeView_1 = __importDefault(require("../InitPasscodeView"));
 var TekWalletViewRoutes;
 (function (TekWalletViewRoutes) {
     TekWalletViewRoutes["SEND_INTERNAL"] = "/send/internal";
@@ -29,6 +30,7 @@ var TekWalletViewRoutes;
     TekWalletViewRoutes["NOT_FOUND"] = "/not-found";
     TekWalletViewRoutes["ACTIVITY"] = "/activity";
     TekWalletViewRoutes["SETTING"] = "/setting";
+    TekWalletViewRoutes["INIT_PASSCODE"] = "/init-passcode";
 })(TekWalletViewRoutes || (exports.TekWalletViewRoutes = TekWalletViewRoutes = {}));
 function TekWalletView() {
     var _a, _b, _c, _d;
@@ -45,6 +47,9 @@ function TekWalletView() {
     if (path.startsWith(TekWalletViewRoutes.SEND_NFT)) {
         return (0, jsx_runtime_1.jsx)(SendNftView_1.default, {});
     }
+    if (path.startsWith(TekWalletViewRoutes.INIT_PASSCODE)) {
+        return ((0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 1, children: (0, jsx_runtime_1.jsx)(InitPasscodeView_1.default, {}) }));
+    }
     if (path.startsWith(TekWalletViewRoutes.SWAP)) {
         return ((0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 1, children: (0, jsx_runtime_1.jsx)(SwapView_1.default, {}) }));
     }

package/package.json

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

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

@@ -1,9 +0,0 @@
-import { Output, SupportedToken } from "../../../services/axios/get-swap-tokens-list-service/type";
-interface ModalSelectTokenProps {
-    setSwapToken?: (token: SupportedToken) => void;
-    token?: SupportedToken;
-    outputToken?: Output;
-    setOutputToken?: (output: Output) => void;
-}
-declare const ModalSelectToken: (props: ModalSelectTokenProps) => import("react/jsx-runtime").JSX.Element;
-export default ModalSelectToken;

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

@@ -1,127 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var react_1 = require("react");
-var useBoolean_1 = require("../../../hooks/useBoolean");
-var CardToken_1 = __importDefault(require("../CardToken"));
-var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
-var PageHeader_1 = __importDefault(require("../PageHeader"));
-var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
-var DrawerDrag_1 = __importStar(require("../DrawerDrag"));
-var Icon_1 = __importDefault(require("../Icon"));
-var Text_1 = __importDefault(require("../Text"));
-var mui_1 = require("../../../theme/mui");
-var ModalSelectToken = function (props) {
-    var setSwapToken = props.setSwapToken;
-    var selectTokenForm = (0, useBoolean_1.useBoolean)("selectTokenForm");
-    var selectTokenTo = (0, useBoolean_1.useBoolean)("selectTokenTo");
-    var open = selectTokenForm.value ? selectTokenForm.value : selectTokenTo.value;
-    var onOpen = selectTokenForm.value ? selectTokenForm.setTrue : selectTokenTo.setTrue;
-    var onClose = selectTokenForm.value ? selectTokenForm.setFalse : selectTokenTo.setFalse;
-    var _a = (0, useWallet_1.default)(), fromTokens = _a.fromTokens, updateSwapTokens = _a.updateSwapTokens;
-    var theme = (0, mui_1.useTheme)();
-    var router = (0, useCustomRouter_1.default)();
-    (0, react_1.useEffect)(function () {
-        if (fromTokens && fromTokens.length > 0 && !props.token && setSwapToken) {
-            setSwapToken(fromTokens[0]);
-        }
-    }, [fromTokens, props.token, setSwapToken, updateSwapTokens]);
-    var handleSelectToken = function (token) {
-        if (setSwapToken) {
-            setSwapToken(token);
-        }
-        onClose();
-    };
-    var handleOutputToken = function (output) {
-        if (props.setOutputToken) {
-            props.setOutputToken(output);
-        }
-        onClose();
-    };
-    return ((0, jsx_runtime_1.jsx)(DrawerDrag_1.default, { sx: {
-            "& .MuiDrawer-paper": {
-                width: "100%",
-            },
-        }, className: "!bg-white !rounded-none !size-full", anchor: DrawerDrag_1.DRAWER_DIRECTION.RIGHT, open: open, onClose: onClose, onOpen: onOpen, title: (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { overrideBack: onClose, onClick: onClose, title: selectTokenForm.value === true ? "Select from token" : "Select to token", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex gap-1 items-center ml-auto", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { onClick: function () { return router.push("/help"); }, src: (0, getIcon_1.default)("help") }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", sx: {
-                                height: "15px",
-                                width: "1px",
-                                backgroundColor: theme.palette.divider,
-                                marginLeft: theme.styleMixins.customMargin.m4,
-                                marginRight: theme.styleMixins.customMargin.m4,
-                            } }), (0, jsx_runtime_1.jsx)(Icon_1.default, { onClick: function () { return router.push("/history"); }, src: (0, getIcon_1.default)("history") })] }) }) }), content: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.styleMixins.pagePadding), children: [(0, jsx_runtime_1.jsx)(material_1.InputBase, { startAdornment: (0, jsx_runtime_1.jsx)(material_1.InputAdornment, { className: "size-5 text-black", position: "start", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { className: "size-5", src: (0, getIcon_1.default)("search") }) }), placeholder: "Search", sx: {
-                        "input::placeholder": {
-                            fontSize: theme.typography.fontSize12,
-                            color: theme.palette.text.primary,
-                            fontWeight: theme.typography.fontWeight500,
-                            pl: theme.styleMixins.customPadding.p4,
-                        },
-                    }, className: "w-full flex items-center py-1 px-2 rounded-12 border border-".concat(theme.palette.divider, " bg-white text-black") }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "py-4 mt-3 h-[50dvh] space-y-3", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                color: theme.palette.text.secondary,
-                                                fontSize: theme.typography.fontSize12,
-                                                fontWeight: theme.typography.fontWeight600,
-                                            }, children: "Token" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.styleMixins.column), className: "items-center gap-0.5", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_drop_up") }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_drop_down") })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                color: theme.palette.text.secondary,
-                                                fontSize: theme.typography.fontSize12,
-                                                fontWeight: theme.typography.fontWeight600,
-                                            }, children: "Balance" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex items-center gap-0.5 flex-col", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_drop_up") }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_drop_down") })] })] })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { className: "space-y-3", children: selectTokenForm.value
-                                ? fromTokens === null || fromTokens === void 0 ? void 0 : fromTokens.map(function (token) {
-                                    var _a;
-                                    return ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: function () { return handleSelectToken(token); }, children: (0, jsx_runtime_1.jsx)(CardToken_1.default, { icon: token.link, symbol: token.full_name, price: "".concat(Number(token.balance).toFixed(2)), balance: token.name, rate: String(Number(token.usd_rate)), isActive: token.id === ((_a = props.token) === null || _a === void 0 ? void 0 : _a.id) }, token.id) }, token.id));
-                                })
-                                : selectTokenTo.value &&
-                                    props.token &&
-                                    props.token.outputs.map(function (output) {
-                                        var _a;
-                                        return ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: function () { return handleOutputToken(output); }, children: (0, jsx_runtime_1.jsx)(CardToken_1.default, { icon: output.link, symbol: output.full_name, price: "".concat(Number(output.balance).toFixed(2)), balance: output.name, rate: String(Number(output.usd_rate)), isActive: output.id === ((_a = props.outputToken) === null || _a === void 0 ? void 0 : _a.id) }, output.id) }, output.id));
-                                    }) })] })] }) }));
-};
-exports.default = ModalSelectToken;

package/dist/components/TekWallet/components/ui/ReceiveHistory/ReceiveCardHistory.d.ts

@@ -1,11 +0,0 @@
-interface ReceiveCardHistory {
-    className?: string;
-    amount?: number;
-    toAddress?: string;
-    date?: string;
-    status?: string;
-    currencySlug?: string;
-    network?: string;
-}
-declare const ReceiveCardHistory: ({ toAddress, date, amount, currencySlug, network, status, }: ReceiveCardHistory) => import("react/jsx-runtime").JSX.Element;
-export default ReceiveCardHistory;