tek-wallet 0.0.677 → 0.0.679

package/dist/components/TekWallet/SafeSvgRenderer.js

@@ -13,6 +13,6 @@ var SafeSvgRenderer = function (_a) {
         ADD_TAGS: ["use"],
         ADD_ATTR: ["xlink:href"],
     });
-    return (0, jsx_runtime_1.jsx)("div", { className: className, style: { width: width, height: height }, dangerouslySetInnerHTML: { __html: sanitizedSvg } });
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: { width: width, height: height }, dangerouslySetInnerHTML: { __html: sanitizedSvg } }));
 };
 exports.default = SafeSvgRenderer;

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

@@ -77,7 +77,7 @@ function ActivitiesTypeSlice(props) {
                                 if (!activity)
                                     return null;
                                 var dataAsJson = JSON.stringify(activity);
-                                return (0, jsx_runtime_1.jsx)(ActivityItem_1.default, { onClick: function () { return openDetail(activity); }, data: dataAsJson }, index);
+                                return ((0, jsx_runtime_1.jsx)(ActivityItem_1.default, { onClick: function () { return openDetail(activity); }, data: dataAsJson }, index));
                             }) }) }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: detailDrawerRef, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { onClose: closeDetail, title: (_b = detailActivity === null || detailActivity === void 0 ? void 0 : detailActivity.transaction_type) === null || _b === void 0 ? void 0 : _b.name, children: (0, jsx_runtime_1.jsx)(ActivityDetail_1.default, { activityData: detailActivity }) }) })] }))] }));
 }
 exports.default = ActivitiesTypeSlice;

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

@@ -84,7 +84,7 @@ function ActivityDetail(props) {
                             borderRadius: theme.mixins.customRadius.full,
                             border: isSwap ? "0.25rem white solid" : "none",
                             ml: "-0.5rem",
-                        } }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g4, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeightBold, fontSize: theme.typography.fontSize24, color: getAmountColor(), opacity: isSwap ? 0.5 : 1 }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: isIncrease ? "+" : "-", value: activityData.amount, unit: " ".concat(currency === null || currency === void 0 ? void 0 : currency.name) }) }), isSwap && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeightBold, fontSize: theme.typography.fontSize24, color: theme.palette.text.successStatus }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: "+", value: swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.swap_total_amount, unit: " ".concat(swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.name) }) })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, formatDate_1.default)(activityData.date_created) }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 16 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                        } }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g4, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeightBold, fontSize: theme.typography.fontSize24, color: getAmountColor(), opacity: isSwap ? 0.5 : 1 }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: isIncrease ? "+" : "-", value: activityData.amount, unit: " ".concat(currency === null || currency === void 0 ? void 0 : currency.name) }) }), isSwap && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeightBold, fontSize: theme.typography.fontSize24, color: theme.palette.text.successStatus }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: "+", value: swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.swap_total_amount, unit: " ".concat(swapToCurrency === null || swapToCurrency === void 0 ? void 0 : swapToCurrency.name) }) })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, formatDate_1.default)(activityData.date_created) }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 16 })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: getStatusColor(),

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

@@ -65,7 +65,9 @@ function ActivityItem(props) {
         if (isReceive) {
             return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["From: ", (0, compactWalletAddress_1.default)(activityData === null || activityData === void 0 ? void 0 : activityData.from_address)] });
         }
-        var isSend = slug === type_1.TransactionSlug.Send || slug === type_1.TransactionSlug.Withdrawn || slug === type_1.TransactionSlug.TransferInternal;
+        var isSend = slug === type_1.TransactionSlug.Send ||
+            slug === type_1.TransactionSlug.Withdrawn ||
+            slug === type_1.TransactionSlug.TransferInternal;
         if (isSend) {
             return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["To: ", (0, compactWalletAddress_1.default)(activityData === null || activityData === void 0 ? void 0 : activityData.to_address)] });
         }
@@ -93,7 +95,7 @@ function ActivityItem(props) {
     return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({ sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.customRadius.r16, p: theme.mixins.customPadding.p12, flexGrow: "unset", boxShadow: theme.shadows[1] }), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     width: "fit-content",
                     height: "fit-content",
-                }, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: type === null || type === void 0 ? void 0 : type.link, width: 24 }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityTitle, children: type === null || type === void 0 ? void 0 : type.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityDescription, children: descriptionElement }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 12 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                }, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: type === null || type === void 0 ? void 0 : type.link, width: 24 }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityTitle, children: type === null || type === void 0 ? void 0 : type.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityDescription, children: descriptionElement }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 12 })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: getStatusColor(),

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

@@ -31,12 +31,13 @@ var fakeSeries = [
     {
         name: "All",
         data: [
-            1003785.6864951615, 1003795.988344575, 1003827.99766239, 1003899.7426850981, 1003891.7710159089,
-            1003810.6439517767, 1003780.7195320514, 1003797.9506016063, 1003781.455378438, 1003782.0072632281,
-            1003715.167883104, 1003724.9791682598, 1003716.6018329085, 1003711.3282671372, 1003686.1868489254,
-            1003625.4795220237, 1003584.3334449014, 1003498.9139435134, 1003310.7825506503, 1003339.72584186,
-            1003334.3069939599, 1003364.3540547496, 1003394.4011155394, 1003398.386950134, 1003233.005474726,
-            1003185.2981006557, 1003165.7981714085,
+            1003785.6864951615, 1003795.988344575, 1003827.99766239, 1003899.7426850981,
+            1003891.7710159089, 1003810.6439517767, 1003780.7195320514, 1003797.9506016063,
+            1003781.455378438, 1003782.0072632281, 1003715.167883104, 1003724.9791682598,
+            1003716.6018329085, 1003711.3282671372, 1003686.1868489254, 1003625.4795220237,
+            1003584.3334449014, 1003498.9139435134, 1003310.7825506503, 1003339.72584186,
+            1003334.3069939599, 1003364.3540547496, 1003394.4011155394, 1003398.386950134,
+            1003233.005474726, 1003185.2981006557, 1003165.7981714085,
         ],
     },
 ];

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

@@ -41,7 +41,7 @@ var AppBackDrop = (0, react_1.forwardRef)(function (props, ref) {
     }); });
     return ((0, jsx_runtime_1.jsx)(material_2.Backdrop, __assign({ sx: __assign({ color: "text.white", zIndex: theme.zIndex.drawer + 1, "& .MuiBackdrop-root": {
                 backdropFilter: "blur(12px)",
-            } }, sx) }, rest, { open: open !== null && open !== void 0 ? open : isOpen, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", alignItems: "center", gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "inherit", size: 24 }), message && (0, jsx_runtime_1.jsx)(Text_1.default, { className: "text-white", children: message })] }) })));
+            } }, sx) }, rest, { open: open !== null && open !== void 0 ? open : isOpen, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", alignItems: "center", color: "white", gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 28, color: "inherit", value: 50, thickness: 4 }), message && (0, jsx_runtime_1.jsx)(Text_1.default, { children: message })] }) })));
 });
 AppBackDrop.displayName = "AppBackDrop";
 exports.default = AppBackDrop;

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

@@ -10,26 +10,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
-var Icon_1 = __importDefault(require("../Icon"));
+var material_1 = require("@mui/material");
+var SvgPath_1 = require("../SvgPath");
 var BackArrow = function (props) {
-    var rest = __rest(props, []);
-    return ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ src: (0, getIcon_1.default)("arrow_back"), width: 24, sx: __assign({}, props.sx) }, rest)));
+    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: __assign({}, props.sx), children: SvgPath_1.IC_BACK }));
 };
 exports.default = BackArrow;

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

@@ -45,7 +45,8 @@ var CardHistorySwap = function (_a) {
                     maxHeight: "fit-content",
                     px: theme.mixins.customPadding.p4,
                     py: "2px",
-                }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.row), { color: theme.palette.text.white, justifyContent: "center", fontSize: "9px", fontWeight: theme.typography.fontWeight600 }), children: status && (status === null || status === void 0 ? void 0 : status.charAt(0).toUpperCase()) + ((_b = status === null || status === void 0 ? void 0 : status.slice(1)) === null || _b === void 0 ? void 0 : _b.toLowerCase().replace(/_/g, " ")) }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, fontSize: theme.typography.fontSize12, fontWeight: theme.typography.fontWeight500, color: theme.palette.text.accent2 }), children: ["Amount:", (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
+                }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.row), { color: theme.palette.text.white, justifyContent: "center", fontSize: "9px", fontWeight: theme.typography.fontWeight600 }), children: status &&
+                        (status === null || status === void 0 ? void 0 : status.charAt(0).toUpperCase()) + ((_b = status === null || status === void 0 ? void 0 : status.slice(1)) === null || _b === void 0 ? void 0 : _b.toLowerCase().replace(/_/g, " ")) }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, fontSize: theme.typography.fontSize12, fontWeight: theme.typography.fontWeight500, color: theme.palette.text.accent2 }), children: ["Amount:", (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize12,
                                     fontWeight: theme.typography.fontWeight500,
                                     color: theme.palette.text.blackContrast,

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

@@ -0,0 +1,17 @@
+import React, { PropsWithChildren, HTMLAttributes } from "react";
+import { BUTTON_STATUS } from "../Button";
+import { InstructionBody } from "../../../services/axios/instructions-service/type";
+import { GeneralProps } from "../../../types/ui";
+type ConfirmInstructionProps = {
+    transactionSlug: string;
+    transactionData: Omit<InstructionBody, "passcode">;
+    renderChildren: (props: PropsWithChildren<HTMLAttributes<HTMLElement>> & {
+        status: BUTTON_STATUS;
+    }) => React.ReactElement<any>;
+    onStart?: (data: any) => void;
+    onSuccess?: (data: any) => void;
+    onError?: (data: any) => void;
+    onFinal?: (data: any) => void;
+} & GeneralProps;
+export declare function ConfirmInstructions({ renderChildren, transactionSlug, transactionData, onStart, onError, onFinal, onSuccess, }: ConfirmInstructionProps): import("react/jsx-runtime").JSX.Element;
+export default ConfirmInstructions;

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

@@ -0,0 +1,102 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+"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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmInstructions = ConfirmInstructions;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
+var Button_1 = require("../Button");
+var instructions_service_1 = __importDefault(require("../../../services/axios/instructions-service"));
+function ConfirmInstructions(_a) {
+    var _this = this;
+    var renderChildren = _a.renderChildren, transactionSlug = _a.transactionSlug, transactionData = _a.transactionData, onStart = _a.onStart, onError = _a.onError, onFinal = _a.onFinal, onSuccess = _a.onSuccess;
+    var _b = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _b[0], setButtonStatus = _b[1];
+    var handleConfirmPasscode = function (passcode) { return __awaiter(_this, void 0, void 0, function () {
+        var response, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, 3, 4]);
+                    onStart === null || onStart === void 0 ? void 0 : onStart(transactionData);
+                    setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
+                    return [4 /*yield*/, (0, instructions_service_1.default)(__assign(__assign({}, transactionData), { passcode: passcode }))];
+                case 1:
+                    response = _a.sent();
+                    if (response.success) {
+                        setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
+                    }
+                    else {
+                        setButtonStatus(Button_1.BUTTON_STATUS.ERROR);
+                        onError === null || onError === void 0 ? void 0 : onError(response);
+                    }
+                    return [3 /*break*/, 4];
+                case 2:
+                    err_1 = _a.sent();
+                    setButtonStatus(Button_1.BUTTON_STATUS.ERROR);
+                    onError === null || onError === void 0 ? void 0 : onError(err_1);
+                    setTimeout(function () {
+                        setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
+                    }, 1200);
+                    return [3 /*break*/, 4];
+                case 3:
+                    onFinal === null || onFinal === void 0 ? void 0 : onFinal(transactionData);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    return ((0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { customAction: transactionSlug, onConfirmSuccess: handleConfirmPasscode, children: renderChildren({ status: buttonStatus }) }));
+}
+exports.default = ConfirmInstructions;

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

@@ -61,7 +61,7 @@ function ConfirmTransaction(_a) {
     var _this = this;
     var renderChildren = _a.renderChildren, transactionSlug = _a.transactionSlug, transactionData = _a.transactionData, onTransferSuccess = _a.onTransferSuccess;
     var _b = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _b[0], setButtonStatus = _b[1];
-    var handleComfirmPasscode = function (passcode) { return __awaiter(_this, void 0, void 0, function () {
+    var handleConfirmPasscode = function (passcode) { return __awaiter(_this, void 0, void 0, function () {
         var response, err_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -91,6 +91,6 @@ function ConfirmTransaction(_a) {
             }
         });
     }); };
-    return ((0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { customAction: transactionSlug, onConfirmSuccess: handleComfirmPasscode, children: renderChildren({ status: buttonStatus }) }));
+    return ((0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { customAction: transactionSlug, onConfirmSuccess: handleConfirmPasscode, children: renderChildren({ status: buttonStatus }) }));
 }
 exports.default = ConfirmTransaction;

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

@@ -4,5 +4,5 @@ interface CopyTextComponentProps extends GeneralProps {
     iconSuccess?: React.ReactNode;
     hideTextMessage?: boolean;
 }
-declare const CopyTextComponent: ({ value, iconSuccess, children, hideTextMessage, sx }: CopyTextComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const CopyTextComponent: ({ value, iconSuccess, children, hideTextMessage, sx, }: CopyTextComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default CopyTextComponent;

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

@@ -42,11 +42,12 @@ var DetailSwapResult = function (_a) {
     var getInfoDetailOutputs = (0, react_1.useMemo)(function () {
         return (getDetailOutputs === null || getDetailOutputs === void 0 ? void 0 : getDetailOutputs[0]) || {};
     }, [getDetailOutputs]);
-    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: __assign({ color: theme.palette.text.black }, theme.mixins.pagePadding), footer: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: __assign({ color: theme.palette.text.black, width: "100%" }, theme.mixins.pagePadding), footer: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                 px: theme.mixins.customPadding.p12,
                 position: "relative",
                 bottom: theme.typography.fontSize24,
-            }, children: (resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "processing" || (resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "failed" ? ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: onClose, sx: __assign(__assign({ gap: theme.mixins.gaps.g4 }, theme.mixins.row), { color: theme.palette.text.secondary, borderRadius: theme.mixins.customRadius.r12, height: "40px" }), fullWidth: true, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+            }, children: (resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "processing" ||
+                (resultData === null || resultData === void 0 ? void 0 : resultData.transaction_status) == "failed" ? ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: onClose, sx: __assign(__assign({ gap: theme.mixins.gaps.g4 }, theme.mixins.row), { color: theme.palette.text.secondary, borderRadius: theme.mixins.customRadius.r12, height: "40px" }), fullWidth: true, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                         fontSize: theme.typography.fontSize12,
                         fontWeight: theme.typography.fontWeight600,
                         leading: theme.typography.leading160,

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

@@ -34,7 +34,7 @@ function DialogContentLayout(props) {
     var theme = (0, ThemeProvider_1.useTheme)();
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: __assign(__assign(__assign(__assign({}, theme.mixins.column), { borderRadius: theme.mixins.customRadius.r12, backgroundColor: theme.palette.background.black, boxShadow: theme.shadows[1], minWidth: "12rem" }), theme.mixins.dialogContent), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                     padding: theme.mixins.customPadding.p12,
-                }, children: content }), !!actions && (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", height: "1px", backgroundColor: theme.palette.border.white16 } }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                }, children: content }), !!actions && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", height: "1px", backgroundColor: theme.palette.border.white16 } })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     px: theme.mixins.customPadding.p12,
                     width: "100%",
                     height: "fit-content",

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

@@ -87,7 +87,6 @@ var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
         onOpen === null || onOpen === void 0 ? void 0 : onOpen(e);
     };
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ display: "block" }, sx), className: className, onClick: toggle, children: trigger }), (0, jsx_runtime_1.jsx)(DrawerComponent, __assign({}, rest, { sx: {
-                    border: "2px solid red",
                     "& .MuiDrawer-paper": {
                         backgroundColor: "transparent",
                         overflow: "hidden",

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

@@ -1,10 +1,11 @@
 import { AccordionProps } from "@mui/material";
+import { FeesDataType } from "../../../services/axios/get-est-fee-service/type";
 export declare enum FeesStyle {
     DEFAULT = "default",
     WITH_BACKGROUND = "withBackground"
 }
 export interface FeesProps extends Omit<AccordionProps, "children"> {
-    feesData: string;
+    feesData?: FeesDataType;
     amount: number;
     isFeePaidByAmount?: boolean;
     setIsEnoughBalanceToPayFee?: (isEnough: boolean) => void;

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

@@ -33,7 +33,6 @@ var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Icon_1 = __importDefault(require("../Icon"));
 var Text_1 = __importDefault(require("../Text"));
 var Formatter_1 = __importDefault(require("../Formatter"));
-var parsePropsData_1 = __importDefault(require("../../../utils/parsePropsData"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var react_1 = require("react");
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
@@ -44,9 +43,9 @@ var FeesStyle;
     FeesStyle["WITH_BACKGROUND"] = "withBackground";
 })(FeesStyle || (exports.FeesStyle = FeesStyle = {}));
 function Fees(props) {
-    var sx = props.sx, amount = props.amount, feesDataString = props.feesData, isFeePaidByAmount = props.isFeePaidByAmount, tokenSlug = props.tokenSlug, setIsEnoughBalanceToPayFee = props.setIsEnoughBalanceToPayFee, feesStyle = props.feesStyle, estimateReceive = props.estimateReceive, rest = __rest(props, ["sx", "amount", "feesData", "isFeePaidByAmount", "tokenSlug", "setIsEnoughBalanceToPayFee", "feesStyle", "estimateReceive"]);
+    var sx = props.sx, amount = props.amount, feesData = props.feesData, isFeePaidByAmount = props.isFeePaidByAmount, tokenSlug = props.tokenSlug, setIsEnoughBalanceToPayFee = props.setIsEnoughBalanceToPayFee, feesStyle = props.feesStyle, estimateReceive = props.estimateReceive, rest = __rest(props, ["sx", "amount", "feesData", "isFeePaidByAmount", "tokenSlug", "setIsEnoughBalanceToPayFee", "feesStyle", "estimateReceive"]);
     var theme = (0, ThemeProvider_1.useTheme)();
-    var feesData = (0, parsePropsData_1.default)(feesDataString);
+    // const feesData = parsePropsData<FeesDataType>(feesDataString);
     var tokens = (0, useWalletData_1.default)().tokens;
     var getBalanceUseToPaidFee = (0, react_1.useCallback)(function (tokenSlugMustBePaidFee) {
         var _a;

package/dist/components/TekWallet/components/ui/Formatter/functions/formatter.d.ts

@@ -0,0 +1,4 @@
+declare function formatNumber(num: number): string;
+declare const formatter: (value: string | number, useCompact?: boolean, useCompactOnThousand?: boolean, lengthAllowedPassed?: number) => string;
+export default formatter;
+export { formatNumber };

package/dist/components/TekWallet/components/ui/Formatter/functions/formatter.js

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatNumber = formatNumber;
+var getStandardNumber_1 = __importDefault(require("./getStandardNumber"));
+function formatNumber(num) {
+    if (num >= 1000000000000) {
+        return formatter((num / 1000000000000).toFixed(2)) + "T";
+    }
+    else if (num >= 1000000000) {
+        return formatter((num / 1000000000).toFixed(2)) + "B";
+    }
+    else if (num >= 1000000) {
+        return formatter((num / 1000000).toFixed(2)) + "M";
+    }
+    else if (num >= 1000) {
+        return formatter((num / 1000).toFixed(2)) + "K";
+    }
+    else {
+        return num.toString();
+    }
+}
+var formatter = function (value, useCompact, useCompactOnThousand, lengthAllowedPassed) {
+    var _a, _b;
+    if (useCompact === void 0) { useCompact = true; }
+    if (useCompactOnThousand === void 0) { useCompactOnThousand = false; }
+    try {
+        if (value == undefined)
+            return "";
+        var lengthAllowed = lengthAllowedPassed !== null && lengthAllowedPassed !== void 0 ? lengthAllowedPassed : 8;
+        var thousandsSeparator = ",";
+        var number = Number(value.toString());
+        if (number > 1000 && useCompactOnThousand) {
+            return formatNumber(number);
+        }
+        if (number > 1000000 && useCompact) {
+            return formatNumber(number);
+        }
+        var numberToString = (0, getStandardNumber_1.default)(number);
+        if (numberToString.includes(".")) {
+            // is not natural number
+            var indexOfDecimalDot = numberToString.indexOf(".");
+            var before = numberToString.slice(0, indexOfDecimalDot);
+            var after = numberToString.slice(indexOfDecimalDot + 1, indexOfDecimalDot +
+                1 +
+                (lengthAllowed - (before === null || before === void 0 ? void 0 : before.length) - 1 <= 1 ? 2 : lengthAllowed - (before === null || before === void 0 ? void 0 : before.length) - 1));
+            var beforeFormatted = before.replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator);
+            var afterFormatted = (_b = (_a = Number("0.".concat(after))) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.replace("0.", "");
+            return "".concat(beforeFormatted).concat(+afterFormatted ? "." + afterFormatted : "");
+            // return afterFormatted;
+        }
+        else {
+            //is natural number
+            return "".concat(number).replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator);
+        }
+    }
+    catch (err) {
+        console.error(err);
+        return "--";
+    }
+};
+exports.default = formatter;

package/dist/components/TekWallet/components/ui/Formatter/functions/getStandardNumber.d.ts

@@ -0,0 +1 @@
+export default function getStandardNumber(value: number | string): string;

package/dist/components/TekWallet/components/ui/Formatter/functions/getStandardNumber.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = getStandardNumber;
+function getStandardNumber(value) {
+    var stringValue = "" + value;
+    if (!stringValue.includes("e-")) {
+        return stringValue;
+    }
+    else {
+        var beforeE = stringValue.slice(0, stringValue.indexOf("e-")).replace(".", "");
+        var afterE = stringValue.slice(stringValue.indexOf("e-") + 2);
+        var result = "";
+        for (var i = 0; i < +afterE + 1; i++) {
+            result += i != 1 ? "0" : ".";
+        }
+        return result + beforeE;
+    }
+}

package/dist/components/TekWallet/components/ui/Formatter/functions/lengthFromDotToFirstNonZero.d.ts

@@ -0,0 +1 @@
+export default function lengthFromDotToFirstNonZero(numString: string): number;

package/dist/components/TekWallet/components/ui/Formatter/functions/lengthFromDotToFirstNonZero.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = lengthFromDotToFirstNonZero;
+function lengthFromDotToFirstNonZero(numString) {
+    var dotIndex = numString.indexOf(".");
+    if (dotIndex === -1) {
+        return -1;
+    }
+    var firstNonZeroIndex = dotIndex + 1;
+    while (firstNonZeroIndex < (numString === null || numString === void 0 ? void 0 : numString.length) && numString[firstNonZeroIndex] === "0") {
+        firstNonZeroIndex++;
+    }
+    if (firstNonZeroIndex >= (numString === null || numString === void 0 ? void 0 : numString.length)) {
+        return -1;
+    }
+    return firstNonZeroIndex - dotIndex - 1;
+}

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

@@ -1,25 +1,17 @@
-import React, { CSSProperties } from "react";
-import { GeneralProps } from "../../../types/ui";
-interface FormatterProps extends GeneralProps {
+import React from "react";
+import { BoxProps } from "@mui/material";
+interface FormatterProps extends BoxProps {
     value?: number | string;
     start?: string;
     unit?: string;
-    unitCustomStyle?: string;
     lengthValueAllowed?: number;
-    noUnitSpacing?: boolean;
     allowShowZero?: boolean;
     useCompact?: boolean;
-    disableTooltip?: boolean;
-    isUnitStyle?: boolean;
-    disableAdjustUnitColor?: boolean;
-    isLessThan?: boolean;
-    overrideLessThanClass?: string;
-    unitStyle?: CSSProperties;
     useCompactOnThousand?: boolean;
-    startStyle?: CSSProperties;
-    hideStart?: boolean;
-    hideUnit?: boolean;
-    onClickUnit?: (data?: any) => any;
+    disableTooltip?: boolean;
+    showLessThan?: boolean;
+    isNotCurrency?: boolean;
+    className?: string;
 }
 declare const Formatter: React.FC<FormatterProps>;
 export default Formatter;