tek-wallet 0.0.823 → 0.0.825

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

@@ -70,10 +70,12 @@ var mui_1 = require("../../../theme/mui");
 var AppBackDrop_1 = __importDefault(require("../../ui/AppBackDrop"));
 var react_simple_pull_to_refresh_1 = __importDefault(require("react-simple-pull-to-refresh"));
 var Refresh_1 = __importDefault(require("../../ui/Atoms/Refresh"));
+var providers_1 = require("../../../providers");
 var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
     var header = props.header, footer = props.footer, children = props.children, sx = props.sx, className = props.className, classNames = props.classNames, statusMessage = props.statusMessage, sxs = props.sxs, pullToRefreshProps = props.pullToRefreshProps, rest = __rest(props, ["header", "footer", "children", "sx", "className", "classNames", "statusMessage", "sxs", "pullToRefreshProps"]);
     var _a = (0, react_1.useState)(StatusDisplay_1.StatusDisplayType.Normal), status = _a[0], setStatus = _a[1];
     var theme = (0, mui_1.useTheme)();
+    var offset = (0, providers_1.useWalletSetup)().offset;
     var _b = pullToRefreshProps || {}, onRefresh = _b.onRefresh, isPullable = _b.isPullable, restPullToRefreshProps = __rest(_b, ["onRefresh", "isPullable"]);
     (0, react_1.useImperativeHandle)(ref, function () {
         return {
@@ -96,7 +98,7 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
             return [2 /*return*/, Promise.all([new Promise(function (resolve) { return setTimeout(resolve, 1000); }), onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh()])]; // for user feel data is loading
         });
     }); };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: ref, sx: __assign({ height: "100%", width: "100%", display: "grid", gridTemplateRows: "auto 1fr auto", position: "relative", overflow: "hidden", backgroundColor: theme.palette.background.default }, sx), className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.header), className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, sxs === null || sxs === void 0 ? void 0 : sxs.body), className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: [!!isPullable && ((0, jsx_runtime_1.jsx)(react_simple_pull_to_refresh_1.default, __assign({ pullingContent: null, refreshingContent: ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", pt: 3 }, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) })) }, restPullToRefreshProps, { onRefresh: handleRefresh, children: children }))), !isPullable && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.footer), className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { open: true, hideProgress: true, message: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status, statusMessage: statusMessage === null || statusMessage === void 0 ? void 0 : statusMessage[status] }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: ref, sx: __assign({ height: "100%", width: "100%", display: "grid", gridTemplateRows: "auto 1fr auto", position: "relative", overflow: "hidden", backgroundColor: theme.palette.background.default, pt: offset === null || offset === void 0 ? void 0 : offset.top }, sx), className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.header), className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, sxs === null || sxs === void 0 ? void 0 : sxs.body), className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: [!!isPullable && ((0, jsx_runtime_1.jsx)(react_simple_pull_to_refresh_1.default, __assign({ pullingContent: null, refreshingContent: ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", pt: 3 }, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) })) }, restPullToRefreshProps, { onRefresh: handleRefresh, children: children }))), !isPullable && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.footer), className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { open: true, hideProgress: true, message: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status, statusMessage: statusMessage === null || statusMessage === void 0 ? void 0 : statusMessage[status] }) }))] })));
 });
 ChildPageLayout.displayName = "ChildPageLayout";
 exports.default = ChildPageLayout;

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

@@ -15,8 +15,10 @@ 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");
 var DefaultPageLayout = function (props) {
     var theme = (0, mui_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.styleMixins.pagePadding), { minHeight: "100%", width: "100%" }), props.sx), children: props.children }));
+    var offset = (0, providers_1.useWalletSetup)().offset;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.styleMixins.pagePadding), { pb: (offset === null || offset === void 0 ? void 0 : offset.bottom) || theme.styleMixins.pagePadding.paddingBottom, minHeight: "100%", width: "100%" }), props.sx), children: props.children }));
 };
 exports.default = DefaultPageLayout;

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

@@ -67,11 +67,13 @@ var AssetViewHeader = function () {
     var options = (0, TekWalletProvider_1.useWalletSetup)().options;
     var theme = (0, mui_1.useTheme)();
     var modalRef = (0, react_1.useRef)(null);
+    var offset = (0, TekWalletProvider_1.useWalletSetup)().offset;
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { justifyContent: "start", position: "relative", boxShadow: "0 0 1px 2px rgba(0, 0, 0, 0.03)", px: theme.styleMixins.customPadding.p16 }), children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: modalRef, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.styleMixins.row), { alignItems: "center", justifyContent: "start", textAlign: "center", gap: theme.styleMixins.gaps.g4, py: theme.styleMixins.customPadding.p8 }), theme.styleMixins.value), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1.25rem", height: "1.25rem" }, children: SvgPath_1.WALLET }), (0, compactWalletAddress_1.default)(masterWallet), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "0.625rem", height: "0.625rem" }, children: SvgPath_1.ARROW_DROP_DOWN })] }), direction: DrawerComponent_1.DRAWER_DIRECTION.TOP, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                         width: "100%",
                         height: "fit-content",
                         backgroundColor: "background.default",
                         padding: theme.styleMixins.customPadding.p16,
+                        pt: (offset === null || offset === void 0 ? void 0 : offset.top) || theme.styleMixins.customPadding.p16,
                     }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { component: "div", sx: __assign(__assign({}, theme.styleMixins.headerTitle), { py: theme.styleMixins.customPadding.p8, textAlign: "left" }), children: "Wallet address" }), (0, jsx_runtime_1.jsx)(CloseModal_1.default, { onClick: function () { var _a; return (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.close(); } })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.styleMixins.column), children: [!!masterWallet && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: masterWallet !== null && masterWallet !== void 0 ? masterWallet : "", messageSuccess: "Copied Internal address", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ py: theme.styleMixins.customPadding.p8 }, theme.styleMixins.row), { justifyContent: "space-between", alignItems: "center", gap: theme.styleMixins.gaps.g8, color: "text.primary" }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1.75rem", height: "1.75rem", opacity: 0.7 }, children: SvgPath_1.WALLET }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.styleMixins.column), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.listTitle), { color: "inherit" }), children: "Internal wallet" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.styleMixins.listDescription), children: (0, compactWalletAddress_1.default)(masterWallet) })] }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1rem", height: "1rem" }, children: SvgPath_1.IC_COPY })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
                                                 my: theme.styleMixins.customPadding.p8,
                                             } })] })), blockchainWallets === null || blockchainWallets === void 0 ? void 0 : blockchainWallets.map(function (wallet, index) { return ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: wallet.blockchainAddress, messageSuccess: "Copied ".concat(wallet.networkName, " address"), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ py: theme.styleMixins.customPadding.p8 }, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g8, justifyContent: "space-between", alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: wallet.networkIcon, width: 28, sx: { borderRadius: theme.styleMixins.customRadius.full } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.styleMixins.column), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.styleMixins.listTitle), children: wallet.networkName }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.styleMixins.listDescription), children: (0, compactWalletAddress_1.default)(wallet.blockchainAddress) })] }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "1rem", height: "1rem" }, children: SvgPath_1.IC_COPY })] }) }, wallet.blockchainAddress + index)); })] })] }) }), (0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat((options === null || options === void 0 ? void 0 : options.basePath) || "", "/tek-wallet/").concat(TekWalletView_1.TekWalletViewRoutes.SETTING), children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {

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

@@ -131,7 +131,7 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
         onScan === null || onScan === void 0 ? void 0 : onScan(text);
         close();
     }, [onResult, onScan]);
-    var _d = (0, providers_1.useWalletSetup)(), topOffset = _d.topOffset, overrideQRScanMethod = _d.overrideQRScanMethod;
+    var _d = (0, providers_1.useWalletSetup)(), offset = _d.offset, overrideQRScanMethod = _d.overrideQRScanMethod;
     if (!!overrideQRScanMethod) {
         var handleOverrideQRScanMethod = function () { return __awaiter(void 0, void 0, void 0, function () {
             var result, fakeIDetectedBarcode, error_1;
@@ -172,7 +172,7 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
                 backgroundColor: "transparent !important",
             }, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { hideBack: true, title: "Scan QR code", sx: {
                     position: "absolute",
-                    top: topOffset || 0,
+                    top: (offset === null || offset === void 0 ? void 0 : offset.top) || 0,
                     left: 0,
                     right: 0,
                     zIndex: 1001,

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

@@ -102,74 +102,74 @@ var AssetView = function (props) {
             return [2 /*return*/, updateWalletDetail()];
         });
     }); };
-    return ((0, jsx_runtime_1.jsxs)(ChildPageLayout_1.default, { header: !!isInitPasscode && (0, jsx_runtime_1.jsx)(AssetViewHeader_1.default, {}), pullToRefreshProps: {
-            isPullable: !!isInitPasscode,
-            onRefresh: handleRefresh,
-        }, children: [!isInitPasscode && !!masterWallet && ((0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { isInitPasscode: true, onBack: handleBackInitPasscodeView, idPrefix: idPrefix })), !!isInitPasscode && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, rest, { sx: __assign({ display: "flex", flexDirection: "column", gap: theme.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%",
-                                    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",
-                                            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, {})] })))] }));
+    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: {
+                    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%",
+                                        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",
+                                                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/SettingView/index.js

@@ -72,9 +72,9 @@ var SettingView = function (props) {
         onLogout === null || onLogout === void 0 ? void 0 : onLogout();
         setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
     };
-    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Setting" }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(ChangePasscode_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { hideTag: true, title: "Change Passcode", description: "Change your passcode", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "2rem", height: "2rem", color: "text.secondary" }, children: SvgPath_1.IC_CHANGE_PASSCODE }) }) }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: {
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Setting" }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(ChangePasscode_1.default, { children: (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { hideTag: true, title: "Change Passcode", description: "Change your passcode", icon: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: "2rem", height: "2rem", color: "text.secondary" }, children: SvgPath_1.IC_CHANGE_PASSCODE }) }) }), !!onLogout && ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: {
                         marginTop: "auto",
-                    }, color: "error", onClick: handleLogout, status: buttonStatus, children: "Logout" })] }) }));
+                    }, color: "error", onClick: handleLogout, status: buttonStatus, children: "Logout" }))] }) }));
 };
 exports.SettingView = SettingView;
 exports.default = exports.SettingView;

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

@@ -16,13 +16,19 @@ export interface Options {
     hideBackButtons: Partial<Record<Views, boolean>>;
     disableRefetchOnFocus?: boolean;
 }
+export interface OffsetOptions {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+}
 export interface TekWalletProviderProps {
     children: ReactNode;
     isSSO?: boolean;
     accessToken?: string;
     options?: Options;
     onLogout?: () => void;
-    topOffset?: number;
+    offset?: OffsetOptions;
     NotFoundPage?: ReactNode;
     overrideQRScanMethod?: () => Promise<string>;
     theme?: Theme;
@@ -32,7 +38,7 @@ export interface TekWalletContextType {
     isSSO: boolean | undefined;
     options?: Options;
     onLogout?: () => void;
-    topOffset?: number;
+    offset?: OffsetOptions;
     theme?: Theme;
     themeMode?: ThemeModes;
     overrideQRScanMethod?: () => Promise<string>;
@@ -40,7 +46,7 @@ export interface TekWalletContextType {
     accessToken?: string;
 }
 export declare const TekWalletContext: import("react").Context<TekWalletContextType>;
-export declare function TekWalletProvider({ children, isSSO, accessToken, options, topOffset, onLogout, overrideQRScanMethod, theme, themeMode, NotFoundPage, }: TekWalletProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TekWalletProvider({ children, isSSO, accessToken, options, offset: offset, onLogout, overrideQRScanMethod, theme, themeMode, NotFoundPage, }: TekWalletProviderProps): import("react/jsx-runtime").JSX.Element;
 export default TekWalletProvider;
 export declare const useWalletSetup: () => TekWalletContextType;
 export declare const useKeyboardThemeMode: () => THEME;

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

@@ -33,7 +33,7 @@ var initialTekWalletContext = {
 };
 exports.TekWalletContext = (0, react_1.createContext)(initialTekWalletContext);
 function TekWalletProvider(_a) {
-    var children = _a.children, isSSO = _a.isSSO, accessToken = _a.accessToken, options = _a.options, topOffset = _a.topOffset, onLogout = _a.onLogout, overrideQRScanMethod = _a.overrideQRScanMethod, theme = _a.theme, themeMode = _a.themeMode, NotFoundPage = _a.NotFoundPage;
+    var children = _a.children, isSSO = _a.isSSO, accessToken = _a.accessToken, options = _a.options, offset = _a.offset, onLogout = _a.onLogout, overrideQRScanMethod = _a.overrideQRScanMethod, theme = _a.theme, themeMode = _a.themeMode, NotFoundPage = _a.NotFoundPage;
     var WalletProvider = isSSO ? WalletDataProviderNoImport_1.default : WalletDataProvider_1.default;
     var _b = (0, react_1.useState)("1"), resetTrigger = _b[0], setResetTrigger = _b[1];
     var onDisconnect = function () {
@@ -43,7 +43,7 @@ function TekWalletProvider(_a) {
             isSSO: isSSO,
             options: options,
             onLogout: onLogout,
-            topOffset: topOffset,
+            offset: offset,
             overrideQRScanMethod: overrideQRScanMethod,
             theme: theme,
             themeMode: themeMode,

package/package.json

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