tek-wallet 0.0.209 → 0.0.211

package/dist/components/SafeSvgRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface SafeSvgRendererProps {
+    svgString: string;
+    className?: string;
+    width?: number | string;
+    height?: number | string;
+}
+declare const SafeSvgRenderer: React.FC<SafeSvgRendererProps>;
+export default SafeSvgRenderer;

package/dist/components/SafeSvgRenderer.js

@@ -0,0 +1,18 @@
+"use strict";
+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 dompurify_1 = __importDefault(require("dompurify"));
+var SafeSvgRenderer = function (_a) {
+    var svgString = _a.svgString, className = _a.className, _b = _a.width, width = _b === void 0 ? "100%" : _b, _c = _a.height, height = _c === void 0 ? "100%" : _c;
+    // Sanitize the SVG string using DOMPurify
+    var sanitizedSvg = dompurify_1.default.sanitize(svgString, {
+        USE_PROFILES: { svg: true, svgFilters: true },
+        ADD_TAGS: ["use"],
+        ADD_ATTR: ["xlink:href"],
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: { width: width, height: height }, dangerouslySetInnerHTML: { __html: sanitizedSvg } }));
+};
+exports.default = SafeSvgRenderer;

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

@@ -39,6 +39,7 @@ var useDepositData_1 = __importDefault(require("../../../hooks/useDepositData"))
 var RequireConnect_1 = __importDefault(require("../RequireConnect"));
 var WaitingData_1 = __importDefault(require("../WaitingData"));
 var EmptyData_1 = __importDefault(require("../EmptyData"));
+var SafeSvgRenderer_1 = __importDefault(require("../SafeSvgRenderer"));
 var DepositStep;
 (function (DepositStep) {
     DepositStep[DepositStep["SELECT_TOKEN"] = 1] = "SELECT_TOKEN";
@@ -149,7 +150,8 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
                                     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: {
+                                }, 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: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white", alignSelf: "center" }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: ["Deposit ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name] }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                                    position: "relative",
                                                     width: "fit-content",
                                                     height: "fit-content",
                                                     alignSelf: "center",
@@ -157,9 +159,9 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                     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": {
+                                                }, 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.jsx)(SafeSvgRenderer_1.default, { svgString: (0, getIcon_1.default)("ton"), width: 100, height: 100, sx: __assign({}, theme.mixins.center) })] }), (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: {
+                                                            } }), 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.jsx)(Button_1.default, { children: "Set amount" }), (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",

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

@@ -1,7 +1,9 @@
 import { ConfirmLayoutProps } from "../ConfirmLayout";
 import { LockData } from "./type";
+import { LockTokenResponse } from "../../../services/axios/lock-token-service/type";
 interface LockTokenProps extends Omit<ConfirmLayoutProps, "action"> {
     lockData: LockData;
+    onLockSuccess?: (data: LockTokenResponse) => any;
 }
 export interface LockTokenRef {
     open: () => void;

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

@@ -145,9 +145,9 @@ var LockToken = (0, react_1.forwardRef)(function (props, ref) {
     }, [lockTokens, (_a = props.lockData) === null || _a === void 0 ? void 0 : _a.amount, (_b = props.lockData) === null || _b === void 0 ? void 0 : _b.tokenSlug]);
     var handleLockToken = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
         var response;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
                     console.warn("🚀 ~ handleLockToken ~ lockData:", props.lockData, passcode);
                     setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
@@ -161,10 +161,11 @@ var LockToken = (0, react_1.forwardRef)(function (props, ref) {
                             ],
                         })];
                 case 1:
-                    response = _b.sent();
+                    response = _c.sent();
                     console.warn("🚀 ~ handleLockToken ~ response:", response);
                     if (response.success) {
                         (_a = confirmByPasscodeDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+                        (_b = props.onLockSuccess) === null || _b === void 0 ? void 0 : _b.call(props, response);
                     }
                     else {
                         setError(LockTokenError.FAILED);

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { GeneralProps } from "../../../types/ui";
+interface SafeSvgRendererProps extends GeneralProps {
+    svgString: string;
+    width?: number | string;
+    height?: number | string;
+}
+declare const SafeSvgRenderer: React.FC<SafeSvgRendererProps>;
+export default SafeSvgRenderer;

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

@@ -0,0 +1,29 @@
+"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 dompurify_1 = __importDefault(require("dompurify"));
+var material_1 = require("@mui/material");
+var SafeSvgRenderer = function (_a) {
+    var svgString = _a.svgString, _b = _a.width, width = _b === void 0 ? "100%" : _b, _c = _a.height, height = _c === void 0 ? "100%" : _c, sx = _a.sx;
+    var sanitizedSvg = dompurify_1.default.sanitize(svgString, {
+        USE_PROFILES: { svg: true, svgFilters: true },
+        ADD_TAGS: ["use"],
+        ADD_ATTR: ["xlink:href"],
+    });
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "div", sx: __assign({ width: width, height: height }, sx), dangerouslySetInnerHTML: { __html: sanitizedSvg } }));
+};
+exports.default = SafeSvgRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.209",
+  "version": "0.0.211",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -34,6 +34,7 @@
     "axios": "^1.8.4",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
+    "dompurify": "^3.2.5",
     "framer-motion": "^12.7.4",
     "highcharts": "^12.2.0",
     "highcharts-react-official": "^3.2.1",