tek-wallet 0.0.708 → 0.0.709
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/TekWallet/components/ui/AnalyticGroup/index.js +10 -11
- package/dist/components/TekWallet/components/ui/IncomeWallet/components/BalanceChart.js +5 -4
- package/dist/components/TekWallet/components/ui/IncomeWallet/components/FunctionItem.d.ts +11 -0
- package/dist/components/TekWallet/components/ui/IncomeWallet/components/FunctionItem.js +29 -0
- package/dist/components/TekWallet/components/ui/IncomeWallet/components/WealthDeposit.js +51 -2
- package/dist/components/TekWallet/components/ui/IncomeWallet/components/WealthWithdraw.d.ts +7 -0
- package/dist/components/TekWallet/components/ui/IncomeWallet/components/WealthWithdraw.js +21 -30
- package/dist/components/TekWallet/components/ui/IncomeWallet/components/deposit/index.d.ts +1 -1
- package/dist/components/TekWallet/components/ui/IncomeWallet/components/deposit/index.js +12 -10
- package/dist/components/TekWallet/components/ui/IncomeWallet/index.d.ts +1 -1
- package/dist/components/TekWallet/components/ui/IncomeWallet/index.js +21 -12
- package/dist/components/TekWallet/components/ui/IncomeWallet/zustand/transfer.zus.d.ts +1 -1
- package/dist/components/TekWallet/components/ui/IncomeWallet/zustand/transfer.zus.js +12 -14
- package/dist/components/TekWallet/components/ui/ModalLayout/index.d.ts +1 -1
- package/dist/components/TekWallet/components/ui/ModalLayout/index.js +1 -1
- package/dist/components/TekWallet/components/ui/SvgPath/index.d.ts +5 -0
- package/dist/components/TekWallet/components/ui/SvgPath/index.js +6 -1
- package/package.json +1 -1
|
@@ -17,11 +17,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
18
|
var Text_1 = __importDefault(require("../Text"));
|
|
19
19
|
var Formatter_1 = __importDefault(require("../Formatter"));
|
|
20
|
-
var Icon_1 = __importDefault(require("../Icon"));
|
|
21
20
|
var material_1 = require("@mui/material");
|
|
22
21
|
var providers_1 = require("../../../providers");
|
|
23
|
-
var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
|
|
24
22
|
var ContentHiddenProvider_1 = require("../../../providers/ContentHiddenProvider");
|
|
23
|
+
var SvgPath_1 = require("../SvgPath");
|
|
25
24
|
var AnalyticGroup = function (props) {
|
|
26
25
|
var theme = (0, providers_1.useTheme)();
|
|
27
26
|
var _a = (0, ContentHiddenProvider_1.useContentHidden)(), isHidden = _a.isHidden, setIsHidden = _a.setIsHidden;
|
|
@@ -32,7 +31,7 @@ var AnalyticGroup = function (props) {
|
|
|
32
31
|
fontSize: theme.typography.fontSize15,
|
|
33
32
|
fontWeight: theme.typography.fontWeight500,
|
|
34
33
|
color: theme.palette.text.accent2,
|
|
35
|
-
}, children: "Total Amount" }), (0, jsx_runtime_1.jsx)(
|
|
34
|
+
}, children: "Total Amount" }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { onClick: toggleHidden, sx: { cursor: "pointer", width: 14, height: 14 }, children: SvgPath_1.IC_NO_SEE })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
36
35
|
display: "flex",
|
|
37
36
|
flexDirection: "column",
|
|
38
37
|
alignItems: "flex-end",
|
|
@@ -41,7 +40,7 @@ var AnalyticGroup = function (props) {
|
|
|
41
40
|
}, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.value), { fontSize: theme.typography.fontSize20, gap: theme.mixins.gaps.g6 }), children: !isHidden ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { 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: {
|
|
42
41
|
fontWeight: theme.typography.fontWeight400,
|
|
43
42
|
fontSize: "0.8em",
|
|
44
|
-
}, children: "USDC" }), (0, jsx_runtime_1.jsx)(
|
|
43
|
+
}, children: "USDC" }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_DOWN })] })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
45
44
|
fontSize: theme.typography.fontSize24,
|
|
46
45
|
fontWeight: theme.typography.fontWeight700,
|
|
47
46
|
color: theme.palette.text.black,
|
|
@@ -51,7 +50,7 @@ var AnalyticGroup = function (props) {
|
|
|
51
50
|
fontSize: theme.typography.fontSize12,
|
|
52
51
|
textTransform: "capitalize",
|
|
53
52
|
color: theme.palette.text.accent,
|
|
54
|
-
}, children: props.timeRange }), !isHidden ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(
|
|
53
|
+
}, children: props.timeRange }), !isHidden ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_UP }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.alertStatus, fontSize: theme.typography.fontSize12, fontWeight: theme.typography.fontWeight600, borderBottom: "1px dashed currentColor" }), children: "5.63 (+3,22%)" })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
55
54
|
fontSize: theme.typography.fontSize12,
|
|
56
55
|
fontWeight: theme.typography.fontWeight600,
|
|
57
56
|
color: theme.palette.text.accent2,
|
|
@@ -67,14 +66,14 @@ var AnalyticGroup = function (props) {
|
|
|
67
66
|
fontSize: theme.typography.fontSize12,
|
|
68
67
|
textTransform: "capitalize",
|
|
69
68
|
color: theme.palette.text.accent,
|
|
70
|
-
}, children: "Profit" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: !isHidden ? ((0, jsx_runtime_1.
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
69
|
+
}, children: "Profit" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: !isHidden ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
70
|
+
fontSize: theme.typography.fontSize12,
|
|
71
|
+
fontWeight: theme.typography.fontWeight600,
|
|
72
|
+
color: theme.palette.text.accent2,
|
|
73
|
+
}, children: "\u2248 250k XP" }) })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
75
74
|
fontSize: theme.typography.fontSize12,
|
|
76
75
|
fontWeight: theme.typography.fontWeight600,
|
|
77
76
|
color: theme.palette.text.accent2,
|
|
78
|
-
}, children: "****" })) }), (0, jsx_runtime_1.jsx)(
|
|
77
|
+
}, children: "****" })) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 14, height: 14 }, children: SvgPath_1.IC_INFORMATION })] })] })] }));
|
|
79
78
|
};
|
|
80
79
|
exports.default = AnalyticGroup;
|
|
@@ -57,8 +57,7 @@ var ContentHiddenProvider_1 = require("../../../../providers/ContentHiddenProvid
|
|
|
57
57
|
var providers_1 = require("../../../../providers");
|
|
58
58
|
var DelayMounted_1 = __importDefault(require("../../DelayMounted"));
|
|
59
59
|
var NeonLineChart_1 = __importDefault(require("../../NeonLineChart"));
|
|
60
|
-
var
|
|
61
|
-
var getIcon_1 = __importDefault(require("../../../../utils/getIcon"));
|
|
60
|
+
var SvgPath_1 = require("../../SvgPath");
|
|
62
61
|
var fakeSeries = [
|
|
63
62
|
{
|
|
64
63
|
name: "All",
|
|
@@ -155,7 +154,7 @@ var BalanceChart = function (props) {
|
|
|
155
154
|
ease: "linear",
|
|
156
155
|
delay: expandAreaChart ? 0.5 : 0.25,
|
|
157
156
|
},
|
|
158
|
-
}, children: (0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 100, children: (0, jsx_runtime_1.jsx)(TimeFilter_1.default, { hideAll: true, initialValue: defaultTimeRange, onChange: handleChangeTimeRange }) }) })] }), (0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 100, children: (0, jsx_runtime_1.jsx)(
|
|
157
|
+
}, children: (0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 100, children: (0, jsx_runtime_1.jsx)(TimeFilter_1.default, { hideAll: true, initialValue: defaultTimeRange, onChange: handleChangeTimeRange }) }) })] }), (0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 100, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { onClick: toggleExpand, sx: {
|
|
159
158
|
alignSelf: "center",
|
|
160
159
|
transition: "all 500ms ease-in-out",
|
|
161
160
|
cursor: "pointer",
|
|
@@ -164,6 +163,8 @@ var BalanceChart = function (props) {
|
|
|
164
163
|
? "rotate(180deg) translateX(900%) translateY(120%)"
|
|
165
164
|
: "translateX(-50%) translateY(100%)",
|
|
166
165
|
zIndex: 20,
|
|
167
|
-
|
|
166
|
+
width: 20,
|
|
167
|
+
height: 20,
|
|
168
|
+
}, children: SvgPath_1.IC_EXPANDER_ARROW }) })] })] }) }));
|
|
168
169
|
};
|
|
169
170
|
exports.default = BalanceChart;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { GeneralProps } from "../../../../types/ui";
|
|
2
|
+
import { JSX } from "react";
|
|
3
|
+
interface FunctionItemProps extends GeneralProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
icon?: JSX.Element;
|
|
6
|
+
label?: string;
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
}
|
|
10
|
+
declare const FunctionItem: (props: FunctionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default FunctionItem;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var material_1 = require("@mui/material");
|
|
19
|
+
var providers_1 = require("../../../../providers");
|
|
20
|
+
var Text_1 = __importDefault(require("../../Text"));
|
|
21
|
+
var FunctionItem = function (props) {
|
|
22
|
+
var theme = (0, providers_1.useTheme)();
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g6 }), props.sx), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: props.width, height: props.height }, children: props.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
24
|
+
color: "text.white",
|
|
25
|
+
fontSize: theme.typography.fontSize13,
|
|
26
|
+
lineHeight: theme.typography.leading140,
|
|
27
|
+
}, children: props.label })] }));
|
|
28
|
+
};
|
|
29
|
+
exports.default = FunctionItem;
|
|
@@ -1,4 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
2
35
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
37
|
};
|
|
@@ -6,9 +39,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
39
|
exports.default = WealthDeposit;
|
|
7
40
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
41
|
var react_1 = require("react");
|
|
9
|
-
var DrawerComponent_1 =
|
|
42
|
+
var DrawerComponent_1 = __importStar(require("../../DrawerComponent"));
|
|
10
43
|
var ModalLayout_1 = __importDefault(require("../../ModalLayout"));
|
|
11
44
|
var deposit_1 = __importDefault(require("./deposit"));
|
|
45
|
+
var xhub_keyboard_1 = require("xhub-keyboard");
|
|
46
|
+
var shallow_1 = require("zustand/react/shallow");
|
|
47
|
+
var transfer_zus_1 = __importDefault(require("../zustand/transfer.zus"));
|
|
48
|
+
var PageHeader_1 = __importDefault(require("../../PageHeader"));
|
|
49
|
+
var useUniqueId_1 = require("../../../../hooks/useUniqueId");
|
|
12
50
|
function WealthDeposit(props) {
|
|
13
51
|
var drawerRef = (0, react_1.useRef)(null);
|
|
14
52
|
var handleOnClose = function () {
|
|
@@ -19,5 +57,16 @@ function WealthDeposit(props) {
|
|
|
19
57
|
var _a;
|
|
20
58
|
(_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
21
59
|
};
|
|
22
|
-
|
|
60
|
+
var keyboardId = (0, useUniqueId_1.useUniqueId)("confirm-passcode-keyboard");
|
|
61
|
+
var keyboardRef = (0, react_1.useRef)(null);
|
|
62
|
+
var _a = (0, transfer_zus_1.default)((0, shallow_1.useShallow)(function (state) { return ({
|
|
63
|
+
setAmount: state.setAmount,
|
|
64
|
+
amount: state.amount,
|
|
65
|
+
}); })), setAmount = _a.setAmount, amount = _a.amount;
|
|
66
|
+
return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { ref: keyboardRef, id: keyboardId, value: amount, onChange: function (value) {
|
|
67
|
+
setAmount(value);
|
|
68
|
+
}, keyboardType: xhub_keyboard_1.KeyboardType.Double, layoutType: xhub_keyboard_1.LayoutType.Integer, viewFullHeight: true, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { onClose: close, fullScreen: true, backgroundColor: "#fff", overrideHeader: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Topup", overrideBack: handleOnClose, sx: {
|
|
69
|
+
height: "fit-content",
|
|
70
|
+
color: "text.tertiary",
|
|
71
|
+
} }), children: (0, jsx_runtime_1.jsx)(deposit_1.default, { onContinue: props.onContinue, keyboardId: keyboardId }) }) }) }));
|
|
23
72
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface WealthWithdrawProps {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
onOpen?: () => void;
|
|
4
|
+
onContinue: (amount: string) => void;
|
|
5
|
+
}
|
|
6
|
+
export default function WealthWithdraw(props: WealthWithdrawProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export type { WealthWithdrawProps };
|
|
@@ -1,31 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
// onClose={handleOnClose}
|
|
24
|
-
// >
|
|
25
|
-
// <ModalLayout onClose={close} fullScreen title="Deposit">
|
|
26
|
-
// <Deposit />
|
|
27
|
-
// </ModalLayout>
|
|
28
|
-
// </DrawerComponent>
|
|
29
|
-
// );
|
|
30
|
-
// }
|
|
31
|
-
// export type { WealthWithdrawProps };
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = WealthWithdraw;
|
|
7
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
var react_1 = require("react");
|
|
9
|
+
var DrawerComponent_1 = __importDefault(require("../../DrawerComponent"));
|
|
10
|
+
var ModalLayout_1 = __importDefault(require("../../ModalLayout"));
|
|
11
|
+
function WealthWithdraw(props) {
|
|
12
|
+
var drawerRef = (0, react_1.useRef)(null);
|
|
13
|
+
var handleOnClose = function () {
|
|
14
|
+
var _a;
|
|
15
|
+
(_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
16
|
+
};
|
|
17
|
+
var close = function () {
|
|
18
|
+
var _a;
|
|
19
|
+
(_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
20
|
+
};
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { onClose: close, fullScreen: true, title: "Deposit" }) }));
|
|
22
|
+
}
|
|
@@ -64,22 +64,20 @@ var DepositTitle = function (props) {
|
|
|
64
64
|
return ((0, jsx_runtime_1.jsx)(Row_1.default, { className: "flex items-center justify-between", children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.inputLabel), children: props.title }) }));
|
|
65
65
|
};
|
|
66
66
|
function Deposit(props) {
|
|
67
|
-
var
|
|
67
|
+
var _a;
|
|
68
68
|
var theme = (0, providers_1.useTheme)();
|
|
69
|
-
var
|
|
69
|
+
var _b = (0, transfer_zus_1.default)((0, shallow_1.useShallow)(function (state) { return ({
|
|
70
70
|
amount: state.amount,
|
|
71
71
|
amountError: state.amountError,
|
|
72
|
-
|
|
72
|
+
allowContinue: state.allowContinue,
|
|
73
|
+
}); })), amount = _b.amount, amountError = _b.amountError, allowContinue = _b.allowContinue;
|
|
73
74
|
return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
|
|
74
|
-
backgroundColor:
|
|
75
|
+
backgroundColor: "white",
|
|
75
76
|
}, footer: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { style: {
|
|
76
77
|
width: "calc(100dvw - 2rem)",
|
|
77
|
-
}, status: Button_1.BUTTON_STATUS.ENABLED,
|
|
78
|
-
// disabled={isDisabled}
|
|
79
|
-
// ref={continueBtnRef}
|
|
80
|
-
onClick: function () {
|
|
78
|
+
}, status: allowContinue ? Button_1.BUTTON_STATUS.ENABLED : Button_1.BUTTON_STATUS.DISABLED, disabled: !allowContinue, onClick: function () {
|
|
81
79
|
props.onContinue(amount !== null && amount !== void 0 ? amount : "0");
|
|
82
|
-
}, children: "Continue" }), children: (0, jsx_runtime_1.jsxs)(Column_1.default, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.default, { value: "1rem" }), (0, jsx_runtime_1.jsx)(DepositTitle, { title: "Amount" }), (0, jsx_runtime_1.jsx)(Spacer_1.default, { value: "0.25rem" }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { className: "w-full", useBrowserInput:
|
|
80
|
+
}, children: "Continue" }), children: (0, jsx_runtime_1.jsxs)(Column_1.default, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.default, { value: "1rem" }), (0, jsx_runtime_1.jsx)(DepositTitle, { title: "Amount" }), (0, jsx_runtime_1.jsx)(Spacer_1.default, { value: "0.25rem" }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { className: "w-full", useBrowserInput: false, htmlFor: (_a = props.keyboardId) !== null && _a !== void 0 ? _a : "", children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Input, { placeholder: "Enter amount", value: amount, displayType: xhub_keyboard_1.DisplayType.Double, styles: {
|
|
83
81
|
container: {
|
|
84
82
|
padding: "0.6rem 1rem",
|
|
85
83
|
borderRadius: "0.5rem",
|
|
@@ -92,5 +90,9 @@ function Deposit(props) {
|
|
|
92
90
|
fontWeight: "medium",
|
|
93
91
|
lineHeight: "140%",
|
|
94
92
|
},
|
|
95
|
-
},
|
|
93
|
+
}, rightElement: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
94
|
+
color: theme.palette.text.primary,
|
|
95
|
+
fontSize: theme.typography.fontSize13,
|
|
96
|
+
lineHeight: theme.typography.leading140,
|
|
97
|
+
}, children: "WealthS" }), elementsAcceptIds: [props.keyboardId] }) }), amountError && (0, jsx_runtime_1.jsx)(Text_1.default, { className: "text-error", children: amountError })] }) }));
|
|
96
98
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
interface IncomeWalletProps {
|
|
2
2
|
balance: number;
|
|
3
3
|
getTransactionHistory: () => Promise<any>;
|
|
4
|
-
withdraw: (amount:
|
|
4
|
+
withdraw: (amount: string) => Promise<any>;
|
|
5
5
|
deposit: (amount: string) => Promise<any>;
|
|
6
6
|
}
|
|
7
7
|
export declare const IncomeWallet: (props: IncomeWalletProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -20,18 +20,19 @@ exports.IncomeWallet = void 0;
|
|
|
20
20
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
21
21
|
var material_1 = require("@mui/material");
|
|
22
22
|
var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
|
|
23
|
-
var FunctionItem_1 = __importDefault(require("../FunctionItem"));
|
|
24
|
-
var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
|
|
25
23
|
var TokensBoard_1 = __importDefault(require("../TokensBoard"));
|
|
26
24
|
var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
|
|
27
25
|
var ThemeProvider_1 = require("../../../providers/ThemeProvider");
|
|
28
26
|
var BalanceChart_1 = __importDefault(require("./components/BalanceChart"));
|
|
29
27
|
var WealthDeposit_1 = __importDefault(require("./components/WealthDeposit"));
|
|
30
28
|
var Text_1 = __importDefault(require("../Text"));
|
|
29
|
+
var SvgPath_1 = require("../SvgPath");
|
|
30
|
+
var FunctionItem_1 = __importDefault(require("./components/FunctionItem"));
|
|
31
|
+
var WealthWithdraw_1 = __importDefault(require("./components/WealthWithdraw"));
|
|
31
32
|
var IncomeWallet = function (props) {
|
|
32
33
|
var isInitPasscode = (0, useWalletData_1.default)().isInitPasscode;
|
|
33
34
|
var theme = (0, ThemeProvider_1.useTheme)();
|
|
34
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isInitPasscode && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Please connect your wallet to get asset information" })), !!isInitPasscode && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(BalanceChart_1.default, {}), (0, jsx_runtime_1.
|
|
35
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isInitPasscode && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Please connect your wallet to get asset information" })), !!isInitPasscode && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(BalanceChart_1.default, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
35
36
|
display: "grid",
|
|
36
37
|
gridTemplateColumns: "repeat(4, 1fr)",
|
|
37
38
|
gap: theme.mixins.gaps.g12,
|
|
@@ -46,15 +47,23 @@ var IncomeWallet = function (props) {
|
|
|
46
47
|
color: theme.palette.text.primary,
|
|
47
48
|
fontWeight: theme.typography.fontWeight600,
|
|
48
49
|
},
|
|
49
|
-
}, children: (0, jsx_runtime_1.jsx)(WealthDeposit_1.default, { onContinue: function (amount) {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
50
|
+
}, children: [(0, jsx_runtime_1.jsx)(WealthDeposit_1.default, { onContinue: function (amount) {
|
|
51
|
+
props.deposit(amount);
|
|
52
|
+
}, children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
|
|
53
|
+
borderRight: "1px solid ".concat(theme.palette.border.accent3),
|
|
54
|
+
placeContent: "center",
|
|
55
|
+
columnSpan: 1,
|
|
56
|
+
}, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: SvgPath_1.IC_DEPOSIT, width: 30, height: 30, label: "Topup", sx: {
|
|
57
|
+
width: "100%",
|
|
58
|
+
} }) }) }), (0, jsx_runtime_1.jsx)(WealthWithdraw_1.default, { onContinue: function (amount) {
|
|
59
|
+
props.deposit(amount);
|
|
60
|
+
}, children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { sx: {
|
|
61
|
+
borderRight: "1px solid ".concat(theme.palette.border.accent3),
|
|
62
|
+
placeContent: "center",
|
|
63
|
+
columnSpan: 1,
|
|
64
|
+
}, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: SvgPath_1.IC_WITHDRAW, width: 30, height: 30, label: "Withdraw", sx: {
|
|
65
|
+
width: "100%",
|
|
66
|
+
} }) }) })] }), (0, jsx_runtime_1.jsx)(TokensBoard_1.default, {})] })))] }));
|
|
58
67
|
};
|
|
59
68
|
exports.IncomeWallet = IncomeWallet;
|
|
60
69
|
exports.default = exports.IncomeWallet;
|
|
@@ -11,7 +11,7 @@ type TransferState = {
|
|
|
11
11
|
autoAllowContinue: boolean;
|
|
12
12
|
continueBtnRef: React.RefObject<HTMLButtonElement | null> | null;
|
|
13
13
|
setLatestTransactionId: (id: string | null) => void;
|
|
14
|
-
setAmount: (amount: string
|
|
14
|
+
setAmount: (amount: string) => void;
|
|
15
15
|
setMessage: (message: string) => void;
|
|
16
16
|
setAmountError: (error: string | null) => void;
|
|
17
17
|
checkIfAllValid: () => void;
|
|
@@ -20,7 +20,7 @@ var AmountError;
|
|
|
20
20
|
AmountError["MIN_LIMIT"] = "\u24D8 Enter a minimum amount of";
|
|
21
21
|
})(AmountError || (exports.AmountError = AmountError = {}));
|
|
22
22
|
var initialState = {
|
|
23
|
-
amount:
|
|
23
|
+
amount: undefined, //undefined ,
|
|
24
24
|
message: undefined,
|
|
25
25
|
allowContinue: false,
|
|
26
26
|
amountError: null,
|
|
@@ -35,19 +35,17 @@ var initialState = {
|
|
|
35
35
|
setContinueBtnRef: function () { },
|
|
36
36
|
reset: function () { },
|
|
37
37
|
};
|
|
38
|
-
var useTransferState = (0, zustand_1.create)(function (set, get) { return (__assign(__assign({}, initialState), { setAmount: function (amount
|
|
38
|
+
var useTransferState = (0, zustand_1.create)(function (set, get) { return (__assign(__assign({}, initialState), { setAmount: function (amount) {
|
|
39
39
|
set({ amount: amount });
|
|
40
|
-
if (amount && balance) {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
}
|
|
40
|
+
// if (amount && balance) {
|
|
41
|
+
// if (Number(amount) > Number(balance)) {
|
|
42
|
+
// set({ amountError: `${AmountError.MAX_LIMIT} ${balance}` });
|
|
43
|
+
// } else if (Number(amount) <= 0) {
|
|
44
|
+
// set({ amountError: `${AmountError.MIN_LIMIT} ${balance}` });
|
|
45
|
+
// } else {
|
|
46
|
+
// set({ amountError: null });
|
|
47
|
+
// }
|
|
48
|
+
// }
|
|
51
49
|
get().checkIfAllValid();
|
|
52
50
|
}, setMessage: function (message) {
|
|
53
51
|
set({ message: message });
|
|
@@ -69,7 +67,7 @@ var useTransferState = (0, zustand_1.create)(function (set, get) { return (__ass
|
|
|
69
67
|
set({ continueBtnRef: ref });
|
|
70
68
|
}, reset: function () {
|
|
71
69
|
set({
|
|
72
|
-
amount:
|
|
70
|
+
amount: undefined, //undefined ,
|
|
73
71
|
message: undefined,
|
|
74
72
|
allowContinue: false,
|
|
75
73
|
amountError: null,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { GeneralProps } from "../../../types/ui";
|
|
2
2
|
import { ReactEventHandler, ReactNode } from "react";
|
|
3
|
-
interface ModalLayoutProps extends GeneralProps {
|
|
3
|
+
export interface ModalLayoutProps extends GeneralProps {
|
|
4
4
|
title?: ReactNode;
|
|
5
5
|
onClose?: ReactEventHandler;
|
|
6
6
|
hideHeader?: boolean;
|
|
@@ -21,7 +21,7 @@ var material_1 = require("@mui/material");
|
|
|
21
21
|
var ThemeProvider_1 = require("../../../providers/ThemeProvider");
|
|
22
22
|
var ModalLayout = function (props) {
|
|
23
23
|
var theme = (0, ThemeProvider_1.useTheme)();
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ borderRadius: props.fullScreen ? "0" : "1.5rem 1.5rem 0 0", maxHeight: "100dvh", backgroundColor: theme.palette.background.tertiary, display: "flex", flexDirection: "column", height: props.fullScreen ? "100dvh" : "fit-content" }, theme.mixins.pagePadding), props.sx), children: [!props.hideHeader && !props.overrideHeader && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ borderRadius: props.fullScreen ? "0" : "1.5rem 1.5rem 0 0", maxHeight: "100dvh", backgroundColor: props.backgroundColor || theme.palette.background.tertiary, display: "flex", flexDirection: "column", height: props.fullScreen ? "100dvh" : "fit-content" }, theme.mixins.pagePadding), props.sx), children: [!props.hideHeader && !props.overrideHeader && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
25
25
|
width: "100%",
|
|
26
26
|
position: "relative",
|
|
27
27
|
}, children: [(0, jsx_runtime_1.jsx)(ModalTitle_1.default, { children: props.title }), (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: {
|
|
@@ -26,3 +26,8 @@ export declare const IC_CHECK: import("react/jsx-runtime").JSX.Element;
|
|
|
26
26
|
export declare const IC_UNCHECK: import("react/jsx-runtime").JSX.Element;
|
|
27
27
|
export declare const IC_BACK: import("react/jsx-runtime").JSX.Element;
|
|
28
28
|
export declare const IC_TOOLTIP: import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export declare const IC_NO_SEE: import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export declare const IC_EXPANDER_ARROW: import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare const IC_INFORMATION: import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare const IC_WITHDRAW: import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare const IC_DEPOSIT: import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.IC_TOOLTIP = exports.IC_BACK = exports.IC_UNCHECK = exports.IC_CHECK = exports.IC_ARROW_DROP_DOWN = exports.IC_ARROW_DROP_UP = exports.IC_RECEIVE_EXTERNAL = exports.IC_RECEIVE_INTERNAL = exports.IC_ERROR = exports.IC_SUCCESS = exports.IC_CHEVRON_RIGHT = exports.IC_CHEVRON_LEFT = exports.IC_TRASH = exports.IC_ARROW_BLACK_DROP = exports.IC_SWAP = exports.IC_HELP = exports.IC_PASSCODE = exports.IC_FACE_ID = exports.IC_COPY = exports.IC_TIMELINE_DOT = exports.IC_CLOSE = exports.IC_SEARCH = exports.IC_DOCUMENTS = exports.IC_SCAN = exports.IC_TUTORIAL = exports.IC_HISTORY = exports.ARROW_DROP_DOWN = exports.ARROW_DROP_UP = void 0;
|
|
3
|
+
exports.IC_DEPOSIT = exports.IC_WITHDRAW = exports.IC_INFORMATION = exports.IC_EXPANDER_ARROW = exports.IC_NO_SEE = exports.IC_TOOLTIP = exports.IC_BACK = exports.IC_UNCHECK = exports.IC_CHECK = exports.IC_ARROW_DROP_DOWN = exports.IC_ARROW_DROP_UP = exports.IC_RECEIVE_EXTERNAL = exports.IC_RECEIVE_INTERNAL = exports.IC_ERROR = exports.IC_SUCCESS = exports.IC_CHEVRON_RIGHT = exports.IC_CHEVRON_LEFT = exports.IC_TRASH = exports.IC_ARROW_BLACK_DROP = exports.IC_SWAP = exports.IC_HELP = exports.IC_PASSCODE = exports.IC_FACE_ID = exports.IC_COPY = exports.IC_TIMELINE_DOT = exports.IC_CLOSE = exports.IC_SEARCH = exports.IC_DOCUMENTS = exports.IC_SCAN = exports.IC_TUTORIAL = exports.IC_HISTORY = exports.ARROW_DROP_DOWN = exports.ARROW_DROP_UP = void 0;
|
|
4
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
exports.ARROW_DROP_UP = ((0, jsx_runtime_1.jsx)("svg", { width: "8", height: "5", viewBox: "0 0 8 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 4.5L4 0.5L8 4.5H0Z", fill: "#000" }) }));
|
|
6
6
|
exports.ARROW_DROP_DOWN = ((0, jsx_runtime_1.jsx)("svg", { width: "8", height: "5", viewBox: "0 0 8 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M8 0.5L4 4.5L0 0.5L8 0.5Z", fill: "#000" }) }));
|
|
@@ -30,3 +30,8 @@ exports.IC_CHECK = ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", v
|
|
|
30
30
|
exports.IC_UNCHECK = ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M19 10C19 11.1819 18.7672 12.3522 18.3149 13.4442C17.8626 14.5361 17.1997 15.5282 16.364 16.364C15.5282 17.1997 14.5361 17.8626 13.4442 18.3149C12.3522 18.7672 11.1819 19 10 19C8.8181 19 7.64778 18.7672 6.55585 18.3149C5.46392 17.8626 4.47177 17.1997 3.63604 16.364C2.80031 15.5282 2.13738 14.5361 1.68508 13.4442C1.23279 12.3522 1 11.1819 1 10C1 7.61305 1.94821 5.32387 3.63604 3.63604C5.32387 1.94821 7.61305 1 10 1C12.3869 1 14.6761 1.94821 16.364 3.63604C18.0518 5.32387 19 7.61305 19 10Z", stroke: "#E5E6E6", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
31
31
|
exports.IC_BACK = ((0, jsx_runtime_1.jsx)("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M6.00002 11.6534L0.346191 5.99953L6.00002 0.345703L7.05384 1.39953L2.45384 5.99953L7.05384 10.5995L6.00002 11.6534Z", fill: "#121212" }) }));
|
|
32
32
|
exports.IC_TOOLTIP = ((0, jsx_runtime_1.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M7 5V7.5M13 7C13 7.78793 12.8448 8.56815 12.5433 9.2961C12.2417 10.0241 11.7998 10.6855 11.2426 11.2426C10.6855 11.7998 10.0241 12.2417 9.2961 12.5433C8.56815 12.8448 7.78793 13 7 13C6.21207 13 5.43185 12.8448 4.7039 12.5433C3.97595 12.2417 3.31451 11.7998 2.75736 11.2426C2.20021 10.6855 1.75825 10.0241 1.45672 9.2961C1.15519 8.56815 1 7.78793 1 7C1 5.4087 1.63214 3.88258 2.75736 2.75736C3.88258 1.63214 5.4087 1 7 1C8.5913 1 10.1174 1.63214 11.2426 2.75736C12.3679 3.88258 13 5.4087 13 7ZM7 9.5H7.00533V9.50533H7V9.5Z", stroke: "#1E4841", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
33
|
+
exports.IC_NO_SEE = ((0, jsx_runtime_1.jsx)("svg", { width: "15", height: "14", viewBox: "0 0 15 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M2.32125 4.482C1.7171 5.21812 1.26723 6.07547 1 7C1.83434 9.892 4.42904 12 7.50032 12C8.14157 12 8.76151 11.908 9.34916 11.7367M3.77294 3.152C4.87891 2.39857 6.17526 1.99792 7.50032 2C10.5716 2 13.1657 4.108 14 6.99867C13.5428 8.57823 12.5612 9.94107 11.2277 10.848M3.77294 3.152L1.68839 1M3.77294 3.152L6.13 5.58533M11.2277 10.848L13.3123 13M11.2277 10.848L8.87065 8.41467C9.05056 8.22893 9.19327 8.00844 9.29064 7.76577C9.38801 7.52309 9.43812 7.263 9.43812 7.00033C9.43812 6.73767 9.38801 6.47757 9.29064 6.2349C9.19327 5.99223 9.05056 5.77173 8.87065 5.586C8.69074 5.40027 8.47715 5.25294 8.24208 5.15242C8.00702 5.0519 7.75508 5.00016 7.50065 5.00016C7.24621 5.00016 6.99427 5.0519 6.75921 5.15242C6.52414 5.25294 6.31056 5.40027 6.13064 5.586M8.87 8.414L6.13129 5.58667", stroke: "#6B7271", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
34
|
+
exports.IC_EXPANDER_ARROW = ((0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", fill: "#ECF4E9" }), (0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "#1E4841" }), (0, jsx_runtime_1.jsx)("path", { d: "M4 4V6.18182M4 4H6.18182M4 4L6.54545 6.54545M4 12V9.81818M4 12H6.18182M4 12L6.54545 9.45455M12 4H9.81818M12 4V6.18182M12 4L9.45455 6.54545M12 12H9.81818M12 12V9.81818M12 12L9.45455 9.45455", stroke: "#1E4841", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
35
|
+
exports.IC_INFORMATION = ((0, jsx_runtime_1.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M7 5V7.5M13 7C13 7.78793 12.8448 8.56815 12.5433 9.2961C12.2417 10.0241 11.7998 10.6855 11.2426 11.2426C10.6855 11.7998 10.0241 12.2417 9.2961 12.5433C8.56815 12.8448 7.78793 13 7 13C6.21207 13 5.43185 12.8448 4.7039 12.5433C3.97595 12.2417 3.31451 11.7998 2.75736 11.2426C2.20021 10.6855 1.75825 10.0241 1.45672 9.2961C1.15519 8.56815 1 7.78793 1 7C1 5.4087 1.63214 3.88258 2.75736 2.75736C3.88258 1.63214 5.4087 1 7 1C8.5913 1 10.1174 1.63214 11.2426 2.75736C12.3679 3.88258 13 5.4087 13 7ZM7 9.5H7.00533V9.50533H7V9.5Z", stroke: "#1E4841", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
36
|
+
exports.IC_WITHDRAW = ((0, jsx_runtime_1.jsxs)("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.625 3.75C8.06865 3.75 4.375 7.44365 4.375 12C4.375 16.5563 8.06865 20.25 12.625 20.25C17.1813 20.25 20.875 16.5563 20.875 12V10.5006C20.875 10.0863 21.2108 9.75 21.625 9.75C22.0392 9.75 22.375 10.0858 22.375 10.5V12C22.375 17.3848 18.0098 21.75 12.625 21.75C7.24022 21.75 2.875 17.3848 2.875 12C2.875 6.61522 7.24022 2.25 12.625 2.25L14.1243 2.25L14.125 3.75L12.625 3.75ZM14.875 3C14.875 3.41422 14.5392 3.75 14.125 3.75L14.1243 2.25C14.5385 2.25 14.875 2.58579 14.875 3Z", fill: "#1E4841" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.875 3.75C17.4608 3.75 17.125 3.41421 17.125 3C17.125 2.58579 17.4608 2.25 17.875 2.25H21.625C22.0392 2.25 22.375 2.58579 22.375 3V6.75C22.375 7.16421 22.0392 7.5 21.625 7.5C21.2108 7.5 20.875 7.16421 20.875 6.75V4.81066L18.4053 7.28033C18.1124 7.57322 17.6376 7.57322 17.3447 7.28033C17.0518 6.98744 17.0518 6.51256 17.3447 6.21967L19.8143 3.75H17.875Z", fill: "#1E4841" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.625 6C13.0392 6 13.375 6.33579 13.375 6.75V7.5H14.875C15.2892 7.5 15.625 7.83579 15.625 8.25C15.625 8.66421 15.2892 9 14.875 9H11.5C11.2016 9 10.9155 9.11853 10.7045 9.3295C10.4935 9.54048 10.375 9.82663 10.375 10.125C10.375 10.4234 10.4935 10.7095 10.7045 10.9205C10.9155 11.1315 11.2016 11.25 11.5 11.25H13.75C14.4462 11.25 15.1139 11.5266 15.6062 12.0188C16.0984 12.5111 16.375 13.1788 16.375 13.875C16.375 14.5712 16.0984 15.2389 15.6062 15.7312C15.1139 16.2234 14.4462 16.5 13.75 16.5H13.375V17.25C13.375 17.6642 13.0392 18 12.625 18C12.2108 18 11.875 17.6642 11.875 17.25V16.5H10.375C9.96079 16.5 9.625 16.1642 9.625 15.75C9.625 15.3358 9.96079 15 10.375 15H13.75C14.0484 15 14.3345 14.8815 14.5455 14.6705C14.7565 14.4595 14.875 14.1734 14.875 13.875C14.875 13.5766 14.7565 13.2905 14.5455 13.0795C14.3345 12.8685 14.0484 12.75 13.75 12.75H11.5C10.8038 12.75 10.1361 12.4734 9.64384 11.9812C9.15156 11.4889 8.875 10.8212 8.875 10.125C8.875 9.42881 9.15156 8.76113 9.64384 8.26884C10.1361 7.77656 10.8038 7.5 11.5 7.5H11.875V6.75C11.875 6.33579 12.2108 6 12.625 6Z", fill: "#1E4841" })] }));
|
|
37
|
+
exports.IC_DEPOSIT = ((0, jsx_runtime_1.jsxs)("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.375 12C8.375 11.5858 8.71079 11.25 9.125 11.25H16.625C17.0392 11.25 17.375 11.5858 17.375 12C17.375 12.4142 17.0392 12.75 16.625 12.75H9.125C8.71079 12.75 8.375 12.4142 8.375 12Z", fill: "#1E4841" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.875 7.5C13.2892 7.5 13.625 7.83579 13.625 8.25V15.75C13.625 16.1642 13.2892 16.5 12.875 16.5C12.4608 16.5 12.125 16.1642 12.125 15.75V8.25C12.125 7.83579 12.4608 7.5 12.875 7.5Z", fill: "#1E4841" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.125 7.5C3.125 4.60051 5.47551 2.25 8.375 2.25H17.375C20.2745 2.25 22.625 4.60051 22.625 7.5V16.5C22.625 19.3995 20.2745 21.75 17.375 21.75H8.375C5.47551 21.75 3.125 19.3995 3.125 16.5V7.5ZM8.375 3.75C6.30393 3.75 4.625 5.42893 4.625 7.5V16.5C4.625 18.5711 6.30393 20.25 8.375 20.25H17.375C19.4461 20.25 21.125 18.5711 21.125 16.5V7.5C21.125 5.42893 19.4461 3.75 17.375 3.75H8.375Z", fill: "#1E4841" })] }));
|