tek-wallet 0.0.826 → 0.0.828

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,102 +78,91 @@ 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 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 react_1 = require("react");
-var TekWalletView_1 = require("../TekWalletView");
+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 handleRefresh = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             return [2 /*return*/, updateWalletDetail()];
         });
     }); };
-    (0, react_1.useEffect)(function () {
-        router.prefetch("".concat(basePath || "", "/tek-wallet/").concat(TekWalletView_1.TekWalletViewRoutes.INIT_PASSCODE));
-    }, [router, basePath]);
-    (0, react_1.useEffect)(function () {
-        if (!isInitPasscode && !!masterWallet) {
-            router.push("".concat(basePath || "", "/tek-wallet/").concat(TekWalletView_1.TekWalletViewRoutes.INIT_PASSCODE));
-        }
-    }, [isInitPasscode, masterWallet, router, basePath]);
-    return ((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: {
-                        gridTemplateColumns: "1fr 1px 1fr 1px 1fr",
-                    }, items: [
-                        (0, jsx_runtime_1.jsx)(ReceiveFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { component: ClickEffect_1.default, sx: {
-                                    placeContent: "center",
-                                    columnSpan: 1,
-                                }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_RECEIVE", label: "Receive", sx: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isInitPasscode && !!masterWallet && (0, jsx_runtime_1.jsx)(InitPasscodeView_1.default, { useAutoBack: false }), !!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: {
+                                gridTemplateColumns: "1fr 1px 1fr 1px 1fr",
+                            }, items: [
+                                (0, jsx_runtime_1.jsx)(ReceiveFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { component: ClickEffect_1.default, sx: {
+                                            placeContent: "center",
+                                            columnSpan: 1,
+                                        }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_RECEIVE", label: "Receive", sx: {
+                                                width: "100%",
+                                            } }) }) }, "receive"),
+                                (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                        width: "100%",
+                                        height: "100%",
+                                        backgroundColor: theme.palette.divider,
+                                    } }, "divider-1"),
+                                (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath || "", "/tek-wallet/send/external"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { component: ClickEffect_1.default, sx: {
+                                            placeContent: "center",
+                                            columnSpan: 1,
+                                        }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_WITHDRAW_FC", label: "Withdraw", sx: { width: "100%" } }) }) }, "withdraw"),
+                                (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                         width: "100%",
-                                    } }) }) }, "receive"),
-                        (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                width: "100%",
-                                height: "100%",
-                                backgroundColor: theme.palette.divider,
-                            } }, "divider-1"),
-                        (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath || "", "/tek-wallet/send/external"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { component: ClickEffect_1.default, sx: {
-                                    placeContent: "center",
-                                    columnSpan: 1,
-                                }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_WITHDRAW_FC", label: "Withdraw", sx: { width: "100%" } }) }) }, "withdraw"),
-                        (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                width: "100%",
-                                height: "100%",
-                                backgroundColor: theme.palette.divider,
-                            } }, "divider-2"),
-                        (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath || "", "/tek-wallet/send/internal"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { component: ClickEffect_1.default, sx: {
-                                    placeContent: "center",
-                                    columnSpan: 1,
-                                }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_TRANSFER", label: "Transfer", sx: { width: "100%" } }) }) }, "send-internal"),
-                        // <Link href={`${basePath || ""}/tek-wallet/swap`} key="swap">
-                        //   <ListItem
-                        //     component={ClickEffect}
-                        //     sx={{
-                        //       placeContent: "center",
-                        //       columnSpan: 1,
-                        //     }}
-                        //   >
-                        //     <FunctionItem icon={"IC_SWAP_FC"} label="Swap" sx={{ width: "100%" }} />
-                        //   </ListItem>
-                        // </Link>,
-                    ] }), !hideActivitySectionInAssetView && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                                display: "flex",
-                                gap: theme.styleMixins.gaps.g20,
-                            }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.sessionTitle), children: "Activity" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: link_1.default, href: "".concat(basePath || "", "/tek-wallet/activity"), sx: {
-                                        marginLeft: "auto",
+                                        height: "100%",
+                                        backgroundColor: theme.palette.divider,
+                                    } }, "divider-2"),
+                                (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath || "", "/tek-wallet/send/internal"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { component: ClickEffect_1.default, sx: {
+                                            placeContent: "center",
+                                            columnSpan: 1,
+                                        }, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_TRANSFER", label: "Transfer", sx: { width: "100%" } }) }) }, "send-internal"),
+                                // <Link href={`${basePath || ""}/tek-wallet/swap`} key="swap">
+                                //   <ListItem
+                                //     component={ClickEffect}
+                                //     sx={{
+                                //       placeContent: "center",
+                                //       columnSpan: 1,
+                                //     }}
+                                //   >
+                                //     <FunctionItem icon={"IC_SWAP_FC"} label="Swap" sx={{ width: "100%" }} />
+                                //   </ListItem>
+                                // </Link>,
+                            ] }), !hideActivitySectionInAssetView && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                         display: "flex",
-                                        alignItems: "center",
-                                        color: theme.palette.text.primary,
-                                    }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                                fontSize: theme.typography.fontSize13,
-                                                fontWeight: theme.typography.fontWeight400,
-                                                cursor: "pointer",
-                                            }, children: "View all" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_ARROW_RIGHT", width: 16, height: 18 })] })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                position: "relative",
-                                left: "-".concat(theme.styleMixins.customPadding.p16),
-                                width: "calc(100% + ".concat(theme.styleMixins.customPadding.p16, " * 2)"),
-                            }, children: (0, jsx_runtime_1.jsx)(ActivitiesTypeSlice_1.default, { type: const_1.ACTIVITIES_TYPE_ALL, limitItems: 4, isActive: true, sx: {
-                                    paddingBottom: 0,
-                                    paddingTop: 0,
-                                    paddingLeft: 0,
-                                    paddingRight: 0,
-                                }, smartListProps: {
-                                    bodySx: {
-                                        pt: 0,
-                                        pb: 0,
-                                    },
-                                } }) })] })), (0, jsx_runtime_1.jsx)(AssetsBoard_1.default, {})] })) }));
+                                        gap: theme.styleMixins.gaps.g20,
+                                    }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.sessionTitle), children: "Activity" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: link_1.default, href: "".concat(basePath || "", "/tek-wallet/activity"), sx: {
+                                                marginLeft: "auto",
+                                                display: "flex",
+                                                alignItems: "center",
+                                                color: theme.palette.text.primary,
+                                            }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                        fontSize: theme.typography.fontSize13,
+                                                        fontWeight: theme.typography.fontWeight400,
+                                                        cursor: "pointer",
+                                                    }, children: "View all" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_ARROW_RIGHT", width: 16, height: 18 })] })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                        position: "relative",
+                                        left: "-".concat(theme.styleMixins.customPadding.p16),
+                                        width: "calc(100% + ".concat(theme.styleMixins.customPadding.p16, " * 2)"),
+                                    }, children: (0, jsx_runtime_1.jsx)(ActivitiesTypeSlice_1.default, { type: const_1.ACTIVITIES_TYPE_ALL, limitItems: 4, isActive: true, sx: {
+                                            paddingBottom: 0,
+                                            paddingTop: 0,
+                                            paddingLeft: 0,
+                                            paddingRight: 0,
+                                        }, smartListProps: {
+                                            bodySx: {
+                                                pt: 0,
+                                                pb: 0,
+                                            },
+                                        } }) })] })), (0, jsx_runtime_1.jsx)(AssetsBoard_1.default, {})] })) }))] }));
 };
 exports.AssetView = AssetView;
 exports.default = exports.AssetView;

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

@@ -4,6 +4,7 @@ interface ChangePasscodeViewProps extends GeneralProps {
     isInitPasscode?: boolean;
     idPrefix?: string;
     hideBackInFirstStep?: boolean;
+    useAutoBack?: 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, _c = props.hideBackInFirstStep, hideBackInFirstStep = _c === void 0 ? false : _c;
+    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, _d = props.useAutoBack, useAutoBack = _d === void 0 ? true : _d;
     var initStep = (0, react_2.useRef)(isInitPasscode
         ? type_1.ChangePasscodeViewStep.ENTER_NEW_PASSCODE
         : type_1.ChangePasscodeViewStep.ENTER_OLD_PASSCODE);
@@ -115,15 +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 _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 _e = (0, react_2.useState)(""), oldPasscode = _e[0], setOldPasscode = _e[1];
+    var _f = (0, react_2.useState)(""), newPasscode = _f[0], setNewPasscode = _f[1];
+    var _g = (0, react_2.useState)(""), confirmPasscode = _g[0], setConfirmPasscode = _g[1];
     var swiperControlledRef = (0, react_2.useRef)(null);
     var childPageLayoutRef = (0, react_2.useRef)(null);
-    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 _h = (0, react_2.useState)(initStep.current), currentStep = _h[0], setCurrentStep = _h[1];
+    var _j = (0, react_2.useState)(null), error = _j[0], setError = _j[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 _k = (0, useWarningWrongPasscode_1.useValidatePasscode)(), handleVerifyPasscode = _k.handleVerifyPasscode, warningContent = _k.warningContent, isLocked = _k.isLocked, handleClearUnknownError = _k.handleClearUnknownError, unknownError = _k.unknownError;
     var resetValue = function () {
         var _a;
         handleClearUnknownError();
@@ -240,7 +240,7 @@ var ChangePasscodeView = function (props) {
                     if (res.success) {
                         (_d = childPageLayoutRef.current) === null || _d === void 0 ? void 0 : _d.showSuccess();
                         setTimeout(function () {
-                            handleDone();
+                            useAutoBack && handleDone();
                         }, 1000);
                     }
                     else {
@@ -272,7 +272,7 @@ var ChangePasscodeView = function (props) {
                     if (res.success) {
                         (_d = childPageLayoutRef.current) === null || _d === void 0 ? void 0 : _d.showSuccess();
                         setTimeout(function () {
-                            handleDone();
+                            useAutoBack && handleDone();
                         }, 1000);
                     }
                     else {
@@ -319,9 +319,17 @@ var ChangePasscodeView = function (props) {
                 return { value: confirmPasscode, onChange: handleConfirmPasscodeChange };
         }
     };
-    var _k = getValueAndHandlerByStep(currentStep), value = _k.value, onChange = _k.onChange;
+    var _l = getValueAndHandlerByStep(currentStep), value = _l.value, onChange = _l.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%",
@@ -329,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, { 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%" }, 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",
@@ -338,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, 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

@@ -1,2 +1,5 @@
-declare function InitPasscodeView(): import("react/jsx-runtime").JSX.Element;
+export interface InitPasscodeViewProps {
+    useAutoBack?: boolean;
+}
+declare function InitPasscodeView(props: InitPasscodeViewProps): import("react/jsx-runtime").JSX.Element;
 export default InitPasscodeView;

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

@@ -7,12 +7,14 @@ 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 react_1 = require("react");
+function InitPasscodeView(props) {
+    var _a = props.useAutoBack, useAutoBack = _a === void 0 ? true : _a;
     var idPrefix = (0, xhub_keyboard_1.useUniqueId)();
     var router = (0, useCustomRouter_1.default)();
-    var handleBackInitPasscodeView = function () {
+    var handleBackInitPasscodeView = (0, react_1.useCallback)(function () {
         router.back();
-    };
-    return ((0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { hideBackInFirstStep: true, isInitPasscode: true, onBack: handleBackInitPasscodeView, idPrefix: idPrefix }));
+    }, [router]);
+    return ((0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { hideBackInFirstStep: true, isInitPasscode: true, onBack: handleBackInitPasscodeView, idPrefix: idPrefix, useAutoBack: useAutoBack }));
 }
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.826",
+  "version": "0.0.828",
   "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;