tek-wallet 0.0.606 → 0.0.607

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

@@ -34,35 +34,33 @@ var BUTTON_STATUS;
     BUTTON_STATUS["ENABLED"] = "enabled";
 })(BUTTON_STATUS || (exports.BUTTON_STATUS = BUTTON_STATUS = {}));
 var Button = function (props) {
-    var _a = props.status, status = _a === void 0 ? BUTTON_STATUS.ENABLED : _a, sx = props.sx, rest = __rest(props, ["status", "sx"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Button, __assign({ disabled: status !== BUTTON_STATUS.ENABLED }, rest, { sx: __assign({ textTransform: "capitalize" }, sx), children: props.children })));
+    var _a = props.status, status = _a === void 0 ? BUTTON_STATUS.ENABLED : _a, rest = __rest(props, ["status"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Button, __assign({ disabled: status !== BUTTON_STATUS.ENABLED }, rest, { children: props.children })));
 };
 Button.displayName = "Button";
 Button.Primary = function (props) {
-    var _a;
-    var sx = props.sx, children = props.children, _b = props.status, status = _b === void 0 ? BUTTON_STATUS.ENABLED : _b, rest = __rest(props, ["sx", "children", "status"]);
+    var children = props.children, _a = props.status, status = _a === void 0 ? BUTTON_STATUS.ENABLED : _a, rest = __rest(props, ["children", "status"]);
     var theme = (0, material_1.useTheme)();
-    var disabledStyles = (_a = {},
-        _a[BUTTON_STATUS.LOADING] = {
-            backgroundColor: theme.palette.background.secondary16,
-            color: theme.palette.background.secondary,
-        },
-        _a[BUTTON_STATUS.ERROR] = {
-            backgroundColor: theme.palette.background.error16,
-            color: theme.palette.background.error,
-        },
-        _a[BUTTON_STATUS.DISABLED] = {
-            backgroundColor: theme.palette.background.white16,
-            color: theme.palette.text.white24,
-        },
-        _a);
-    return ((0, jsx_runtime_1.jsxs)(Button, __assign({}, rest, { variant: "contained", color: "primary", status: status, sx: __assign({ borderRadius: theme.mixins.customRadius.full, "&.Mui-disabled": __assign({}, disabledStyles[status]) }, sx), children: [status === BUTTON_STATUS.LOADING && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "inherit", size: 20 }), "Processing"] })), status === BUTTON_STATUS.ERROR && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Error" }), status === BUTTON_STATUS.ENABLED && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }), status === BUTTON_STATUS.DISABLED && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })] })));
+    // const disabledStyles: Record<string, SxProps> = {
+    //   [BUTTON_STATUS.LOADING]: {
+    //     backgroundColor: theme.palette.background.secondary16,
+    //     color: theme.palette.background.secondary,
+    //   },
+    //   [BUTTON_STATUS.ERROR]: {
+    //     backgroundColor: theme.palette.background.error16,
+    //     color: theme.palette.background.error,
+    //   },
+    //   [BUTTON_STATUS.DISABLED]: {
+    //     backgroundColor: theme.palette.background.white16,
+    //     color: theme.palette.text.white24,
+    //   },
+    // };
+    return ((0, jsx_runtime_1.jsxs)(Button, __assign({}, rest, { variant: "contained", status: status, children: [status === BUTTON_STATUS.LOADING && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "inherit", size: 20 }), "Processing"] })), status === BUTTON_STATUS.ERROR && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Error" }), status === BUTTON_STATUS.ENABLED && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }), status === BUTTON_STATUS.DISABLED && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })] })));
 };
 Button.Primary.displayName = "Button.Primary";
 Button.Secondary = function (props) {
-    var sx = props.sx, rest = __rest(props, ["sx"]);
-    var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "outlined", color: "secondary", sx: __assign({ borderRadius: theme.mixins.customRadius.full, borderColor: "currentColor" }, sx) })));
+    var rest = __rest(props, []);
+    return (0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "outlined" }));
 };
 Button.Secondary.displayName = "Button.Secondary";
 Button.Text = function (props) {

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

@@ -189,7 +189,10 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
             }
         });
     }); };
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: handleOnOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: handleOnOpen, onClose: handleOnClose, sx: {
+            width: "100%",
+            maxWidth: "calc(100dvw - 2rem)",
+        }, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
                 backgroundColor: "transparent",
                 width: "100%",
             }, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Authentication", onClose: handleClose, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "1rem", width: "100%" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: ["Enter your passcode to confirm ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: theme.typography.fontWeight600 }, children: action })] }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }));

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

@@ -6,6 +6,10 @@ export interface ConfirmLayoutProps extends DrawerComponentProps {
     transferAmount?: number;
     link?: string;
     currency?: string;
+    header?: {
+        rightAdornment?: React.ReactNode;
+    };
+    isFlag?: boolean;
 }
 declare const ConfirmLayout: import("react").ForwardRefExoticComponent<Omit<ConfirmLayoutProps, "ref"> & import("react").RefAttributes<DrawerComponentRef>>;
 export default ConfirmLayout;

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

@@ -63,14 +63,14 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
 var react_1 = require("react");
+var type_1 = require("../../../services/axios/get-activities-service/type");
 var Text_1 = __importDefault(require("../Text"));
 var Formatter_1 = __importDefault(require("../Formatter"));
 var Icon_1 = __importDefault(require("../Icon"));
 var ChildPageLayout_1 = __importDefault(require("../../../layouts/ChildPageLayout"));
 var PageHeader_1 = __importDefault(require("../PageHeader"));
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var ConfirmLayout = (0, react_1.forwardRef)(function (props, ref) {
-    var children = props.children, rest = __rest(props, ["children"]);
+    var children = props.children, action = props.action, header = props.header, _a = props.isFlag, isFlag = _a === void 0 ? true : _a, rest = __rest(props, ["children", "action", "header", "isFlag"]);
     var theme = (0, material_1.useTheme)();
     var confirmByPasscodeDrawerRef = (0, react_1.useRef)(null);
     var handleOnClose = function () {
@@ -95,15 +95,15 @@ var ConfirmLayout = (0, react_1.forwardRef)(function (props, ref) {
             (_a = confirmByPasscodeDrawerRef.current) === null || _a === void 0 ? void 0 : _a.unlockStatus();
         },
     }); });
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, __assign({ direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, ref: confirmByPasscodeDrawerRef }, rest, { children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Transfer Summary", overrideBack: handleOnClose, rightAdornment: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("clock"), width: 20, height: 20, className: "absolute right-2" }) }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g16, padding: theme.mixins.customPadding.p16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", marginTop: theme.mixins.customMargin.m16, marginBottom: theme.mixins.customMargin.m12, gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.sessionDescription), { textTransform: "capitalize" }), children: props.title }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: props.transferAmount, sx: {
-                                    color: theme.palette.text.mainGreen,
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, __assign({ direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, ref: confirmByPasscodeDrawerRef }, rest, { children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: action === type_1.TransactionSlug.Withdrawn ? "Confirm Transaction" : "Confirm deposit", overrideBack: handleOnClose, rightAdornment: header === null || header === void 0 ? void 0 : header.rightAdornment }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g16, padding: theme.mixins.customPadding.p16 }), children: [isFlag && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", marginTop: theme.mixins.customMargin.m16, marginBottom: theme.mixins.customMargin.m12, gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.sessionDescription), { textTransform: "capitalize" }), children: props.title }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: props.transferAmount, sx: {
+                                    color: theme.palette.text.primary,
                                     fontSize: theme.typography.fontSize24,
                                     fontWeight: theme.typography.fontWeight600,
                                 } }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 0.5, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: props.link, width: 16, height: 16 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                             fontWeight: theme.typography.fontWeight500,
                                             fontSize: theme.typography.fontSize15,
                                             color: theme.palette.text.accent2,
-                                        }, children: props.currency })] })] }), children] }) }) })));
+                                        }, children: props.currency })] })] })), children] }) }) })));
 });
 ConfirmLayout.displayName = "ConfirmLayout";
 exports.default = ConfirmLayout;

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

@@ -0,0 +1,12 @@
+export type CopyableTextProps = {
+    copyText: string;
+    displayText?: string;
+    sx?: {
+        container?: object;
+        text?: object;
+        icon?: object;
+        button?: object;
+    };
+};
+declare const CopyableText: ({ copyText, displayText, sx }: CopyableTextProps) => import("react/jsx-runtime").JSX.Element;
+export default CopyableText;

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

@@ -0,0 +1,85 @@
+"use strict";
+"use client";
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var material_1 = require("@mui/material");
+var CopyableText = function (_a) {
+    var copyText = _a.copyText, displayText = _a.displayText, sx = _a.sx;
+    var _b = (0, react_1.useState)(false), copied = _b[0], setCopied = _b[1];
+    var handleCopy = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, navigator.clipboard.writeText(copyText)];
+                case 1:
+                    _a.sent();
+                    setCopied(true);
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _a.sent();
+                    console.error("Failed to copy text:", error_1);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [copyText]);
+    (0, react_1.useEffect)(function () {
+        var timer;
+        if (copied) {
+            timer = setTimeout(function () { return setCopied(false); }, 2000);
+        }
+        return function () { return clearTimeout(timer); };
+    }, [copied]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", gap: 0.5, sx: sx === null || sx === void 0 ? void 0 : sx.container, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: copied ? "success.main" : "text.primary", sx: sx === null || sx === void 0 ? void 0 : sx.text, children: copied ? "Copied!" : displayText || copyText }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleCopy, size: "small", sx: __assign({ padding: 0.5 }, sx === null || sx === void 0 ? void 0 : sx.button), children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [(0, jsx_runtime_1.jsx)("mask", { id: "mask0_860_5627", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask0_860_5627)", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.54804 14.5826C7.17293 14.5826 6.85587 14.4531 6.59685 14.1941C6.33783 13.9351 6.20831 13.618 6.20831 13.2429V3.75577C6.20831 3.38066 6.33783 3.06359 6.59685 2.80456C6.85587 2.54553 7.17293 2.41602 7.54804 2.41602H15.0352C15.4103 2.41602 15.7273 2.54553 15.9864 2.80456C16.2454 3.06359 16.3749 3.38066 16.3749 3.75577V13.2429C16.3749 13.618 16.2454 13.9351 15.9864 14.1941C15.7273 14.4531 15.4103 14.5826 15.0352 14.5826H7.54804ZM7.54804 13.4993H15.0352C15.0993 13.4993 15.158 13.4726 15.2115 13.4192C15.2649 13.3658 15.2916 13.307 15.2916 13.2429V3.75577C15.2916 3.69166 15.2649 3.63288 15.2115 3.57945C15.158 3.52604 15.0993 3.49933 15.0352 3.49933H7.54804C7.48393 3.49933 7.42517 3.52604 7.37175 3.57945C7.31832 3.63288 7.2916 3.69166 7.2916 3.75577V13.2429C7.2916 13.307 7.31832 13.3658 7.37175 13.4192C7.42517 13.4726 7.48393 13.4993 7.54804 13.4993ZM4.96473 17.1659C4.58963 17.1659 4.27257 17.0364 4.01354 16.7774C3.75451 16.5184 3.625 16.2013 3.625 15.8262V5.25577H4.70831V15.8262C4.70831 15.8903 4.73502 15.9491 4.78844 16.0025C4.84187 16.0559 4.90063 16.0826 4.96473 16.0826H13.5352V17.1659H4.96473Z", fill: "#1E4841" }) })] }) }) })] }));
+};
+exports.default = CopyableText;

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

@@ -110,7 +110,7 @@ function Fees(props) {
                                 width: "100%",
                                 ml: theme.mixins.gaps.g8,
                                 mr: theme.mixins.gaps.g8,
-                            } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { ml: "auto", mr: theme.mixins.gaps.g8 }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: totalFeeInUSD, start: "~ $", disableTooltip: true }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g8, alignItems: "center", justifyContent: "center" }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
+                            } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { ml: "auto" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: totalFeeInUSD, start: "~ $", disableTooltip: true }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g8, alignItems: "center", justifyContent: "center" }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
                                         var _a;
                                         return ((0, jsx_runtime_1.jsxs)(jsx_runtime_2.Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                                         borderRight: "1px dashed ".concat(theme.palette.border.white24),

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

@@ -104,6 +104,7 @@ var get_est_fee_service_1 = __importDefault(require("../../../services/axios/get
 var type_1 = require("../../../services/axios/get-activities-service/type");
 var validate_wallet_address_service_1 = __importDefault(require("../../../services/axios/validate-wallet-address-service"));
 var type_2 = require("../../../services/axios/validate-wallet-address-service/type");
+var CopyableText_1 = __importDefault(require("../CopyableText"));
 var SendExternalTokenError;
 (function (SendExternalTokenError) {
     SendExternalTokenError["TOKEN_NOT_FOUND"] = "Token not found";
@@ -261,19 +262,16 @@ var SendExternalToken = (0, react_1.forwardRef)(function (props, ref) {
         open: handleOpen,
         close: handleClose,
     }); });
-    var estimateReceive = (0, react_1.useMemo)(function () {
-        if (!estimateFee || !amount)
-            return undefined;
-        return +amount - +(estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeInCurrency);
-    }, [estimateFee, amount]);
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { onOpen: validateAll, ref: confirmLayoutDrawerRef, action: transactionSlug, trigger: props.children, 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.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: [(0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Recipient address", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    var formatted = "".concat(toAddress.slice(0, 8), "...").concat(toAddress.slice(-3));
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { onOpen: validateAll, ref: confirmLayoutDrawerRef, action: transactionSlug, trigger: props.children, isFlag: false, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.headerTitle), { textAlign: "start", mr: "auto" }), component: "p", children: "Transaction summary" }), (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)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, ml: "auto", alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { component: "p", sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { component: "p", sx: __assign({}, theme.mixins.value), children: token === null || token === void 0 ? void 0 : token.name })] }), valueDescription: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: errorAddress }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Network", value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, src: network === null || network === void 0 ? void 0 : network.link, sx: {
+                                            borderRadius: theme.mixins.customRadius.full,
+                                        } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: network === null || network === void 0 ? void 0 : network.name })] }), valueDescription: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: errorAddress }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Address", value: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6, ml: "auto" }), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                         wordBreak: "break-all",
-                                    }, children: toAddress }), valueDescription: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: errorAddress }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Network", value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6, ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, src: network === null || network === void 0 ? void 0 : network.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: network === null || network === void 0 ? void 0 : network.name })] }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) }) }), !!memo && (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Memo", value: memo }), ((_a = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeDetail) === null || _a === void 0 ? void 0 : _a.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: JSON.stringify(estimateFee), amount: +amount, tokenSlug: tokenSlug })), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: "Receive amount estimated" }), value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                        fontWeight: theme.typography.fontWeight600,
-                                        fontSize: theme.typography.fontSize16,
-                                    }, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: estimateReceive, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) }) }) }), !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: theme.mixins.customMargin.m6 }), children: [error, " ", !!errorAmount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) })] }))] }), (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: transactionSlug, onConfirmSuccess: handleSendExternalToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isLoadingEstimateFee || isValidatingAddress || errorAddress
+                                    }, children: (0, jsx_runtime_1.jsx)(CopyableText_1.default, { copyText: toAddress, displayText: formatted }) }) }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Type", value: "On-chain withdraw" }), !!memo && (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Comment", value: memo }), ((_a = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeDetail) === null || _a === void 0 ? void 0 : _a.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: JSON.stringify(estimateFee), amount: +amount, tokenSlug: tokenSlug })), !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: theme.mixins.customMargin.m6 }), children: [error, " ", !!errorAmount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) })] }))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "center", mt: theme.mixins.customMargin.m12, mb: theme.mixins.customMargin.m16, position: "absolute", bottom: 0, left: 0, right: 0 }), children: (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: transactionSlug, onConfirmSuccess: handleSendExternalToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: {
+                                width: "100%",
+                            }, status: !!error || isLoadingEstimateFee || isValidatingAddress || errorAddress
                                 ? Button_1.BUTTON_STATUS.DISABLED
-                                : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) })] }) }) }));
+                                : buttonStatus, children: "Confirm" }) }) })] }) }));
 });
 SendExternalToken.displayName = "SendExternalToken";
 exports.default = SendExternalToken;

package/dist/components/TekWallet/components/ui/TransferInternal/components/transferTarget.js

@@ -25,13 +25,13 @@ var getIcon_1 = __importDefault(require("../../../../utils/getIcon"));
 function TransferTarget(props) {
     var transferData = props.transferData;
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, padding: theme.mixins.customPadding.p12, borderRadius: theme.mixins.customRadius.r16, backgroundColor: theme.palette.text.mainGreen, backgroundImage: "url(".concat((0, getImage_1.default)("logo_transfer", "png"), ")"), backgroundPosition: "right", backgroundRepeat: "no-repeat" }), children: [(0, jsx_runtime_1.jsx)(UserInfo_1.default, { user: transferData.user, variant: "multiple", rightPart: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                        color: theme.palette.text.secondaryGreen,
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, padding: theme.mixins.customPadding.p12, borderRadius: theme.mixins.customRadius.r16, backgroundColor: theme.palette.background.primary, backgroundImage: "url(".concat((0, getImage_1.default)("logo_transfer", "png"), ")"), backgroundPosition: "right", backgroundRepeat: "no-repeat" }), children: [(0, jsx_runtime_1.jsx)(UserInfo_1.default, { user: transferData.user, variant: "multiple", rightPart: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                        color: theme.palette.text.secondary,
                         fontWeight: theme.typography.fontWeight500,
                         fontSize: theme.typography.fontSize11,
                         marginRight: theme.mixins.customMargin.m6,
                     }, children: "From" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5 items-center", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("ic_transfer") }), (0, jsx_runtime_1.jsx)("div", { className: "w-full h-px border-t-[1px] border-t-accent opacity-25 border-dashed" })] }), (0, jsx_runtime_1.jsx)(UserInfo_1.default, { user: transferData.receiver, variant: "multiple", rightPart: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                        color: theme.palette.text.secondaryGreen,
+                        color: theme.palette.text.secondary,
                         fontWeight: theme.typography.fontWeight500,
                         fontSize: theme.typography.fontSize11,
                         marginRight: theme.mixins.customMargin.m6,

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

@@ -268,17 +268,11 @@ var TransferInternal = (0, react_1.forwardRef)(function (props, ref) {
     //   if (!estimateFee || !amount) return undefined;
     //   return +amount - +estimateFee?.feeInCurrency;
     // }, [estimateFee, amount]);
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { title: "Transfer Amount", link: token === null || token === void 0 ? void 0 : token.link, transferAmount: transferData.amount, ref: confirmLayoutDrawerRef, action: type_1.TransactionSlug.TransferInternal, trigger: props.children, currency: token === null || token === void 0 ? void 0 : token.name, onOpen: validateAll, children: [(0, jsx_runtime_1.jsx)(transferTarget_1.default, { transferData: transferData }), (0, jsx_runtime_1.jsx)(transferInfo_1.default, { transferData: transferData, estimateFee: estimateFee, amount: amount, tokenSlug: tokenSlug, onEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: theme.mixins.gaps.g6 }), children: [error, " ", !!errorAmount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) })] })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "center", mt: theme.mixins.customMargin.m12, mb: theme.mixins.customMargin.m16, position: "absolute", bottom: 0, left: 0, right: 0 }), children: (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.TransactionSlug.TransferInternal, onConfirmSuccess: handleSendInternalToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isLoadingEstimateFee || isValidatingAddress || errorAddress || !isEnoughBalanceToPayFee
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { title: "Transfer Amount", link: token === null || token === void 0 ? void 0 : token.link, transferAmount: transferData.amount, ref: confirmLayoutDrawerRef, action: type_1.TransactionSlug.TransferInternal, trigger: props.children, currency: token === null || token === void 0 ? void 0 : token.name, onOpen: validateAll, children: [(0, jsx_runtime_1.jsx)(transferTarget_1.default, { transferData: transferData }), (0, jsx_runtime_1.jsx)(transferInfo_1.default, { transferData: transferData, estimateFee: estimateFee, amount: amount, tokenSlug: tokenSlug, onEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: theme.mixins.gaps.g6 }), children: [error, " ", !!errorAmount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) })] })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "center", mt: theme.mixins.customMargin.m12, mb: theme.mixins.customMargin.m16, position: "absolute", bottom: 0, left: 0, right: 0 }), children: (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.TransactionSlug.TransferInternal, onConfirmSuccess: handleSendInternalToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: {
+                                width: "100%",
+                            }, status: !!error || isLoadingEstimateFee || isValidatingAddress || errorAddress || !isEnoughBalanceToPayFee
                                 ? Button_1.BUTTON_STATUS.DISABLED
-                                : buttonStatus, sx: {
-                                backgroundColor: theme.palette.text.mainGreen,
-                                color: theme.palette.text.secondaryGreen,
-                                fontWeight: theme.typography.fontWeight500,
-                                fontSize: theme.typography.fontSize14,
-                                borderRadius: theme.mixins.customRadius.r16,
-                                height: "40px",
-                                width: "calc(100dvw - 2rem)",
-                            }, fullWidth: true, children: "Confirm" }) }) })] }) }));
+                                : buttonStatus, fullWidth: true, children: "Confirm" }) }) })] }) }));
 });
 TransferInternal.displayName = "TransferInternal";
 exports.default = TransferInternal;

package/dist/components/TekWallet/services/axios/type.d.ts

@@ -18,6 +18,7 @@ export interface NetworkData {
     slug: string;
     network_type: string;
     icon: string;
+    link: string;
     icon_svg: string;
     address: string;
 }

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

@@ -38,8 +38,10 @@ var background = {
     black64: "rgba(0, 0, 0, 0.64)",
     black24: "rgba(0, 0, 0, 0.24)",
     black16: "rgba(0, 0, 0, 0.16)",
-    secondary: "#01FFFF",
-    secondary16: "rgba(1, 255, 255, 0.16)",
+    primary: "#1E4841",
+    primary16: "#1E484129",
+    secondary: "#C5E99F",
+    secondary16: "#C5E99F29",
     error: "#FE6565",
     error16: "rgba(254, 101, 101, 0.16)",
 };
@@ -66,11 +68,10 @@ var text = {
     black64: "rgba(0, 0, 0, 0.64)",
     black24: "rgba(0, 0, 0, 0.24)",
     blackContrast: "#121212",
-    mainGreen: "#1E4841",
-    secondaryGreen: "#C5E99F",
+    primary: "#1E4841",
+    secondary: "#C5E99F",
     accent: "#A3A3A3",
     accent2: "#6B7271",
-    secondary: "#01FFFF",
     successStatus: "#01FF00",
     errorStatus: "#FE6565",
     loadingStatus: "#01FFFF",
@@ -167,12 +168,12 @@ var shadows = [
 var theme = (0, styles_1.createTheme)({
     palette: {
         primary: {
-            main: "#ffffff",
+            main: "#1E4841",
             contrastText: "#000000",
         },
         secondary: {
-            main: "#01FFFF",
-            contrastText: "#01FFFF",
+            main: "#C5E99F",
+            contrastText: "#000000",
         },
         background: background,
         border: border,
@@ -181,6 +182,39 @@ var theme = (0, styles_1.createTheme)({
     },
     typography: typography,
     shadows: shadows,
+    components: {
+        MuiButton: {
+            variants: [
+                {
+                    props: { variant: "contained" },
+                    style: {
+                        color: text.secondary,
+                        backgroundColor: background.primary,
+                        fontSize: typography.fontSize16,
+                        lineHeight: typography.leading100,
+                        fontWeight: typography.fontWeight500,
+                        padding: "".concat(customPadding.p12, " ").concat(customPadding.p16),
+                        borderRadius: customRadius.r12,
+                        textTransform: "capitalize",
+                    },
+                },
+                {
+                    props: { variant: "outlined" },
+                    style: {
+                        color: text.primary,
+                        backgroundColor: "transparent",
+                        fontSize: typography.fontSize16,
+                        lineHeight: typography.leading100,
+                        fontWeight: typography.fontWeight500,
+                        padding: "".concat(customPadding.p12, " ").concat(customPadding.p16),
+                        borderRadius: customRadius.r12,
+                        textTransform: "capitalize",
+                        borderColor: "currentColor",
+                    },
+                },
+            ],
+        },
+    },
     mixins: {
         pagePadding: pagePadding,
         customPadding: customPadding,

package/package.json

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