tek-wallet 0.0.230 → 0.0.232

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

@@ -0,0 +1,10 @@
+interface InputProps {
+    className?: string;
+    inputRest?: React.InputHTMLAttributes<HTMLInputElement>;
+    inputStyles?: React.CSSProperties;
+    leftPart?: React.ReactNode;
+    rightPart?: React.ReactNode;
+}
+export type InputRef = HTMLInputElement;
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default Input;

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

@@ -0,0 +1,34 @@
+"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 react_1 = require("react");
+var Input = (0, react_1.forwardRef)(function (props, inputRef) {
+    var inputRest = props.inputRest, inputClassName = props.inputStyles, leftPart = props.leftPart, rightPart = props.rightPart, rest = __rest(props, ["inputRest", "inputStyles", "leftPart", "rightPart"]);
+    var theme = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, borderRadius: theme.mixins.theBorderRadius.r12, padding: theme.mixins.customPadding.p3, backgroundColor: "background.white16" }) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)("input", __assign({}, inputRest, { style: __assign({ backgroundColor: "transparent", border: "none", outline: "none", fontSize: theme.typography.fontSize16, lineHeight: theme.typography.leading140, fontWeight: theme.typography.fontWeight400, color: theme.palette.text.white }, inputClassName) })), rightPart] })));
+});
+Input.displayName = "Input";
+exports.default = Input;

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

@@ -17,7 +17,7 @@ export declare enum WithdrawStep {
     SELECT_METHOD = 1,
     SELECT_TOKEN = 2,
     SELECT_NETWORK = 3,
-    SHOW_QR_CODE = 4
+    CONFIRM = 4
 }
 declare const WithdrawFunction: import("react").ForwardRefExoticComponent<WithdrawFunctionProps & import("react").RefAttributes<WithdrawFunctionRef>>;
 export default WithdrawFunction;

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

@@ -25,20 +25,18 @@ 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 RequireConnect_1 = __importDefault(require("../RequireConnect"));
 var useWithdrawData_1 = __importDefault(require("../../../hooks/useWithdrawData"));
 var ListItemCustom_1 = __importDefault(require("../ListItemCustom"));
+var Input_1 = __importDefault(require("../Input"));
 var SendMethods;
 (function (SendMethods) {
     SendMethods["SCAN_QR_CODE"] = "scan qr code";
@@ -50,13 +48,13 @@ var WithdrawStep;
     WithdrawStep[WithdrawStep["SELECT_METHOD"] = 1] = "SELECT_METHOD";
     WithdrawStep[WithdrawStep["SELECT_TOKEN"] = 2] = "SELECT_TOKEN";
     WithdrawStep[WithdrawStep["SELECT_NETWORK"] = 3] = "SELECT_NETWORK";
-    WithdrawStep[WithdrawStep["SHOW_QR_CODE"] = 4] = "SHOW_QR_CODE";
+    WithdrawStep[WithdrawStep["CONFIRM"] = 4] = "CONFIRM";
 })(WithdrawStep || (exports.WithdrawStep = WithdrawStep = {}));
 var WITHDRAW_STEP_NAME = (_a = {},
     _a[WithdrawStep.SELECT_METHOD] = "Select method",
     _a[WithdrawStep.SELECT_TOKEN] = "Select token",
     _a[WithdrawStep.SELECT_NETWORK] = "Select network",
-    _a[WithdrawStep.SHOW_QR_CODE] = "Scan QR code",
+    _a[WithdrawStep.CONFIRM] = "Confirm",
     _a);
 var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     var drawerRef = (0, react_1.useRef)(null);
@@ -153,31 +151,13 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                                     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));
-                                }) }) }, WithdrawStep.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" }) })] }), (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 })] }) })] })] }) }, WithdrawStep.SHOW_QR_CODE)] }, withdrawTokens === null || withdrawTokens === void 0 ? void 0 : withdrawTokens.length) }) }) }));
+                                }) }) }, WithdrawStep.SELECT_NETWORK), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Recipient address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
+                                            placeholder: "Enter recipient address",
+                                        }, rightPart: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { children: "Paste" }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("qr_can"), width: 20 })] }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Select network" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { ml: "auto" }), children: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name })] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Enter amount" }), (0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
+                                            placeholder: "".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " - ").concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value),
+                                        }, rightPart: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: (0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { children: "Max" }) }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Memo" }), (0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
+                                            placeholder: "Enter memo",
+                                        } }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, children: "Confirm" })] }) }, WithdrawStep.CONFIRM)] }, withdrawTokens === null || withdrawTokens === void 0 ? void 0 : withdrawTokens.length) }) }) }));
 });
 WithdrawFunction.displayName = "WithdrawFunction";
 exports.default = WithdrawFunction;

package/dist/providers/TekWalletProvider/index.js

@@ -9,8 +9,9 @@ var WalletDataProvider_1 = __importDefault(require("../WalletDataProvider"));
 var mui_1 = __importDefault(require("../../theme/mui"));
 var DepositProvider_1 = __importDefault(require("../DepositProvider"));
 var LockTokenProvider_1 = __importDefault(require("../LockTokenProvider"));
+var WithdrawProvider_1 = __importDefault(require("../WithdrawProvider"));
 function TekWalletProvider(_a) {
     var children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(WalletDataProvider_1.default, { children: (0, jsx_runtime_1.jsx)(DepositProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(mui_1.default, { children: children }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(WalletDataProvider_1.default, { children: (0, jsx_runtime_1.jsx)(DepositProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(mui_1.default, { children: children }) }) }) }) }));
 }
 exports.default = TekWalletProvider;

package/package.json

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