tek-wallet 0.0.201 → 0.0.203

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/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/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/dist/index.d.ts

@@ -4,6 +4,7 @@ import RequireConnect from "./components/ui/RequireConnect";
 import GetWalletSeedPhrase from "./components/ui/GetWalletSeedPhrase";
 import DepositFunction from "./components/ui/DepositFunction";
 import LockToken from "./components/ui/LockToken";
+import AssetView from "./components/views/AssetView";
 import useWallet from "./hooks/useWallet";
 export * from "./types/expose-type";
-export { TekWalletProvider, tekWalletHandler, RequireConnect, GetWalletSeedPhrase, DepositFunction, useWallet, LockToken, };
+export { TekWalletProvider, tekWalletHandler, RequireConnect, GetWalletSeedPhrase, DepositFunction, useWallet, LockToken, AssetView, };

package/dist/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LockToken = exports.useWallet = exports.DepositFunction = exports.GetWalletSeedPhrase = exports.RequireConnect = exports.tekWalletHandler = exports.TekWalletProvider = void 0;
+exports.AssetView = exports.LockToken = exports.useWallet = exports.DepositFunction = exports.GetWalletSeedPhrase = exports.RequireConnect = exports.tekWalletHandler = exports.TekWalletProvider = void 0;
 var TekWalletProvider_1 = __importDefault(require("./providers/TekWalletProvider"));
 exports.TekWalletProvider = TekWalletProvider_1.default;
 var handlers_1 = __importDefault(require("./handlers"));
@@ -30,6 +30,8 @@ var DepositFunction_1 = __importDefault(require("./components/ui/DepositFunction
 exports.DepositFunction = DepositFunction_1.default;
 var LockToken_1 = __importDefault(require("./components/ui/LockToken"));
 exports.LockToken = LockToken_1.default;
+var AssetView_1 = __importDefault(require("./components/views/AssetView"));
+exports.AssetView = AssetView_1.default;
 var useWallet_1 = __importDefault(require("./hooks/useWallet"));
 exports.useWallet = useWallet_1.default;
 __exportStar(require("./types/expose-type"), exports);

package/package.json

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