tek-wallet 0.0.256 → 0.0.258

package/dist/components/ui/AnalyticGroup/index.js

@@ -23,11 +23,14 @@ var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var AnalyticGroup = function (props) {
     var theme = (0, material_1.useTheme)();
     var sx = props.sx;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, sx), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Total Amount" }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.row), theme.mixins.value), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 1000000 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: "typography.fontWeight400", fontSize: "0.8em" }, children: "USD" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("bottom_arrow"), width: 8 })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, fontSize: theme.typography.fontSize12 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                            fontWeight: "typography.fontWeight500",
-                            leading: "typography.lineHeight140",
-                            fontSize: "typography.fontSize14",
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, sx), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Total Amount" }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.value), { fontSize: theme.typography.fontSize20 }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: { fontWeight: theme.typography.fontWeight700 }, value: 1000000 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    fontWeight: theme.typography.fontWeight400,
+                                    fontSize: "0.8em",
+                                }, children: "USD" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("bottom_arrow"), width: 8 })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, fontSize: theme.typography.fontSize12 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            fontWeight: theme.typography.fontWeight500,
+                            leading: theme.typography.leading140,
+                            fontSize: theme.typography.fontSize14,
                             textTransform: "capitalize",
-                        }, children: props.timeRange }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_increase"), width: 12 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({ color: theme.palette.text.increase }, theme.mixins.value), { borderBottom: "1px dashed ".concat(theme.palette.text.increase) }), children: "5.63 (+3,22%)" })] })] }));
+                        }, children: props.timeRange }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_increase"), width: 12 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.increase, borderBottom: "1px dashed currentColor" }), children: "5.63 (+3,22%)" })] })] }));
 };
 exports.default = AnalyticGroup;

package/dist/components/ui/DepositFunction/index.js

@@ -247,19 +247,19 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
                                             display: "flex",
                                             justifyContent: "center",
                                         }, trigger: (0, jsx_runtime_1.jsxs)(Button_1.default.Text, { sx: {
-                                                fontSize: "typography.fontSize12",
+                                                fontSize: theme.typography.fontSize12,
                                                 textTransform: "none",
                                             }, children: [amount ? "Edit" : "+ Set", " amount"] }), children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { 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)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: [amount ? "Edit" : "+ Set", " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name, " ", "amount"] }), (0, jsx_runtime_1.jsx)(material_1.Input, { placeholder: "".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " - ").concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value), sx: __assign(__assign({}, theme.mixins.value), { fontSize: theme.typography.fontSize16 }), value: inputAmount, onChange: handleChangeAmount }), amountError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: amountError })), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%", mt: theme.mixins.customMargin.m8, gap: theme.mixins.gaps.g12 }), children: [!!amount && ((0, jsx_runtime_1.jsx)(Button_1.default.Text, { onClick: handleUnset, children: "Unset" })), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { flex: 1 }, onClick: handleContinue, status: !!amountError
                                                                     ? Button_1.BUTTON_STATUS.DISABLED
                                                                     : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" })] })] }) }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: qrCodeValue, children: (0, jsx_runtime_1.jsxs)(Button_1.default.Secondary, { className: "gap-1.5 flex items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                                 fontSize: theme.typography.fontSize12,
                                                                 fontWeight: theme.typography.fontWeight400,
-                                                                leading: "typography.leading150",
+                                                                leading: theme.typography.leading160,
                                                                 textTransform: "capitalize",
                                                             }, children: "Copy" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("copy"), width: 20 })] }) }), (0, jsx_runtime_1.jsx)(Share_1.default, { elementId: "share-deposit-info", children: (0, jsx_runtime_1.jsxs)(Button_1.default.Secondary, { sx: __assign({ gap: theme.mixins.gaps.g4 }, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                                 fontSize: theme.typography.fontSize12,
                                                                 fontWeight: theme.typography.fontWeight400,
-                                                                leading: "typography.leading150",
+                                                                leading: theme.typography.leading160,
                                                                 textTransform: "capitalize",
                                                             }, children: "Share" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("share"), width: 20 })] }) })] })] }) }, DepositStep.SHOW_QR_CODE)] }, depositTokens === null || depositTokens === void 0 ? void 0 : depositTokens.length) }) }) }));
 });

package/dist/components/ui/Formatter/index.js

@@ -1,5 +1,16 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -12,7 +23,7 @@ var material_1 = require("@mui/material");
 var formatter_1 = __importDefault(require("../../../utils/formatter"));
 var Formatter = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    var value = _a.value, _o = _a.start, start = _o === void 0 ? "" : _o, _p = _a.unit, unit = _p === void 0 ? "" : _p, _q = _a.lengthValueAllowed, lengthValueAllowed = _q === void 0 ? 2 : _q, _r = _a.noUnitSpacing, noUnitSpacing = _r === void 0 ? false : _r, _s = _a.allowShowZero, allowShowZero = _s === void 0 ? false : _s, _t = _a.useCompact, useCompact = _t === void 0 ? true : _t, disableTooltip = _a.disableTooltip, isLessThan = _a.isLessThan, unitStyle = _a.unitStyle, _u = _a.useCompactOnThousand, useCompactOnThousand = _u === void 0 ? false : _u, startStyle = _a.startStyle, hideStart = _a.hideStart, hideUnit = _a.hideUnit, onClickUnit = _a.onClickUnit;
+    var value = _a.value, _o = _a.start, start = _o === void 0 ? "" : _o, _p = _a.unit, unit = _p === void 0 ? "" : _p, _q = _a.lengthValueAllowed, lengthValueAllowed = _q === void 0 ? 2 : _q, _r = _a.noUnitSpacing, noUnitSpacing = _r === void 0 ? false : _r, _s = _a.allowShowZero, allowShowZero = _s === void 0 ? false : _s, _t = _a.useCompact, useCompact = _t === void 0 ? true : _t, disableTooltip = _a.disableTooltip, isLessThan = _a.isLessThan, unitStyle = _a.unitStyle, _u = _a.useCompactOnThousand, useCompactOnThousand = _u === void 0 ? false : _u, startStyle = _a.startStyle, hideStart = _a.hideStart, hideUnit = _a.hideUnit, onClickUnit = _a.onClickUnit, sx = _a.sx;
     var tokensRateState = {}.tokensRateState;
     var userInfo = {}.userInfo;
     //   const { tokensRateState } = useRealtimeData();
@@ -36,9 +47,7 @@ var Formatter = function (_a) {
     var formattedNumber = (0, getStandardNumber_1.default)(numberDisplay);
     var lengthFromDot = (0, lengthFromDotToFirstNonZero_1.default)(formattedNumber);
     var lessThan = numberDisplay > 0 && numberDisplay < 0.01 && isLessThan;
-    return ((0, jsx_runtime_1.jsx)(CustomTooltip_1.default, { disabled: disableTooltip, trigger: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                whiteSpace: "nowrap",
-            }, children: numberDisplay === 0 && !allowShowZero ? ("--") : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [lessThan && ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", sx: {
+    return ((0, jsx_runtime_1.jsx)(CustomTooltip_1.default, { disabled: disableTooltip, trigger: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ whiteSpace: "nowrap" }, sx), children: numberDisplay === 0 && !allowShowZero ? ("--") : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [lessThan && ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", sx: {
                             position: "relative",
                             top: "-0.125rem",
                             mr: "0.125rem",

package/dist/components/ui/FunctionItem/index.js

@@ -24,8 +24,8 @@ var FunctionItem = function (props) {
                     borderRadius: theme.mixins.theBorderRadius.full,
                 }, width: 44 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                     color: "text.white",
-                    fontSize: "typography.fontSize13",
-                    lineHeight: "typography.lineHeight140",
+                    fontSize: theme.typography.fontSize13,
+                    lineHeight: theme.typography.leading140,
                 }, children: props.label })] }));
 };
 exports.default = FunctionItem;

package/dist/components/ui/ListItemCustom/index.js

@@ -33,6 +33,6 @@ var Text_1 = __importDefault(require("../Text"));
 function ListItemCustom(_a) {
     var title = _a.title, description = _a.description, icon = _a.icon, rightIcon = _a.rightIcon, hideDefaultRightIcon = _a.hideDefaultRightIcon, sx = _a.sx, rest = __rest(_a, ["title", "description", "icon", "rightIcon", "hideDefaultRightIcon", "sx"]);
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.ListItem, __assign({}, rest, { sx: __assign(__assign({}, theme.mixins.row), sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 32, src: icon }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, alignItems: "start", flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listTitle), children: title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listDescription), children: description })] }), rightIcon !== null && rightIcon !== void 0 ? rightIcon : (!hideDefaultRightIcon && ((0, jsx_runtime_1.jsx)(Icon_1.default, { width: 10, src: (0, getIcon_1.default)("arrow-right"), sx: { ml: "auto" } })))] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.ListItem, __assign({}, rest, { sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, backgroundColor: "background.white16", borderRadius: theme.mixins.theBorderRadius.r12 }), sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 32, src: icon }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g2, alignItems: "start", flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listTitle), children: title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listDescription), children: description })] }), rightIcon !== null && rightIcon !== void 0 ? rightIcon : (!hideDefaultRightIcon && ((0, jsx_runtime_1.jsx)(Icon_1.default, { width: 10, src: (0, getIcon_1.default)("arrow-right"), sx: { ml: "auto" } })))] })));
 }
 exports.default = ListItemCustom;

package/dist/components/ui/LoadingLayout/index.js

@@ -30,7 +30,7 @@ var LoadingLayout = (0, react_1.forwardRef)(function (props, ref) {
             setLoading(false);
         },
     }); });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative", width: "fit-content", height: "fit-content" }, sx), children: [children, loading && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.whiteLoadingOverlay), theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 20 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.center), { fontSize: "typography.fontSize12", color: "text.secondary" }), children: loadingMessage })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative", width: "fit-content", height: "fit-content" }, sx), children: [children, loading && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.whiteLoadingOverlay), theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 20 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.center), { fontSize: theme.typography.fontSize12, color: "text.secondary" }), children: loadingMessage })] }))] }));
 });
 LoadingLayout.displayName = "LoadingLayout";
 exports.default = LoadingLayout;

package/dist/components/ui/TimeFilter/index.js

@@ -113,7 +113,7 @@ var TimeFilter = function (_a) {
                             border: "none",
                         }, children: (0, jsx_runtime_1.jsx)(material_1.Chip, { label: type, variant: "outlined", sx: {
                                 textTransform: "capitalize",
-                                leading: "typography.lineHeight100",
+                                leading: theme.typography.leading100,
                                 borderColor: "currentColor",
                                 color: (value === null || value === void 0 ? void 0 : value.type) === type ? "text.white" : "text.white64",
                             }, onClick: function () { } }) }, type));

package/dist/components/ui/TokensBoard/index.js

@@ -28,16 +28,16 @@ var TokensBoard = function () {
                             display: "grid",
                             gridTemplateColumns: "1.55fr 1fr 1fr",
                             gap: theme.mixins.gaps.g12,
-                            fontSize: "typography.fontSize11",
+                            fontSize: theme.typography.fontSize11,
                             color: "text.white",
-                            lineHeight: "140%",
+                            lineHeight: theme.typography.leading140,
                         }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: { textAlign: "left" }, children: "Name" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { textAlign: "left" }, children: "Listing Price" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { textAlign: "right" }, children: "PnL" })] })), tokens === null || tokens === void 0 ? void 0 : tokens.map(function (item) {
                         var stringifiedTokenData = JSON.stringify(__assign({}, item));
                         return (0, jsx_runtime_1.jsx)(TokenItem_1.default, { tokenData: stringifiedTokenData }, item.id);
                     }), !tokens && (0, jsx_runtime_1.jsx)(WaitingData_1.default, { className: "m-auto" })] }), !!tokens && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                    fontSize: "typography.fontSize12",
+                    fontSize: theme.typography.fontSize12,
                     color: "text.secondary",
-                    lineHeight: "140%",
+                    lineHeight: theme.typography.leading140,
                     width: "fit-content",
                     px: theme.mixins.customPadding.p5,
                 }, children: "View all assets" }))] }));

package/dist/theme/mui/theme.js

@@ -217,11 +217,14 @@ var theme = (0, styles_1.createTheme)({
             color: "text.white",
             fontWeight: typography.fontWeight500,
             fontSize: typography.fontSize14,
+            lineHeight: typography.leading140,
+            textTransform: "capitalize",
         },
         listDescription: {
             color: "text.white64",
             fontWeight: typography.fontWeight400,
             fontSize: typography.fontSize12,
+            lineHeight: typography.leading140,
         },
         smallButton: {
             fontSize: typography.fontSize11,

package/package.json

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