@matchain/matchid-sdk-react 0.1.48-alpha.2 → 0.1.48-alpha.20

package/dist/assets/icon/index.d.mts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { CSSProperties } from 'react';
-import { q as IconProps$1 } from '../../types-DQq17lf4.mjs';
+import { w as IconProps$1 } from '../../types-DzVVzMYU.mjs';
+import '@tanstack/react-query/src/types';
 
 declare function BackIcon({ color, size, className, style }: {
     color?: string;
@@ -43,6 +44,7 @@ interface LoadingIconProps {
     size?: number;
     className?: string;
     color?: string;
+    rotate?: boolean;
 }
 declare const LoadingIcon: React.FC<LoadingIconProps>;
 
@@ -132,4 +134,12 @@ declare function TonLightIcon({ size, ...props }: IconSizeProps): react_jsx_runt
 
 declare function ErrorRoundIcon({ size, color, ...props }: IconSizeColorProps): react_jsx_runtime.JSX.Element;
 
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, BTCDarkIcon, BTCLightIcon, BackIcon, BitgetIcon, CheckIcon, CheckRoundIcon, CloseEyeIcon, CloseIcon, CloseRoundIcon, CopyIcon, DeleteRoundIcon, DiscordIcon, EVMDarkIcon, EVMLightIcon, EmailIcon, EmailLineIcon, ErrorRoundIcon, FacebookIcon, GithubIcon, GoogleIcon, LeatherIcon, LinkedinIcon, LoadingIcon, LoginIcon, OKXIcon, OpenEyeIcon, PasswordRoundIcon, SOLDarkIcon, SOLLightIcon, TRXDarkIcon, TRXLightIcon, TelegramIcon, TonLightIcon$1 as TonDarkIcon, TonLightIcon, TronLinkIcon, UnLoginIcon, UnisatIcon, WalletIcon, XIcon, XverseIcon, YoutubeIcon };
+declare function InfoLineIcon({ size, color, ...props }: Omit<IconProps$1, 'width' | 'height'>): react_jsx_runtime.JSX.Element;
+
+declare function InfoRoundIcon({ size, color, ...props }: IconSizeColorProps): react_jsx_runtime.JSX.Element;
+
+declare function TransferIcon({ size, ...props }: IconSizeProps): react_jsx_runtime.JSX.Element;
+
+declare function ArrowSendIcon({ size, color, ...props }: IconSizeColorProps): react_jsx_runtime.JSX.Element;
+
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSendIcon, BTCDarkIcon, BTCLightIcon, BackIcon, BitgetIcon, CheckIcon, CheckRoundIcon, CloseEyeIcon, CloseIcon, CloseRoundIcon, CopyIcon, DeleteRoundIcon, DiscordIcon, EVMDarkIcon, EVMLightIcon, EmailIcon, EmailLineIcon, ErrorRoundIcon, FacebookIcon, GithubIcon, GoogleIcon, InfoLineIcon, InfoRoundIcon, LeatherIcon, LinkedinIcon, LoadingIcon, LoginIcon, OKXIcon, OpenEyeIcon, PasswordRoundIcon, SOLDarkIcon, SOLLightIcon, TRXDarkIcon, TRXLightIcon, TelegramIcon, TonLightIcon$1 as TonDarkIcon, TonLightIcon, TransferIcon, TronLinkIcon, UnLoginIcon, UnisatIcon, WalletIcon, XIcon, XverseIcon, YoutubeIcon };

package/dist/assets/icon/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { CSSProperties } from 'react';
-import { q as IconProps$1 } from '../../types-DQq17lf4.js';
+import { w as IconProps$1 } from '../../types-DzVVzMYU.js';
+import '@tanstack/react-query/src/types';
 
 declare function BackIcon({ color, size, className, style }: {
     color?: string;
@@ -43,6 +44,7 @@ interface LoadingIconProps {
     size?: number;
     className?: string;
     color?: string;
+    rotate?: boolean;
 }
 declare const LoadingIcon: React.FC<LoadingIconProps>;
 
@@ -132,4 +134,12 @@ declare function TonLightIcon({ size, ...props }: IconSizeProps): react_jsx_runt
 
 declare function ErrorRoundIcon({ size, color, ...props }: IconSizeColorProps): react_jsx_runtime.JSX.Element;
 
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, BTCDarkIcon, BTCLightIcon, BackIcon, BitgetIcon, CheckIcon, CheckRoundIcon, CloseEyeIcon, CloseIcon, CloseRoundIcon, CopyIcon, DeleteRoundIcon, DiscordIcon, EVMDarkIcon, EVMLightIcon, EmailIcon, EmailLineIcon, ErrorRoundIcon, FacebookIcon, GithubIcon, GoogleIcon, LeatherIcon, LinkedinIcon, LoadingIcon, LoginIcon, OKXIcon, OpenEyeIcon, PasswordRoundIcon, SOLDarkIcon, SOLLightIcon, TRXDarkIcon, TRXLightIcon, TelegramIcon, TonLightIcon$1 as TonDarkIcon, TonLightIcon, TronLinkIcon, UnLoginIcon, UnisatIcon, WalletIcon, XIcon, XverseIcon, YoutubeIcon };
+declare function InfoLineIcon({ size, color, ...props }: Omit<IconProps$1, 'width' | 'height'>): react_jsx_runtime.JSX.Element;
+
+declare function InfoRoundIcon({ size, color, ...props }: IconSizeColorProps): react_jsx_runtime.JSX.Element;
+
+declare function TransferIcon({ size, ...props }: IconSizeProps): react_jsx_runtime.JSX.Element;
+
+declare function ArrowSendIcon({ size, color, ...props }: IconSizeColorProps): react_jsx_runtime.JSX.Element;
+
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSendIcon, BTCDarkIcon, BTCLightIcon, BackIcon, BitgetIcon, CheckIcon, CheckRoundIcon, CloseEyeIcon, CloseIcon, CloseRoundIcon, CopyIcon, DeleteRoundIcon, DiscordIcon, EVMDarkIcon, EVMLightIcon, EmailIcon, EmailLineIcon, ErrorRoundIcon, FacebookIcon, GithubIcon, GoogleIcon, InfoLineIcon, InfoRoundIcon, LeatherIcon, LinkedinIcon, LoadingIcon, LoginIcon, OKXIcon, OpenEyeIcon, PasswordRoundIcon, SOLDarkIcon, SOLLightIcon, TRXDarkIcon, TRXLightIcon, TelegramIcon, TonLightIcon$1 as TonDarkIcon, TonLightIcon, TransferIcon, TronLinkIcon, UnLoginIcon, UnisatIcon, WalletIcon, XIcon, XverseIcon, YoutubeIcon };

package/dist/assets/icon/index.js

@@ -23,6 +23,7 @@ __export(icon_exports, {
   ArrowDownIcon: () => ArrowDownIcon,
   ArrowLeftIcon: () => ArrowLeftIcon,
   ArrowRightIcon: () => ArrowRightIcon,
+  ArrowSendIcon: () => ArrowSendIcon,
   BTCDarkIcon: () => BTCDarkIcon,
   BTCLightIcon: () => BTCLightIcon,
   BackIcon: () => BackIcon,
@@ -43,6 +44,8 @@ __export(icon_exports, {
   FacebookIcon: () => FacebookIcon,
   GithubIcon: () => GithubIcon,
   GoogleIcon: () => GoogleIcon,
+  InfoLineIcon: () => InfoLineIcon,
+  InfoRoundIcon: () => InfoRoundIcon,
   LeatherIcon: () => LeatherIcon,
   LinkedinIcon: () => LinkedinIcon,
   LoadingIcon: () => LoadingIcon_default,
@@ -57,6 +60,7 @@ __export(icon_exports, {
   TelegramIcon: () => TelegramIcon,
   TonDarkIcon: () => TonLightIcon,
   TonLightIcon: () => TonLightIcon2,
+  TransferIcon: () => TransferIcon,
   TronLinkIcon: () => TronLinkIcon,
   UnLoginIcon: () => UnLoginIcon_default,
   UnisatIcon: () => UnisatIcon,
@@ -253,7 +257,7 @@ function CloseRoundIcon({ size = 30, ...props }) {
 
 // src/assets/icon/LoadingIcon.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var LoadingIcon = ({ size = 22, className = "", color = "white" }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+var LoadingIcon = ({ size = 22, className = "", color = "white", rotate = false }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
   "svg",
   {
     width: size,
@@ -261,7 +265,7 @@ var LoadingIcon = ({ size = 22, className = "", color = "white" }) => /* @__PURE
     viewBox: "0 0 22 22",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className,
+    className: className + " " + (rotate ? "matchid-rotate" : ""),
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M11 1V3.5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.3", d: "M3.92834 3.92871L5.69977 5.70017", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
@@ -1166,11 +1170,95 @@ function ErrorRoundIcon({
     )
   ] });
 }
+
+// src/assets/icon/InfoLineIcon.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function InfoLineIcon({
+  size,
+  color = "#6E6E6E",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("g", { clipPath: "url(#clip0_418_7746)", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M7.99984 0.666504C3.94975 0.666504 0.666504 3.94975 0.666504 7.99984C0.666504 12.0499 3.94975 15.3332 7.99984 15.3332C12.0499 15.3332 15.3332 12.0499 15.3332 7.99984C15.3332 3.94975 12.0499 0.666504 7.99984 0.666504ZM1.99984 7.99984C1.99984 4.68613 4.68613 1.99984 7.99984 1.99984C11.3135 1.99984 13.9998 4.68613 13.9998 7.99984C13.9998 11.3135 11.3135 13.9998 7.99984 13.9998C4.68613 13.9998 1.99984 11.3135 1.99984 7.99984ZM8.6665 7.33317C8.6665 6.96498 8.36803 6.6665 7.99984 6.6665C7.63165 6.6665 7.33317 6.96498 7.33317 7.33317V11.3332C7.33317 11.7014 7.63165 11.9998 7.99984 11.9998C8.36803 11.9998 8.6665 11.7014 8.6665 11.3332V7.33317ZM7.99984 5.33317C8.36803 5.33317 8.6665 5.03469 8.6665 4.6665C8.6665 4.29831 8.36803 3.99984 7.99984 3.99984C7.63165 3.99984 7.33317 4.29831 7.33317 4.6665C7.33317 5.03469 7.63165 5.33317 7.99984 5.33317Z",
+        fill: color
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("clipPath", { id: "clip0_418_7746", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+
+// src/assets/icon/InfoRoundIcon.tsx
+var import_jsx_runtime46 = require("react/jsx-runtime");
+function InfoRoundIcon({
+  size = 16,
+  color = "#F14141",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("circle", { cx: "8", cy: "8", r: "8", fill: color }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M8 4V8.8", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round" }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("circle", { cx: "8.0002", cy: "11.2004", r: "0.8", fill: "white" })
+  ] });
+}
+
+// src/assets/icon/TransferIcon.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function TransferIcon({ size = 40, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("svg", { width: size, height: size, viewBox: "0 0 40 40", ...props, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("rect", { x: "2", y: "2", width: "36", height: "36", rx: "18", fill: "white" }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("rect", { x: "2", y: "2", width: "36", height: "36", rx: "18", stroke: "#F8F8F8", strokeWidth: "4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      "path",
+      {
+        d: "M18.666 12.8913L18.666 26.2246L14.666 21.6413",
+        stroke: "black",
+        strokeWidth: "1.4",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      "path",
+      {
+        d: "M22.2217 12.8913L22.2217 26.2246L26.2217 21.6413",
+        stroke: "black",
+        strokeWidth: "1.4",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+
+// src/assets/icon/ArrowSendIcon.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+function ArrowSendIcon({
+  size = 34,
+  color = "#6E6E6E",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("svg", { width: size, height: size, viewBox: "0 0 34 34", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "path",
+    {
+      d: "M22.6567 11.313L11.343 22.6267M22.6567 11.313L22.6567 19.7982M22.6567 11.313L14.1714 11.313",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArrowDownIcon,
   ArrowLeftIcon,
   ArrowRightIcon,
+  ArrowSendIcon,
   BTCDarkIcon,
   BTCLightIcon,
   BackIcon,
@@ -1191,6 +1279,8 @@ function ErrorRoundIcon({
   FacebookIcon,
   GithubIcon,
   GoogleIcon,
+  InfoLineIcon,
+  InfoRoundIcon,
   LeatherIcon,
   LinkedinIcon,
   LoadingIcon,
@@ -1205,6 +1295,7 @@ function ErrorRoundIcon({
   TelegramIcon,
   TonDarkIcon,
   TonLightIcon,
+  TransferIcon,
   TronLinkIcon,
   UnLoginIcon,
   UnisatIcon,