tek-wallet 0.0.200 → 0.0.202

package/dist/components/ui/CheckBoxComponent/index.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxProps } from "@mui/material";
+interface CheckBoxComponentProps extends CheckboxProps {
+}
+declare const CheckBoxComponent: (props: CheckBoxComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default CheckBoxComponent;

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

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var CheckBoxComponent = function (props) {
+    var sx = props.sx, rest = __rest(props, ["sx"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Checkbox, __assign({}, rest, { sx: __assign({ color: "currentColor", padding: 0 }, sx) })));
+};
+exports.default = CheckBoxComponent;

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

@@ -121,49 +121,49 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
             updateDepositToken();
         }
     }, [isAuthenticated, depositTokens]);
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: (0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: props.children }), onOpen: props.onOpen, onClose: props.onClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
-                    width: "100%",
-                    display: "flex",
-                    alignItems: "center",
-                    minHeight: "2rem",
-                    mb: theme.mixins.customMargin.p20,
-                }, overrideBack: handleBack, hideBack: currentStep === DepositStep.SELECT_TOKEN, center: DEPOSIT_STEP_NAME[currentStep], children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: { marginLeft: "auto" }, onClick: close }) }), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
-                    autoHeight: true,
-                    spaceBetween: 32,
-                }, disableSwipe: true, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: depositTokens === null || depositTokens === void 0 ? void 0 : depositTokens.map(function (item) {
-                                var stringifiedTokenData = JSON.stringify(item);
-                                if (!item)
-                                    return null;
-                                return ((0, jsx_runtime_1.jsx)(TokenSelection_1.default, { onClick: handleSelectToken, tokenData: stringifiedTokenData, active: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.id) === item.id }, item.id));
-                            }) }) }, DepositStep.SELECT_TOKEN), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: networks === null || networks === void 0 ? void 0 : networks.map(function (item) {
-                                if (!item)
-                                    return null;
-                                return ((0, jsx_runtime_1.jsx)(NetworkSelection_1.default, { onClick: handleSelectNetwork, networkData: JSON.stringify(item), active: (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.id) === item.id }, item.id));
-                            }) }) }, DepositStep.SELECT_NETWORK), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                                display: "flex",
-                                flexDirection: "column",
-                                gap: theme.mixins.gaps.g16,
-                            }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ width: "100%" }, theme.mixins.column), { gap: theme.mixins.gaps.g12, backgroundColor: theme.palette.background.black24, borderRadius: theme.mixins.theBorderRadius.r16, padding: theme.mixins.customPadding.p16, alignItems: "flex-start", backdropFilter: "blur(10px)" }), id: "share-deposit-info", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                                width: "fit-content",
-                                                height: "fit-content",
-                                                alignSelf: "center",
-                                                borderRadius: theme.mixins.theBorderRadius.r12,
-                                                overflow: "hidden",
-                                                backgroundColor: theme.palette.background.white,
-                                                backdropFilter: "blur(10px)",
-                                            }, children: (0, jsx_runtime_1.jsx)(QRCode_1.default, { value: qrCodeValue, title: "Deposit ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name), logo: (0, getIcon_1.default)("ton"), bgColor: "transparent" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Network" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "button", sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, cursor: "pointer", transition: "transform 0.3s ease-in-out", "&:active": {
-                                                            transform: "translateX(0.5rem)",
-                                                        } }), onClick: handleBack, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("right_arrow"), width: 10 })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Address" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all" }), children: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: addressByNetwork || "", children: addressByNetwork }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.theBorderRadius.r12, padding: theme.mixins.customPadding.p8 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: ["Deposit", " ", (0, jsx_runtime_1.jsxs)("strong", { style: { color: theme.palette.text.white }, children: ["min ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name] }), " ", "and", " ", (0, jsx_runtime_1.jsx)("strong", { style: { color: theme.palette.text.white }, children: "select the correct network" }), ", or you will lose your assets."] }) })] }), (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",
-                                                            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",
-                                                            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) }) }));
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: props.onClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
+                        width: "100%",
+                        display: "flex",
+                        alignItems: "center",
+                        minHeight: "2rem",
+                        mb: theme.mixins.customMargin.p20,
+                    }, overrideBack: handleBack, hideBack: currentStep === DepositStep.SELECT_TOKEN, center: DEPOSIT_STEP_NAME[currentStep], children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: { marginLeft: "auto" }, onClick: close }) }), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
+                        autoHeight: true,
+                        spaceBetween: 32,
+                    }, disableSwipe: true, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: depositTokens === null || depositTokens === void 0 ? void 0 : depositTokens.map(function (item) {
+                                    var stringifiedTokenData = JSON.stringify(item);
+                                    if (!item)
+                                        return null;
+                                    return ((0, jsx_runtime_1.jsx)(TokenSelection_1.default, { onClick: handleSelectToken, tokenData: stringifiedTokenData, active: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.id) === item.id }, item.id));
+                                }) }) }, DepositStep.SELECT_TOKEN), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: networks === null || networks === void 0 ? void 0 : networks.map(function (item) {
+                                    if (!item)
+                                        return null;
+                                    return ((0, jsx_runtime_1.jsx)(NetworkSelection_1.default, { onClick: handleSelectNetwork, networkData: JSON.stringify(item), active: (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.id) === item.id }, item.id));
+                                }) }) }, DepositStep.SELECT_NETWORK), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    gap: theme.mixins.gaps.g16,
+                                }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ width: "100%" }, theme.mixins.column), { gap: theme.mixins.gaps.g12, backgroundColor: theme.palette.background.black24, borderRadius: theme.mixins.theBorderRadius.r16, padding: theme.mixins.customPadding.p16, alignItems: "flex-start", backdropFilter: "blur(10px)" }), id: "share-deposit-info", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                                    width: "fit-content",
+                                                    height: "fit-content",
+                                                    alignSelf: "center",
+                                                    borderRadius: theme.mixins.theBorderRadius.r12,
+                                                    overflow: "hidden",
+                                                    backgroundColor: theme.palette.background.white,
+                                                    backdropFilter: "blur(10px)",
+                                                }, children: (0, jsx_runtime_1.jsx)(QRCode_1.default, { value: qrCodeValue, title: "Deposit ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name), logo: (0, getIcon_1.default)("ton"), bgColor: "transparent" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Network" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "button", sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, cursor: "pointer", transition: "transform 0.3s ease-in-out", "&:active": {
+                                                                transform: "translateX(0.5rem)",
+                                                            } }), onClick: handleBack, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("right_arrow"), width: 10 })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Address" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all" }), children: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: addressByNetwork || "", children: addressByNetwork }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.theBorderRadius.r12, padding: theme.mixins.customPadding.p8 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: ["Deposit", " ", (0, jsx_runtime_1.jsxs)("strong", { style: { color: theme.palette.text.white }, children: ["min ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name] }), " ", "and", " ", (0, jsx_runtime_1.jsx)("strong", { style: { color: theme.palette.text.white }, children: "select the correct network" }), ", or you will lose your assets."] }) })] }), (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",
+                                                                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",
+                                                                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) }) }) }));
 });
 DepositFunction.displayName = "DepositFunction";
 exports.default = DepositFunction;

package/dist/components/ui/FunctionItem/index.d.ts

@@ -0,0 +1,7 @@
+interface FunctionItemProps {
+    className?: string;
+    icon?: string;
+    label?: string;
+}
+declare const FunctionItem: (props: FunctionItemProps) => import("react/jsx-runtime").JSX.Element;
+export default FunctionItem;

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

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 material_1 = require("@mui/material");
+var Icon_1 = __importDefault(require("../Icon"));
+var Text_1 = __importDefault(require("../Text"));
+var FunctionItem = function (props) {
+    var theme = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g6 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: props.icon, sx: {
+                    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",
+                }, children: props.label })] }));
+};
+exports.default = FunctionItem;

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

@@ -60,6 +60,7 @@ var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
 var react_1 = require("react");
 var useLockTokenData_1 = __importDefault(require("../../../hooks/useLockTokenData"));
 var Text_1 = __importDefault(require("../Text"));
+var RequireConnect_1 = __importDefault(require("../RequireConnect"));
 var LockTokenError;
 (function (LockTokenError) {
     LockTokenError["TOKEN_NOT_FOUND"] = "Token not found";
@@ -114,6 +115,6 @@ var LockToken = function (props) {
     (0, react_1.useEffect)(function () {
         validateAmount(props.lockData);
     }, [validateAmount]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { ref: confirmByPasscodeDrawerRef, action: type_1.ActionConfirm.LOCK, trigger: props.trigger, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: props.lockData.amount, unit: token === null || token === void 0 ? void 0 : token.name }) }), !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: theme.mixins.gaps.g6 }), children: [error, " ", !!errorAmount && ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: token === null || token === void 0 ? void 0 : token.name }))] }))] }) }), (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.ActionConfirm.LOCK, onConfirmSuccess: handleLockToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error ? Button_1.BUTTON_STATUS.DISABLED : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) })] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { ref: confirmByPasscodeDrawerRef, action: type_1.ActionConfirm.LOCK, trigger: props.children, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: props.lockData.amount, unit: token === null || token === void 0 ? void 0 : token.name }) }), !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: theme.mixins.gaps.g6 }), children: [error, " ", !!errorAmount && ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: token === null || token === void 0 ? void 0 : token.name }))] }))] }) }), (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.ActionConfirm.LOCK, onConfirmSuccess: handleLockToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error ? Button_1.BUTTON_STATUS.DISABLED : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) })] }) }) }));
 };
 exports.default = LockToken;

package/dist/components/ui/TokenItem/index.d.ts

@@ -0,0 +1,7 @@
+type TokenDataStringified = string;
+interface TokenItemProps {
+    className?: string;
+    tokenData: TokenDataStringified;
+}
+declare const TokenItem: (props: TokenItemProps) => import("react/jsx-runtime").JSX.Element;
+export default TokenItem;

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

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 react_1 = require("react");
+var Icon_1 = __importDefault(require("../Icon"));
+var Text_1 = __importDefault(require("../Text"));
+var Formatter_1 = __importDefault(require("../Formatter"));
+var material_1 = require("@mui/material");
+var TokenItem = function (props) {
+    var _a;
+    var theme = (0, material_1.useTheme)();
+    var tokenData = (0, react_1.useMemo)(function () { return JSON.parse(props.tokenData); }, [props.tokenData]);
+    var currency = (0, react_1.useMemo)(function () { return tokenData.currency; }, [tokenData]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+            display: "grid",
+            gridTemplateColumns: "1.55fr 1fr 1fr",
+            gap: theme.mixins.gaps.g12,
+            py: theme.mixins.customPadding.p8,
+        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, sx: {
+                            borderRadius: theme.mixins.theBorderRadius.full,
+                        }, src: currency.link }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: currency.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: currency.full_name })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: +((_a = tokenData.current_value) !== null && _a !== void 0 ? _a : 0) }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 100 }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, textAlign: "right" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 70000 }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 3.72 }) })] })] }));
+};
+exports.default = TokenItem;

package/dist/components/ui/TokensBoard/index.d.ts

@@ -0,0 +1,2 @@
+declare const TokensBoard: () => import("react/jsx-runtime").JSX.Element;
+export default TokensBoard;

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

@@ -0,0 +1,45 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
+var Text_1 = __importDefault(require("../Text"));
+var CheckBoxComponent_1 = __importDefault(require("../CheckBoxComponent"));
+var TokenItem_1 = __importDefault(require("../TokenItem"));
+var material_1 = require("@mui/material");
+var WaitingData_1 = __importDefault(require("../WaitingData"));
+var TokensBoard = function () {
+    var tokens = (0, useWalletData_1.default)().tokens;
+    var theme = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { backgroundColor: "background.black24" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: "asset management" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Hide small assets" }), (0, jsx_runtime_1.jsx)(CheckBoxComponent_1.default, { className: "!size-3", color: "primary" })] })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, minHeight: "20rem" }), children: [!!tokens && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                            display: "grid",
+                            gridTemplateColumns: "1.55fr 1fr 1fr",
+                            gap: theme.mixins.gaps.g12,
+                            fontSize: "typography.fontSize11",
+                            color: "text.white",
+                            lineHeight: "140%",
+                        }, 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",
+                    color: "text.secondary",
+                    lineHeight: "140%",
+                    width: "fit-content",
+                    px: theme.mixins.customPadding.p5,
+                }, children: "View all assets" }))] }));
+};
+exports.default = TokensBoard;

package/dist/components/ui/WaitingData/index.d.ts

@@ -0,0 +1,5 @@
+import { GeneralProps } from "../../../types/ui";
+interface WaitingDataProps extends GeneralProps {
+}
+declare const WaitingData: (props: WaitingDataProps) => import("react/jsx-runtime").JSX.Element;
+export default WaitingData;

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

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 WaitingData = function (props) {
+    return ((0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("waiting_data", "gif"), width: 28, sx: __assign({}, props.sx) }));
+};
+exports.default = WaitingData;

package/dist/components/ui/WithdrawFunction/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactEventHandler } from "react";
+import { GeneralProps } from "../../../types/ui";
+interface WithdrawFunctionProps extends GeneralProps {
+    onClose?: ReactEventHandler;
+    onOpen?: ReactEventHandler;
+}
+type WithdrawFunctionRef = {
+    open: () => void;
+    close: () => void;
+};
+declare const WithdrawFunction: import("react").ForwardRefExoticComponent<WithdrawFunctionProps & import("react").RefAttributes<WithdrawFunctionRef>>;
+export default WithdrawFunction;

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

@@ -0,0 +1,169 @@
+"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 };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
+var SwiperControlled_1 = __importDefault(require("../SwiperControlled"));
+var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
+var ModalLayout_1 = __importDefault(require("../ModalLayout"));
+var react_2 = require("swiper/react");
+var BackHeader_1 = __importDefault(require("../BackHeader"));
+var QRCode_1 = __importDefault(require("../QRCode"));
+var Text_1 = __importDefault(require("../Text"));
+var material_1 = require("@mui/material");
+var CopyTextComponent_1 = __importDefault(require("../CopyTextComponent"));
+var Button_1 = __importDefault(require("../Button"));
+var Icon_1 = __importDefault(require("../Icon"));
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var Share_1 = __importDefault(require("../Share"));
+var NetworkSelection_1 = __importDefault(require("../NetworkSelection"));
+var TokenSelection_1 = __importDefault(require("../TokenSelection"));
+var CloseModal_1 = __importDefault(require("../CloseModal"));
+var useDepositData_1 = __importDefault(require("../../../hooks/useDepositData"));
+var RequireConnect_1 = __importDefault(require("../RequireConnect"));
+var DepositStep;
+(function (DepositStep) {
+    DepositStep[DepositStep["SELECT_TOKEN"] = 1] = "SELECT_TOKEN";
+    DepositStep[DepositStep["SELECT_NETWORK"] = 2] = "SELECT_NETWORK";
+    DepositStep[DepositStep["SHOW_QR_CODE"] = 3] = "SHOW_QR_CODE";
+})(DepositStep || (DepositStep = {}));
+var DEPOSIT_STEP_NAME = (_a = {},
+    _a[DepositStep.SELECT_TOKEN] = "Select token",
+    _a[DepositStep.SELECT_NETWORK] = "Select network",
+    _a[DepositStep.SHOW_QR_CODE] = "Scan QR code",
+    _a);
+var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
+    var drawerRef = (0, react_1.useRef)(null);
+    var swiperRef = (0, react_1.useRef)(null);
+    var theme = (0, material_1.useTheme)();
+    var _a = (0, react_1.useState)(DepositStep.SELECT_TOKEN), currentStep = _a[0], setCurrentStep = _a[1];
+    var _b = (0, react_1.useState)(), selectedToken = _b[0], setSelectedToken = _b[1];
+    var _c = (0, react_1.useState)(), selectedNetwork = _c[0], setSelectedNetwork = _c[1];
+    var _d = (0, useWalletData_1.default)(), isAuthenticated = _d.isAuthenticated, blockchainWallets = _d.blockchainWallets;
+    var _e = (0, useDepositData_1.default)(), depositTokens = _e.depositTokens, updateDepositToken = _e.updateDepositToken;
+    var networks = (0, react_1.useMemo)(function () {
+        console.warn("🚀 ~ networks ~ selectedToken:", selectedToken);
+        if (!selectedToken) {
+            return [];
+        }
+        var newNetWorks = [selectedToken.network_data];
+        var sameNetwork = newNetWorks.find(function (item) { return (item === null || item === void 0 ? void 0 : item.id) === (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.id); });
+        if (!sameNetwork) {
+            setSelectedNetwork(undefined);
+        }
+        return newNetWorks;
+    }, [selectedToken]);
+    var addressByNetwork = (0, react_1.useMemo)(function () {
+        var _a;
+        if (!blockchainWallets || !selectedNetwork) {
+            return undefined;
+        }
+        return (_a = blockchainWallets.find(function (item) { return item.networkSlug === (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.slug); })) === null || _a === void 0 ? void 0 : _a.blockchainAddress;
+    }, [blockchainWallets, selectedNetwork]);
+    var qrCodeValue = (0, react_1.useMemo)(function () {
+        if (!addressByNetwork || !selectedToken) {
+            return "";
+        }
+        return "ton://transfer/".concat(addressByNetwork, "?&jetton=").concat(selectedToken.address);
+    }, [addressByNetwork, selectedToken]);
+    var open = function () {
+        var _a;
+        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
+    };
+    var close = function () {
+        var _a;
+        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    };
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        open: open,
+        close: close,
+    }); });
+    var handleBack = function () {
+        var _a;
+        (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.prev();
+        setCurrentStep(currentStep - 1);
+    };
+    var nextStep = function () {
+        var _a;
+        (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.next();
+        setCurrentStep(function (prev) { return prev + 1; });
+    };
+    var handleSelectToken = function (token) {
+        console.warn("🚀 ~ handleSelectToken ~ token:", token);
+        setSelectedToken(token);
+        if (!!token) {
+            nextStep();
+        }
+    };
+    var handleSelectNetwork = function (network) {
+        console.warn("network", selectedNetwork);
+        setSelectedNetwork(network);
+        nextStep();
+    };
+    (0, react_1.useEffect)(function () {
+        if (isAuthenticated && !depositTokens) {
+            updateDepositToken();
+        }
+    }, [isAuthenticated, depositTokens]);
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: props.onClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
+                        width: "100%",
+                        display: "flex",
+                        alignItems: "center",
+                        minHeight: "2rem",
+                        mb: theme.mixins.customMargin.p20,
+                    }, overrideBack: handleBack, hideBack: currentStep === DepositStep.SELECT_TOKEN, center: DEPOSIT_STEP_NAME[currentStep], children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: { marginLeft: "auto" }, onClick: close }) }), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
+                        autoHeight: true,
+                        spaceBetween: 32,
+                    }, disableSwipe: true, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: depositTokens === null || depositTokens === void 0 ? void 0 : depositTokens.map(function (item) {
+                                    var stringifiedTokenData = JSON.stringify(item);
+                                    if (!item)
+                                        return null;
+                                    return ((0, jsx_runtime_1.jsx)(TokenSelection_1.default, { onClick: handleSelectToken, tokenData: stringifiedTokenData, active: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.id) === item.id }, item.id));
+                                }) }) }, DepositStep.SELECT_TOKEN), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: networks === null || networks === void 0 ? void 0 : networks.map(function (item) {
+                                    if (!item)
+                                        return null;
+                                    return ((0, jsx_runtime_1.jsx)(NetworkSelection_1.default, { onClick: handleSelectNetwork, networkData: JSON.stringify(item), active: (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.id) === item.id }, item.id));
+                                }) }) }, DepositStep.SELECT_NETWORK), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    gap: theme.mixins.gaps.g16,
+                                }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ width: "100%" }, theme.mixins.column), { gap: theme.mixins.gaps.g12, backgroundColor: theme.palette.background.black24, borderRadius: theme.mixins.theBorderRadius.r16, padding: theme.mixins.customPadding.p16, alignItems: "flex-start", backdropFilter: "blur(10px)" }), id: "share-deposit-info", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                                    width: "fit-content",
+                                                    height: "fit-content",
+                                                    alignSelf: "center",
+                                                    borderRadius: theme.mixins.theBorderRadius.r12,
+                                                    overflow: "hidden",
+                                                    backgroundColor: theme.palette.background.white,
+                                                    backdropFilter: "blur(10px)",
+                                                }, children: (0, jsx_runtime_1.jsx)(QRCode_1.default, { value: qrCodeValue, title: "Deposit ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name), logo: (0, getIcon_1.default)("ton"), bgColor: "transparent" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Network" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "button", sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, cursor: "pointer", transition: "transform 0.3s ease-in-out", "&:active": {
+                                                                transform: "translateX(0.5rem)",
+                                                            } }), onClick: handleBack, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("right_arrow"), width: 10 })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Address" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all" }), children: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: addressByNetwork || "", children: addressByNetwork }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.theBorderRadius.r12, padding: theme.mixins.customPadding.p8 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: ["Deposit", " ", (0, jsx_runtime_1.jsxs)("strong", { style: { color: theme.palette.text.white }, children: ["min ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name] }), " ", "and", " ", (0, jsx_runtime_1.jsx)("strong", { style: { color: theme.palette.text.white }, children: "select the correct network" }), ", or you will lose your assets."] }) })] }), (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",
+                                                                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",
+                                                                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) }) }) }));
+});
+WithdrawFunction.displayName = "WithdrawFunction";
+exports.default = WithdrawFunction;

package/dist/components/views/AssetView/index.d.ts

@@ -0,0 +1,2 @@
+declare const AssetView: () => import("react/jsx-runtime").JSX.Element;
+export default AssetView;

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

@@ -0,0 +1,18 @@
+"use strict";
+"use client";
+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 material_1 = require("@mui/material");
+var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var DepositFunction_1 = __importDefault(require("../../ui/DepositFunction"));
+var FunctionItem_1 = __importDefault(require("../../ui/FunctionItem"));
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var WithdrawFunction_1 = __importDefault(require("../../ui/WithdrawFunction"));
+var TokensBoard_1 = __importDefault(require("../../ui/TokensBoard"));
+var AssetView = function () {
+    return ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-4", children: [(0, jsx_runtime_1.jsx)(DepositFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("deposit"), label: "Deposit", className: "w-full" }) }) }), (0, jsx_runtime_1.jsx)(WithdrawFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("withdraw"), label: "Withdraw", className: "w-full" }) }) }), (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("fortune", "gif"), label: "Fortune", className: "w-full" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: (0, getIcon_1.default)("p2p", "gif"), label: "P2P", className: "w-full" }) })] }), (0, jsx_runtime_1.jsx)(TokensBoard_1.default, {})] }));
+};
+exports.default = AssetView;

package/package.json

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