tek-wallet 0.0.768 → 0.0.770

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

@@ -39,7 +39,7 @@ function ActivitiesTypeSlice(props) {
     var theme = (0, ThemeProvider_1.useTheme)();
     var _c = (0, useActivities_1.default)(), activities = _c.activities, loadActivities = _c.loadActivities, loadOutActivityType = _c.loadOutActivityType;
     var type = props.type, isActive = props.isActive, limitItems = props.limitItems, sx = props.sx, smartListProps = props.smartListProps;
-    var options = (0, TekWalletProvider_1.useWalletConfig)().options;
+    var options = (0, TekWalletProvider_1.useWalletSetup)().options;
     var basePath = (options || {}).basePath;
     var activitiesByType = (0, react_1.useMemo)(function () {
         if (!(type === null || type === void 0 ? void 0 : type.slug))

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

@@ -58,6 +58,9 @@ function ActivityDetail(props) {
             return masterWallet;
         return activityData === null || activityData === void 0 ? void 0 : activityData.to_address;
     }, [activityData, isSwap, masterWallet]);
+    var message = (0, react_2.useMemo)(function () {
+        return activityData === null || activityData === void 0 ? void 0 : activityData.message;
+    }, [activityData]);
     var getStatusColor = (0, react_1.useCallback)(function () {
         switch (status) {
             case type_1.TransactionStatus.Processing:
@@ -77,9 +80,10 @@ function ActivityDetail(props) {
     }, [isIncrease, theme]);
     if (!activityData)
         return null;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, alignItems: "center" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: currency === null || currency === void 0 ? void 0 : currency.link, width: 64, sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, alignItems: "center" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { filter: "drop-shadow(0 0 0.5rem #00000016)" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: currency === null || currency === void 0 ? void 0 : currency.link, width: 64, sx: {
                             borderRadius: theme.mixins.customRadius.full,
                             border: isSwap ? "0.25rem white solid" : "none",
+                            // boxShadow: "0 0 20px 2px #00000029",
                             // ml: "-0.5rem",
                         } }), (swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.link) && ((0, jsx_runtime_1.jsx)(Icon_1.default, { src: swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.link, width: 64, sx: {
                             borderRadius: theme.mixins.customRadius.full,
@@ -91,6 +95,6 @@ function ActivityDetail(props) {
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: getStatusColor(),
-                                }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { p: 0, width: "100%" }), children: [isReceive && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: activityData === null || activityData === void 0 ? void 0 : activityData.from_address, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "From" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g24, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "left" }), children: activityData === null || activityData === void 0 ? void 0 : activityData.from_address }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 16, height: 16 }, children: SvgPath_1.IC_COPY })] })] }) })), !!toAddress && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: toAddress, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Recipient address" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g24, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "left" }), children: toAddress }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 16, height: 16 }, children: SvgPath_1.IC_COPY })] })] }) }))] })] }));
+                                }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { p: 0, width: "100%" }), children: [isReceive && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: activityData === null || activityData === void 0 ? void 0 : activityData.from_address, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "From" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g24, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "left" }), children: activityData === null || activityData === void 0 ? void 0 : activityData.from_address }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 16, height: 16 }, children: SvgPath_1.IC_COPY })] })] }) })), !!toAddress && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: toAddress, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Recipient address" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g24, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "left" }), children: toAddress }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 16, height: 16 }, children: SvgPath_1.IC_COPY })] })] }) })), !!message && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Message" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g24, alignItems: "center" }), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { textAlign: "left" }), children: message }) })] }))] })] }));
 }
 exports.default = ActivityDetail;

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

@@ -64,7 +64,7 @@ var TekWalletView_1 = require("../../views/TekWalletView");
 var Icon_1 = __importDefault(require("../Icon"));
 var AssetViewHeader = function () {
     var _a = (0, useWallet_1.default)(), masterWallet = _a.masterWallet, blockchainWallets = _a.blockchainWallets;
-    var options = (0, TekWalletProvider_1.useWalletConfig)().options;
+    var options = (0, TekWalletProvider_1.useWalletSetup)().options;
     var theme = (0, ThemeProvider_1.useTheme)();
     var modalRef = (0, react_1.useRef)(null);
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "center", position: "relative", boxShadow: "0 0 1px 2px rgba(0, 0, 0, 0.03)" }), 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.mixins.row), { alignItems: "center", justifyContent: "center", textAlign: "center", gap: theme.mixins.gaps.g4, py: theme.mixins.customPadding.p8 }), theme.mixins.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: {

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

@@ -98,11 +98,11 @@ function Result(props) {
                                             height: 20,
                                             borderRadius: "999px",
                                         } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "inherit" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toAmount }) })] }) }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Price", titleStyle: {
-                                fontSize: "0.6875rem",
+                                fontSize: "0.875rem",
                                 fontWeight: 500,
                                 color: "gray.700",
                             }, value: !!toTokenRate && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: ["1 ", fromToken === null || fromToken === void 0 ? void 0 : fromToken.name, " ~ ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toTokenRate, unit: toToken === null || toToken === void 0 ? void 0 : toToken.name })] })), isAligned: true }), !!(transaction === null || transaction === void 0 ? void 0 : transaction.date_created) && ((0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Date", titleStyle: {
-                                fontSize: "0.6875rem",
+                                fontSize: "0.875rem",
                                 fontWeight: 500,
                                 color: "gray.700",
                             }, value: !!toTokenRate && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: formatDate(transaction === null || transaction === void 0 ? void 0 : transaction.date_created, true) })), isAligned: true }))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {

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

@@ -28,7 +28,7 @@ var DetailSwap = function (props) {
                         color: theme.palette.text.accent2,
                         fontSize: theme.typography.fontSize13,
                         fontWeight: theme.typography.fontWeight400,
-                    }, children: "Transaction summary:" }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                    }, children: "Transaction summary" }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                         color: theme.palette.text.accent,
                         fontSize: theme.typography.fontSize12,
                         fontWeight: theme.typography.fontWeight400,

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

@@ -12,8 +12,6 @@ var AppBackDrop_1 = __importDefault(require("../AppBackDrop"));
 var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
 var PageHeader_1 = __importDefault(require("../PageHeader"));
 var providers_1 = require("../../../providers");
-var lottie_react_1 = __importDefault(require("lottie-react"));
-var reader_json_1 = __importDefault(require("./reader.json"));
 var STYLES = {
     borderWidth: "4px",
     borderColor: "#ffffff",
@@ -82,18 +80,19 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
     }, [isOpen]);
     (0, react_1.useLayoutEffect)(function () {
         var styleTag = document.createElement("style");
-        styleTag.innerHTML = "\n      @keyframes move-up-down {\n        0% {\n          transform: translateY(0%);\n        }\n        50% {\n          transform: translateY(100%);\n        }\n        100% {\n          transform: translateY(0%);\n        }\n      }\n\n      .move-up-down-animation {\n        animation: move-up-down 5s infinite linear;\n      }\n    ";
+        styleTag.innerHTML = "\n      @keyframes move-up-down {\n        0% {\n          transform: translateY(0%);\n        }\n        50% {\n          transform: translateY(100%);\n        }\n        100% {\n          transform: translateY(0%);\n        }\n      }\n\n      .move-up-down-animation {\n        animation: move-up-down 4s infinite linear;\n      }\n    ";
         document.head.appendChild(styleTag);
         return function () {
             styleTag.remove();
         };
     }, []);
     var theme = (0, providers_1.useTheme)();
+    var topOffset = (0, providers_1.useWalletSetup)().topOffset;
     return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { trigger: props.children, ref: drawerRef, onDone: onClose, onOpen: onOpen, sx: sx, className: className, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
                 backgroundColor: "transparent !important",
             }, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { hideBack: true, title: "Scan QR code", sx: {
                     position: "absolute",
-                    top: 0,
+                    top: topOffset || 0,
                     left: 0,
                     right: 0,
                     zIndex: 1001,
@@ -118,14 +117,14 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
                                         transform: "translateX(-50%) translateY(-50%)",
                                         boxShadow: "0 0 2px max(50vw, 50dvh) rgba(0, 0, 0, 0.36)",
                                         color: "#C5E99F",
-                                    }, children: [(0, jsx_runtime_1.jsx)("div", { className: "w-[100%] aspect-square absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-40", children: (0, jsx_runtime_1.jsx)(lottie_react_1.default, { animationData: reader_json_1.default, style: {
-                                                    width: "100%",
-                                                    height: "100%",
-                                                    position: "absolute",
-                                                    top: "50%",
-                                                    left: "50%",
-                                                    transform: "translate(-50%, -50%) scale(1)",
-                                                } }) }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                    }, children: [(0, jsx_runtime_1.jsx)("div", { className: "move-up-down-animation", style: {
+                                                position: "absolute",
+                                                left: 0,
+                                                top: 0,
+                                                width: "100%",
+                                                height: "100%",
+                                                borderTop: "2px solid currentColor",
+                                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
                                                 position: "absolute",
                                                 borderTopLeftRadius: STYLES.borderRadius,
                                                 top: "-".concat(STYLES.borderWidth),

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

@@ -443,13 +443,13 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (_a, ref) {
                                                 height: "1rem",
                                                 width: "1px",
                                                 backgroundColor: theme.palette.border.accent3,
-                                            } }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20, display: "block" }, onClick: handleGotoHistory, children: SvgPath_1.IC_HISTORY })] }))] })) }), footer: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                            } }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20, display: "block" }, onClick: handleGotoHistory, children: SvgPath_1.IC_HISTORY })] }))] })) }), footer: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                             maxHeight: currentStep === ReceiveStep.SHOW_QR_CODE ? "120px" : 0,
                             overflow: "hidden",
                             transition: currentStep === ReceiveStep.SHOW_QR_CODE
                                 ? "max-height 0.3s linear 0.3s"
                                 : "max-height 0s linear",
-                        }, children: (0, jsx_runtime_1.jsx)(Share_1.default, { elementId: "share-receive-info", onProgress: handleShareProgress, onFinish: handleShareFinish, imageName: sharedImageName, children: (0, jsx_runtime_1.jsx)(BottomActionLayout_1.default, { children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { fullWidth: true, status: isSharing ? Button_1.BUTTON_STATUS.LOADING : undefined, children: "Share" }) }) }) }), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: stepSwiperRef, swiperProps: {
+                        }, children: [false && ((0, jsx_runtime_1.jsx)(Share_1.default, { elementId: "share-receive-info", onProgress: handleShareProgress, onFinish: handleShareFinish, imageName: sharedImageName, children: (0, jsx_runtime_1.jsx)(BottomActionLayout_1.default, { children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { fullWidth: true, status: isSharing ? Button_1.BUTTON_STATUS.LOADING : undefined, children: "Share" }) }) })), (0, jsx_runtime_1.jsx)(BottomActionLayout_1.default, { children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: close, fullWidth: true, children: "Done" }) })] }), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: stepSwiperRef, swiperProps: {
                             spaceBetween: 32,
                         }, disableSwipe: true, initialActiveTab: currentStep - 1, sx: {
                             height: "100%",
@@ -505,7 +505,7 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (_a, ref) {
                                                                             fontWeight: theme.typography.fontWeight600,
                                                                             fontSize: theme.typography.fontSize10,
                                                                             lineHeight: "100%",
-                                                                        }, children: "Learn more" }), children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "How to choose my top up network", onClose: closeChooseNetworkSupport, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { component: "div", sx: __assign(__assign({}, theme.mixins.listDescription), { color: theme.palette.text.blackContrast }), children: "Lorem ipsum dolor sit amet consectetur. Vitae faucibus ornare lectus arcu sit sed et. Eu integer pharetra posuere lobortis varius dapibus risus. Pellentesque quis id diam ante lectus ornare tristique." }), (0, jsx_runtime_1.jsx)(Text_1.default, { component: "div", sx: __assign(__assign({}, theme.mixins.listDescription), { color: theme.palette.text.blackContrast }), children: "Eget viverra quis facilisis velit mattis. Risus sed egestas vitae ridiculus odio sit eu adipiscing. Scelerisque nunc nec nisl mauris venenatis viverra est dictumst adipiscing." }), (0, jsx_runtime_1.jsx)(Text_1.default, { component: "div", sx: __assign(__assign({}, theme.mixins.listDescription), { color: theme.palette.text.blackContrast }), children: "Id pulvinar aliquam quam ut sed ut pharetra turpis ipsum. Condimentum eget a interdum neque sagittis lobortis proin nisi. Magna id massa risus elit at." })] }) }) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 6, height: 6, mt: "4px" }, children: (0, jsx_runtime_1.jsx)("svg", { width: "4", height: "6", viewBox: "0 0 4 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.7 3L0.7 6L0 5.3L2.3 3L0 0.7L0.7 0L3.7 3Z", fill: "#044C2F" }) }) })] })] })), networks === null || networks === void 0 ? void 0 : networks.map(function (item, index) {
+                                                                        }, children: "Learn more" }), children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "How to choose my top up network?", onClose: closeChooseNetworkSupport, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { component: "div", sx: __assign(__assign({}, theme.mixins.listDescription), { color: theme.palette.text.blackContrast }), children: "When top up, choose the same network as the one used on the sending platform. For example, if transferring funds using BSC network, select BSC for top up. Otherwise, you may risk losing your assets." }), (0, jsx_runtime_1.jsx)(Text_1.default, { component: "div", sx: __assign(__assign({}, theme.mixins.listDescription), { color: theme.palette.text.blackContrast }), children: "If unsure, test with a small amount and confirm it arrives safely before top up the rest." })] }) }) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 6, height: 6, mt: "4px" }, children: (0, jsx_runtime_1.jsx)("svg", { width: "4", height: "6", viewBox: "0 0 4 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.7 3L0.7 6L0 5.3L2.3 3L0 0.7L0.7 0L3.7 3Z", fill: "#044C2F" }) }) })] })] })), networks === null || networks === void 0 ? void 0 : networks.map(function (item, index) {
                                                     if (!item)
                                                         return null;
                                                     return ((0, jsx_runtime_1.jsx)(NetworkSelection_1.default, { onClick: handleSelectNetwork, networkData: JSON.stringify(item), active: (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.id) === item.id, token: selectedToken }, "network_".concat(item.id, "_").concat(index)));
@@ -519,8 +519,10 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (_a, ref) {
                                             }, children: [(0, jsx_runtime_1.jsx)("div", { id: "share-receive-info", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ width: "100%" }, theme.mixins.column), { gap: theme.mixins.gaps.g12, backgroundColor: theme.palette.background.tertiary, borderRadius: theme.mixins.customRadius.r16, padding: theme.mixins.customPadding.p16, paddingTop: "5rem", alignItems: "flex-start", position: "relative", marginTop: "4.6875rem" }), children: [(0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
                                                                     color: theme.palette.border.accent,
                                                                     width: "100%",
-                                                                } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), { top: 0, width: "fit-content", height: "fit-content", borderRadius: theme.mixins.customRadius.r12, padding: theme.mixins.customPadding.p8 }), children: [(0, jsx_runtime_1.jsx)(QRCode_1.default, { value: qrCodeValue, logo: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.link, bgColor: "transparent", size: 150 }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), { padding: theme.mixins.customPadding.p4, borderRadius: 9999, backgroundColor: theme.palette.background.white }), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { crossOrigin: "anonymous", width: 24, height: 24, src: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.link, sx: {
+                                                                } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), { top: 0, width: "fit-content", height: "fit-content", borderRadius: theme.mixins.customRadius.r12, padding: theme.mixins.customPadding.p8 }), children: [(0, jsx_runtime_1.jsx)(QRCode_1.default, { value: qrCodeValue, logo: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.link, bgColor: "transparent", size: 150 }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), { padding: theme.mixins.customPadding.p4, borderRadius: 9999, backgroundColor: theme.palette.background.white }), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { crossOrigin: "anonymous", src: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.link, sx: {
                                                                                 borderRadius: 9999,
+                                                                                width: 24,
+                                                                                height: 24,
                                                                             } }) })] }), isExternal && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Network" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), onClick: handleBack, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { component: "button", sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, cursor: "pointer", transition: "transform 0.3s ease-in-out", "&:active": {
                                                                                         transform: "translateX(0.5rem)",
                                                                                     } }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 24, height: 24, sx: {

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

@@ -70,7 +70,7 @@ var providers_1 = require("../../../providers");
 var TekWalletView_1 = require("../../views/TekWalletView");
 exports.ScanQRToSend = (0, react_1.forwardRef)(function (props, ref) {
     var children = props.children, transferInternalPath = props.transferInternalPath, transferExternalPath = props.transferExternalPath, gotoTransferInternalOverride = props.gotoTransferInternalOverride, gotoTransferExternalOverride = props.gotoTransferExternalOverride, sx = props.sx, className = props.className;
-    var options = (0, providers_1.useWalletConfig)().options;
+    var options = (0, providers_1.useWalletSetup)().options;
     var internalPath = transferInternalPath ||
         "".concat((options === null || options === void 0 ? void 0 : options.basePath) || "", "/tek-wallet/").concat(TekWalletView_1.TekWalletViewRoutes.SEND_INTERNAL);
     var externalPath = transferExternalPath ||

package/dist/components/TekWallet/components/ui/WithdrawFunction/components/summary/infoSummary.js

@@ -1,4 +1,15 @@
 "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);
@@ -46,28 +57,27 @@ var SvgPath_1 = require("../../../SvgPath");
 var Fees_1 = __importStar(require("../../../Fees"));
 var safeText_1 = require("../../../../../utils/safeText");
 var formatDate_1 = require("../../../../../utils/formatDate");
+var providers_1 = require("../../../../../providers");
 function TransferInfo(props) {
     var type = props.type, message = props.message, datetime = props.datetime, recipientAddress = props.recipientAddress, amount = props.amount, estimateFee = props.estimateFee, estimateReceive = props.estimateReceive, selectedToken = props.selectedToken;
+    var theme = (0, providers_1.useTheme)();
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
             display: "flex",
             flexDirection: "column",
             gap: 3,
-        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                    fontSize: 16,
-                    fontWeight: 600,
-                }, children: "Transaction summary" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.headerTitle), { textAlign: "start", mr: "auto" }), children: "Transaction summary" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     display: "flex",
                     flexDirection: "column",
                     gap: 3,
                 }, children: [(0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Amount", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
                                 fontSize: "0.875rem",
                                 fontWeight: 500,
                             }, children: [amount, " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug.toUpperCase()] }), isAligned: true }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Address", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: recipientAddress || "", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex flex-row gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
@@ -77,21 +87,21 @@ function TransferInfo(props) {
                                             width: 16,
                                             height: 16,
                                         }, children: SvgPath_1.IC_COPY })] }) }), isAligned: true }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Type", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                 fontSize: "0.875rem",
                                 fontWeight: 500,
                             }, children: type }), isAligned: true }), message && ((0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Message", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                 fontSize: "0.875rem",
                                 fontWeight: 500,
                             }, children: message }), isAligned: true })), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Datetime", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {

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

@@ -19,7 +19,7 @@ var TekWalletProvider_1 = require("../../../providers/TekWalletProvider");
 var ActivityView = function (props) {
     var sx = props.sx;
     var theme = (0, ThemeProvider_1.useTheme)();
-    var options = (0, TekWalletProvider_1.useWalletConfig)().options;
+    var options = (0, TekWalletProvider_1.useWalletSetup)().options;
     var hideBackButtons = (options || {}).hideBackButtons;
     var swiperRef = (0, react_1.useRef)(null);
     var activityTypes = (0, useActivities_1.default)().activityTypes;

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

@@ -54,7 +54,7 @@ var AssetView = function (props) {
     var sx = props.sx, rest = __rest(props, ["sx"]);
     var _a = (0, useWalletData_1.default)(), isInitPasscode = _a.isInitPasscode, masterWallet = _a.masterWallet;
     var theme = (0, ThemeProvider_1.useTheme)();
-    var options = (0, TekWalletProvider_1.useWalletConfig)().options;
+    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)();

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

@@ -103,7 +103,6 @@ var init_passcode_service_1 = __importDefault(require("../../../services/axios/i
 var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
 var xhub_keyboard_1 = require("xhub-keyboard");
 var useWarningWrongPasscode_1 = require("../../../hooks/useWarningWrongPasscode");
-var clsx_1 = __importDefault(require("clsx"));
 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;
@@ -313,10 +312,13 @@ var ChangePasscodeView = function (props) {
     };
     var _j = getValueAndHandlerByStep(currentStep), value = _j.value, onChange = _j.onChange;
     var keyboardId = (0, react_2.useMemo)(function () { return "".concat(idPrefix, "-").concat(isInitPasscode ? "init" : "change", "-passcode-keyboard"); }, [isInitPasscode, idPrefix]);
-    return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { id: keyboardId, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, value: value, onChange: onChange, viewFullHeight: true, classNames: {
-            keyboardContainer: (0, clsx_1.default)({
-                "!hidden": isLocked,
-            }),
+    return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { id: keyboardId, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, value: value, onChange: onChange, viewFullHeight: true, styles: {
+            container: {
+                height: "100%",
+            },
+            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: {
                         flex: 1,
                     }, children: [(0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {

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

@@ -60,10 +60,11 @@ var ActivityDataStatus;
     ActivityDataStatus["Filled"] = "filled";
 })(ActivityDataStatus || (ActivityDataStatus = {}));
 var DetailActivityView = function (props) {
+    var _a;
     var sx = props.sx, id = props.id;
-    var _a = (0, useWallet_1.default)(), masterWallet = _a.masterWallet, activities = _a.activities;
-    var _b = (0, react_1.useState)(ActivityDataStatus.Loading), activityDataStatus = _b[0], setActivityDataStatus = _b[1];
-    var _c = (0, react_1.useState)(null), activityData = _c[0], setActivityData = _c[1];
+    var _b = (0, useWallet_1.default)(), masterWallet = _b.masterWallet, activities = _b.activities;
+    var _c = (0, react_1.useState)(ActivityDataStatus.Loading), activityDataStatus = _c[0], setActivityDataStatus = _c[1];
+    var _d = (0, react_1.useState)(null), activityData = _d[0], setActivityData = _d[1];
     (0, react_1.useEffect)(function () {
         var _a, _b;
         if (!id) {
@@ -111,7 +112,7 @@ var DetailActivityView = function (props) {
             }); })();
         }
     }, [activities, id, masterWallet]);
-    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Detail" }), sx: sx, children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { children: [activityDataStatus === ActivityDataStatus.Loading && (0, jsx_runtime_1.jsx)(LoadingView_1.default, {}), activityDataStatus === ActivityDataStatus.Filled && ((0, jsx_runtime_1.jsx)(ActivityDetail_1.default, { activityData: activityData })), activityDataStatus === ActivityDataStatus.NotFound && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)("empty_" + "all"), description: "Activity not found" })), activityDataStatus === ActivityDataStatus.Error && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)("error_" + "detail_activity"), description: "Something went wrong, please try again later" }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "".concat(((_a = activityData === null || activityData === void 0 ? void 0 : activityData.transaction_type) === null || _a === void 0 ? void 0 : _a.name) || "", " Detail") }), sx: sx, children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { children: [activityDataStatus === ActivityDataStatus.Loading && (0, jsx_runtime_1.jsx)(LoadingView_1.default, {}), activityDataStatus === ActivityDataStatus.Filled && ((0, jsx_runtime_1.jsx)(ActivityDetail_1.default, { activityData: activityData })), activityDataStatus === ActivityDataStatus.NotFound && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)("empty_" + "all"), description: "Activity not found" })), activityDataStatus === ActivityDataStatus.Error && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { marginBottom: "auto", marginTop: "4rem" }, icon: (0, getIcon_1.default)("error_" + "detail_activity"), description: "Something went wrong, please try again later" }))] }) }));
 };
 exports.DetailActivityView = DetailActivityView;
 exports.default = exports.DetailActivityView;

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

@@ -112,22 +112,22 @@ function Result(props) {
                                     fontWeight: 600,
                                     fontSize: theme.typography.fontSize24,
                                 }, children: status })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", borderTop: "1px ".concat(theme.palette.border.accent3, " solid") } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.bigValue), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: "- ", value: amount, unit: tokenName }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", borderTop: "1px ".concat(theme.palette.border.accent3, " solid") } }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Recipient address", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: recipientAddress || "", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex flex-row gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, safeText_1.safeText)(recipientAddress || "", { isShort: true }) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {
                                             width: 16,
                                             height: 16,
                                         }, children: SvgPath_1.IC_COPY })] }) }), isAligned: true }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Network", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: networkInfo === null || networkInfo === void 0 ? void 0 : networkInfo.link, width: 20 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: networkInfo === null || networkInfo === void 0 ? void 0 : networkInfo.name })] }), isAligned: true }), message && ((0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Message", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: message }), isAligned: true })), dateCreated && ((0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Date time", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: formatDate(dateCreated, true) }), isAligned: true })), !!feeInfo && ((0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: feeInfo, amount: +(amount || 0), tokenSlug: (response === null || response === void 0 ? void 0 : response.currency_slug) || "", feesStyle: Fees_1.FeesStyle.DEFAULT }))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
@@ -136,5 +136,5 @@ function Result(props) {
                     display: "grid",
                     gridTemplateColumns: "1fr",
                     gap: theme.mixins.gaps.g8,
-                }, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, onClick: onDone, children: "Done c" }) })] }));
+                }, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, onClick: onDone, children: "Done" }) })] }));
 }

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

@@ -89,24 +89,24 @@ function Summary(props) {
         }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.headerTitle), { textAlign: "start", mr: "auto" }), children: "Transaction summary" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     display: "flex",
                     flexDirection: "column",
-                    gap: 3,
+                    gap: theme.mixins.gaps.g12,
                 }, children: [(0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Amount", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name }) }), isAligned: true }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Recipient address", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: recipientAddress || "", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex flex-row gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, safeText_1.safeText)(recipientAddress || "", { isShort: true }) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {
                                             width: 16,
                                             height: 16,
                                         }, children: SvgPath_1.IC_COPY })] }) }), isAligned: true }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Network", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: payload.network.link, width: 20 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: payload.network.name })] }), isAligned: true }), memo && ((0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Comment", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: memo }), isAligned: true })), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +(amount || 0), tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.DEFAULT })] }), (0, jsx_runtime_1.jsx)(ConfirmSendExternal_1.default, __assign({ sx: {

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

@@ -104,18 +104,18 @@ function Result(props) {
                                     fontWeight: 600,
                                     fontSize: theme.typography.fontSize24,
                                 }, children: status })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", borderTop: "1px ".concat(theme.palette.border.accent3, " solid") } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.bigValue), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: "- ", value: amount, unit: tokenName }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", borderTop: "1px ".concat(theme.palette.border.accent3, " solid") } }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Recipient address", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: recipientAddress || "", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex flex-row gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, safeText_1.safeText)(recipientAddress || "", { isShort: true }) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {
                                             width: 16,
                                             height: 16,
                                         }, children: SvgPath_1.IC_COPY })] }) }), isAligned: true }), message && ((0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Message", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: message }), isAligned: true })), dateCreated && ((0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Date time", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: formatDate(dateCreated, true) }), isAligned: true })), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: feeInfo || estimateFee, amount: +(amount || 0), tokenSlug: ((_j = response === null || response === void 0 ? void 0 : response.data) === null || _j === void 0 ? void 0 : _j.currency_slug) || "", feesStyle: Fees_1.FeesStyle.DEFAULT })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {

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

@@ -90,18 +90,18 @@ function Summary(props) {
                     flexDirection: "column",
                     gap: 3,
                 }, children: [(0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Amount", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name }) }), isAligned: true }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Recipient address", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: recipientAddress || "", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex flex-row gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, safeText_1.safeText)(recipientAddress || "", { isShort: true }) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {
                                             width: 16,
                                             height: 16,
                                         }, children: SvgPath_1.IC_COPY })] }) }), isAligned: true }), message && ((0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Message", titleStyle: {
-                            fontSize: "0.6875rem",
+                            fontSize: "0.875rem",
                             fontWeight: 500,
                             color: "gray.700",
                         }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: message }), isAligned: true })), (0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +(amount || 0), tokenSlug: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug) || "", feesStyle: Fees_1.FeesStyle.DEFAULT })] }), (0, jsx_runtime_1.jsx)(ConfirmSendInternal_1.default, __assign({ sx: {

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

@@ -65,7 +65,7 @@ var SettingView = function (props) {
     var _a = props;
     var _b = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _b[0], setButtonStatus = _b[1];
     var theme = (0, providers_1.useTheme)();
-    var onLogout = (0, TekWalletProvider_1.useWalletConfig)().onLogout;
+    var onLogout = (0, TekWalletProvider_1.useWalletSetup)().onLogout;
     var handleLogout = function () {
         if (!onLogout)
             return;

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

@@ -28,7 +28,7 @@ function EventHandlerProvider(props) {
     var _a = (0, useEventHandler_1.useEventHandler)(), transactionHandler = _a.transactionHandler, walletInfoHandler = _a.walletInfoHandler;
     var _b = (0, useRealtime_1.default)(), pushNotification = _b.pushNotification, transaction = _b.transaction, walletHandlerInfo = _b.walletHandlerInfo;
     var router = (0, useCustomRouter_1.default)();
-    var options = (0, TekWalletProvider_1.useWalletConfig)().options;
+    var options = (0, TekWalletProvider_1.useWalletSetup)().options;
     (0, react_1.useEffect)(function () {
         router.prefetch("".concat(options === null || options === void 0 ? void 0 : options.basePath, "/tek-wallet/activities/abc"));
     }, [router, options === null || options === void 0 ? void 0 : options.basePath]);

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

@@ -18,13 +18,15 @@ export interface TekWalletProviderProps {
     accessToken?: string;
     options?: Options;
     onLogout?: () => void;
+    topOffset?: number;
 }
 export interface TekWalletContextType {
     isSSO: boolean | undefined;
     options?: Options;
     onLogout?: () => void;
+    topOffset?: number;
 }
 export declare const TekWalletContext: import("react").Context<TekWalletContextType>;
-export declare function TekWalletProvider({ children, isSSO, accessToken, options, onLogout, }: TekWalletProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TekWalletProvider({ children, isSSO, accessToken, options, topOffset, onLogout, }: TekWalletProviderProps): import("react/jsx-runtime").JSX.Element;
 export default TekWalletProvider;
-export declare const useWalletConfig: () => TekWalletContextType;
+export declare const useWalletSetup: () => TekWalletContextType;

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWalletConfig = exports.TekWalletContext = exports.Views = void 0;
+exports.useWalletSetup = exports.TekWalletContext = exports.Views = void 0;
 exports.TekWalletProvider = TekWalletProvider;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
@@ -30,17 +30,17 @@ 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, onLogout = _a.onLogout;
+    var children = _a.children, isSSO = _a.isSSO, accessToken = _a.accessToken, options = _a.options, topOffset = _a.topOffset, onLogout = _a.onLogout;
     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 () {
         setResetTrigger(function (prev) { return prev + "1"; });
     };
-    return ((0, jsx_runtime_1.jsx)(exports.TekWalletContext.Provider, { value: { isSSO: isSSO, options: options, onLogout: onLogout }, children: (0, jsx_runtime_1.jsx)(WalletProvider, { accessToken: accessToken !== null && accessToken !== void 0 ? accessToken : "", onDisconnect: onDisconnect, children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.CustomThemeProvider, { children: (0, jsx_runtime_1.jsx)(RealtimeProvider_1.default, { options: options, children: (0, jsx_runtime_1.jsx)(ActivitiesProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ReceiveProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(SwapProvider_1.default, { children: (0, jsx_runtime_1.jsx)(EventHandlerProvider_1.default, { options: options, children: children }) }) }) }) }) }) }) }) }, resetTrigger) }));
+    return ((0, jsx_runtime_1.jsx)(exports.TekWalletContext.Provider, { value: { isSSO: isSSO, options: options, onLogout: onLogout, topOffset: topOffset }, children: (0, jsx_runtime_1.jsx)(WalletProvider, { accessToken: accessToken !== null && accessToken !== void 0 ? accessToken : "", onDisconnect: onDisconnect, children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.CustomThemeProvider, { children: (0, jsx_runtime_1.jsx)(RealtimeProvider_1.default, { options: options, children: (0, jsx_runtime_1.jsx)(ActivitiesProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ReceiveProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(SwapProvider_1.default, { children: (0, jsx_runtime_1.jsx)(EventHandlerProvider_1.default, { options: options, children: children }) }) }) }) }) }) }) }) }, resetTrigger) }));
 }
 exports.default = TekWalletProvider;
-var useWalletConfig = function () {
+var useWalletSetup = function () {
     var config = (0, react_1.useContext)(exports.TekWalletContext);
     return config;
 };
-exports.useWalletConfig = useWalletConfig;
+exports.useWalletSetup = useWalletSetup;

package/dist/components/TekWallet/services/axios/get-activities-service/type.d.ts

@@ -39,6 +39,7 @@ export interface Transaction {
     currency_data: Currency;
     to_currency_data?: ToCurrencyData;
     to_amount?: string;
+    message?: string;
 }
 export interface ToCurrencyData {
     decimal: number;

package/package.json

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