@matchain/matchid-sdk-react 0.1.56-alpha.4 → 0.1.56-alpha.5

package/dist/ui.js

@@ -317,8 +317,26 @@ function CheckboxCheckedIcon({
   ] });
 }
 
-// src/ui/Button/index.tsx
+// src/assets/icon/InputLengthIcon.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
+function InputLengthIcon({
+  size = 12,
+  color = "#B6B6B6",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    "path",
+    {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M1.10097 12L12 1.10097L10.899 0L0 10.899L1.10097 12ZM7.19277 11.4594L11.6684 6.98378L10.5675 5.88281L6.0918 10.3585L7.19277 11.4594Z",
+      fill: color
+    }
+  ) });
+}
+
+// src/ui/Button/index.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Button({
   size = "df",
   disabled = false,
@@ -338,7 +356,7 @@ function Button({
       onClick && onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "button",
     {
       type,
@@ -349,14 +367,14 @@ function Button({
       },
       onClick: onAction,
       ...dataset,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
     }
   );
 }
 
 // src/ui/Overlay/index.tsx
 var import_react = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Overlay({
   isOpen = false,
   children,
@@ -372,7 +390,7 @@ function Overlay({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
       className: "matchid-overlay",
@@ -381,11 +399,11 @@ function Overlay({
       },
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, {});
+  ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, {});
 }
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Drawer({
   children,
   showClose = true,
@@ -396,22 +414,22 @@ function Drawer({
   onBack
 }) {
   if (!isOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "matchid-drawer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-drawer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
         title
       ] }),
-      showClose && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
+      showClose && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
     ] }),
     children
   ] }) });
 }
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Field({
   label,
   children,
@@ -419,13 +437,13 @@ function Field({
   required,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-field-label", children: [
-      required && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "matchid-field-required", children: "*" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matchid-field-label", children: [
+      required && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "matchid-field-required", children: "*" }),
       label
     ] }),
     children,
-    error && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-field-error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "matchid-field-error", children: error })
   ] });
 }
 
@@ -459,7 +477,7 @@ var import_react4 = require("react");
 
 // src/utils/index.tsx
 var import_moment = __toESM(require("moment"));
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var getVersion = () => {
   return "0.0.2";
 };
@@ -469,27 +487,48 @@ function getAppClientId() {
 
 // src/ui/Input/index.tsx
 var import_react3 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Input({
   onChange,
   type,
   after,
+  showLength = false,
+  showClear = true,
   className = "",
+  rows = 1,
+  maxRows = 4,
+  children,
   ...props
 }) {
   const [inputType, setInputType] = (0, import_react3.useState)(type);
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  const textareaRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    const textarea = textareaRef.current;
+    if (textarea) {
+      textarea.style.height = "auto";
+      const lineHeight = 24;
+      const maxHeight = lineHeight * 4;
+      textarea.style.height = Math.min(textarea.scrollHeight, maxHeight) + "px";
+    }
+  }, [props.value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
-      className: `matchid-input-box ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
+      className: `matchid-input-box matchid-input-${type} ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
+      style: {
+        // @ts-ignore
+        "--max-rows": maxRows
+      },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
-        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
+        children ?? (type == "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("textarea", { rows: 1, onChange, ...props, className: "matchid-input-field", ref: textareaRef, style: {
+          maxHeight: maxRows * 24 + "px"
+        } }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" })),
+        type != "textarea" && showClear && props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
           if (onChange) {
             onChange({ target: { value: "" } });
           }
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           DeleteRoundIcon,
           {
             height: isDownMd ? 16 : 21,
@@ -497,9 +536,17 @@ function Input({
             color: "var(--matchid-input-delete-icon-color)"
           }
         ) }),
-        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
+        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
           setInputType(inputType === "password" ? "text" : "password");
-        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
+        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
+        showLength && props.maxLength && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: `matchid-input-length`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { children: [
+            props.value.length || 0,
+            "/",
+            props.maxLength
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InputLengthIcon, { color: "var(--icon-color)" })
+        ] }),
         after
       ]
     }
@@ -508,7 +555,7 @@ function Input({
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react_intl = require("react-intl");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/store/useLocalStore.ts
 var import_zustand = require("zustand");
@@ -767,7 +814,7 @@ var import_viem3 = require("viem");
 // src/context/ModalContext.tsx
 var import_react6 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var ModalContext = (0, import_react6.createContext)(null);
 
 // src/store/useTransactionStore.ts
@@ -800,7 +847,7 @@ var persistedState2 = (0, import_middleware2.persist)(
 var useTransactionStore = (0, import_zustand3.create)((0, import_middleware2.devtools)(persistedState2));
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var AppClientId = "react-sdk-" + getVersion();
 
 // src/hooks/useCopyClipboard.ts
@@ -810,7 +857,7 @@ var import_react8 = require("react");
 // src/context/ToastContext.tsx
 var import_react9 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var ToastContext = (0, import_react9.createContext)(null);
 
 // src/hooks/api/wallet.ts
@@ -820,7 +867,7 @@ var import_react_query = require("@tanstack/react-query");
 var import_react10 = require("react");
 var import_viem4 = require("viem");
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
@@ -909,10 +956,10 @@ var success_default = { v: "5.9.6", fr: 60, ip: 0, op: 120, w: 500, h: 500, nm:
 var pending_default = { v: "5.12.1", fr: 60, ip: 0, op: 180, w: 500, h: 500, nm: "12-facebook reactions", ddd: 0, assets: [], layers: [{ ddd: 0, ind: 1, ty: 3, nm: "Main Stroke width - Color Ctrl", parent: 17, sr: 1, ks: { o: { a: 0, k: 0, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [0, 0, 0], ix: 2, l: 2 }, a: { a: 0, k: [50, 50, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, ef: [{ ty: 5, nm: "Highlight width", np: 3, mn: "ADBE Slider Control", ix: 1, en: 1, ef: [{ ty: 0, nm: "\u6ED1\u5757", mn: "ADBE Slider Control-0001", ix: 1, v: { a: 0, k: 18, ix: 1 } }] }, { ty: 5, nm: "Stroke width", np: 3, mn: "ADBE Slider Control", ix: 2, en: 1, ef: [{ ty: 0, nm: "\u6ED1\u5757", mn: "ADBE Slider Control-0001", ix: 1, v: { a: 0, k: 16, ix: 1 } }] }, { ty: 5, nm: "Base Color", np: 3, mn: "ADBE Color Control", ix: 3, en: 1, ef: [{ ty: 2, nm: "\u989C\u8272", mn: "ADBE Color Control-0001", ix: 1, v: { a: 0, k: [0, 0, 0, 1], ix: 1 } }] }, { ty: 5, nm: "Highlight", np: 3, mn: "ADBE Color Control", ix: 4, en: 1, ef: [{ ty: 2, nm: "\u989C\u8272", mn: "ADBE Color Control-0001", ix: 1, v: { a: 0, k: [0.20000000298, 0.800000011921, 0.800000011921, 1], ix: 1 } }] }], ip: 0, op: 180, st: 0, bm: 0 }, { ddd: 0, ind: 2, ty: 3, nm: "rotation", sr: 1, ks: { o: { a: 0, k: 0, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.833], y: [0.879] }, o: { x: [0.734], y: [-0.165] }, t: 0, s: [0] }, { i: { x: [0.682], y: [1] }, o: { x: [0.167], y: [-1.258] }, t: 48, s: [371.925] }, { i: { x: [0.682], y: [1] }, o: { x: [0.167], y: [0] }, t: 64, s: [360] }, { i: { x: [0.833], y: [2.258] }, o: { x: [0.318], y: [0] }, t: 85, s: [360] }, { i: { x: [0.266], y: [1.165] }, o: { x: [0.167], y: [0.121] }, t: 101, s: [371.925] }, { t: 149, s: [0] }], ix: 10 }, p: { a: 0, k: [240, 261, 0], ix: 2, l: 2 }, a: { a: 0, k: [50, 50, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, ip: 0, op: 180, st: 0, bm: 0 }, { ddd: 0, ind: 3, ty: 4, nm: "lines 3", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [334.53, 207.375, 0], ix: 2, l: 2 }, a: { a: 0, k: [209.53, 112.875, 0], ix: 1, l: 2 }, s: { a: 0, k: [-100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[-10.298, -2.049], [10.298, 2.049]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.988235294819, 0.501960813999, 0.176470592618, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [158.823, 98.07], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 2", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tr", p: { a: 0, k: [287.998, 150.87], ix: 2 }, a: { a: 0, k: [246.698, 109.57], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 27, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 3", np: 1, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "gr", it: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[-10.298, -2.049], [10.298, 2.049]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.988235294819, 0.501960813999, 0.176470592618, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [158.823, 98.07], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 2", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tr", p: { a: 0, k: [287.998, 150.87], ix: 2 }, a: { a: 0, k: [246.698, 109.57], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 2", np: 1, cix: 2, bm: 0, ix: 2, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 48, s: [100] }, { t: 62, s: [0] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 58, s: [100] }, { t: 70, s: [0] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 3, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 48, op: 70, st: 48, ct: 1, bm: 0 }, { ddd: 0, ind: 4, ty: 4, nm: "lines 2", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [144.53, 207.375, 0], ix: 2, l: 2 }, a: { a: 0, k: [209.53, 112.875, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[-10.298, -2.049], [10.298, 2.049]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.988235294819, 0.501960813999, 0.176470592618, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [158.823, 98.07], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 2", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tr", p: { a: 0, k: [287.998, 150.87], ix: 2 }, a: { a: 0, k: [246.698, 109.57], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 27, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 3", np: 1, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "gr", it: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[-10.298, -2.049], [10.298, 2.049]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.988235294819, 0.501960813999, 0.176470592618, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [158.823, 98.07], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 2", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tr", p: { a: 0, k: [287.998, 150.87], ix: 2 }, a: { a: 0, k: [246.698, 109.57], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 2", np: 1, cix: 2, bm: 0, ix: 2, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 48, s: [100] }, { t: 62, s: [0] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 58, s: [100] }, { t: 70, s: [0] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 3, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 48, op: 70, st: 48, ct: 1, bm: 0 }, { ddd: 0, ind: 5, ty: 4, nm: "lines", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [209.53, 112.875, 0], ix: 2, l: 2 }, a: { a: 0, k: [209.53, 112.875, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[8.731, 5.833], [-8.73, -5.833]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [179.204, 48.865], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tr", p: { a: 0, k: [220.504, 90.165], ix: 2 }, a: { a: 0, k: [179.204, 48.865], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 1", np: 1, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "gr", it: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[-10.298, -2.049], [10.298, 2.049]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [158.823, 98.07], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 2", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tr", p: { a: 0, k: [287.998, 150.87], ix: 2 }, a: { a: 0, k: [246.698, 109.57], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 2", np: 1, cix: 2, bm: 0, ix: 2, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 129, s: [0] }, { i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 130, s: [100] }, { t: 145, s: [0] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 3, s: [100] }, { i: { x: [0.667], y: [1] }, o: { x: [0.167], y: [0] }, t: 18, s: [0] }, { i: { x: [0.667], y: [0.993] }, o: { x: [0.333], y: [0] }, t: 129, s: [0] }, { t: 130, s: [100] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 3, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 6, ty: 4, nm: "eyes", parent: 8, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [293.39, 96.022, 0], ix: 2, l: 2 }, a: { a: 0, k: [334.69, 137.322, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.683, y: 1 }, o: { x: 1, y: 0 }, t: 18, s: [{ i: [[0, 0]], o: [[0, 0]], v: [[328.863, 96.022]], c: true }] }, { i: { x: 0.683, y: 1 }, o: { x: 0.167, y: 0 }, t: 48, s: [{ i: [[0, 0]], o: [[0, 0]], v: [[321.325, 102.272]], c: true }] }, { i: { x: 0, y: 1 }, o: { x: 0.317, y: 0 }, t: 100, s: [{ i: [[0, 0]], o: [[0, 0]], v: [[321.325, 102.272]], c: true }] }, { t: 130, s: [{ i: [[0, 0]], o: [[0, 0]], v: [[328.863, 96.022]], c: true }] }], ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [0, 0], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 3", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tr", p: { a: 0, k: [370.163, 137.322], ix: 2 }, a: { a: 0, k: [328.863, 96.022], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 3", np: 1, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "gr", it: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.683, y: 1 }, o: { x: 1, y: 0 }, t: 18, s: [{ i: [[0, 0]], o: [[0, 0]], v: [[257.918, 96.022]], c: true }] }, { i: { x: 0.683, y: 1 }, o: { x: 0.167, y: 0 }, t: 48, s: [{ i: [[0, 0]], o: [[0, 0]], v: [[265.456, 102.272]], c: true }] }, { i: { x: 0, y: 1 }, o: { x: 0.317, y: 0 }, t: 100, s: [{ i: [[0, 0]], o: [[0, 0]], v: [[265.456, 102.272]], c: true }] }, { t: 130, s: [{ i: [[0, 0]], o: [[0, 0]], v: [[257.918, 96.022]], c: true }] }], ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [0, 0], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 4", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tr", p: { a: 0, k: [299.218, 137.322], ix: 2 }, a: { a: 0, k: [257.918, 96.022], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 4", np: 1, cix: 2, bm: 0, ix: 2, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 7, ty: 4, nm: "laugh", parent: 8, sr: 1, ks: { o: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 46, s: [100] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 47, s: [0] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 101, s: [0] }, { t: 102, s: [100] }], ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [293.4, 145, 0], ix: 2, l: 2 }, a: { a: 0, k: [293.4, 145, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.683, y: 1 }, o: { x: 1, y: 0 }, t: 18, s: [{ i: [[0, 0], [23.196, 0], [0, 23.196]], o: [[0, 23.196], [-23.196, 0], [0, 0]], v: [[42, -21], [0, 21], [-42, -21]], c: true }] }, { i: { x: 0.683, y: 1 }, o: { x: 0.167, y: 0 }, t: 48, s: [{ i: [[0, 0], [14.249, 0], [0, 14.249]], o: [[0, 14.249], [-14.249, 0], [0, 0]], v: [[25.8, -12.9], [0, 12.9], [-25.8, -12.9]], c: true }] }, { i: { x: 0, y: 1 }, o: { x: 0.317, y: 0 }, t: 100, s: [{ i: [[0, 0], [14.249, 0], [0, 14.249]], o: [[0, 14.249], [-14.249, 0], [0, 0]], v: [[25.8, -12.9], [0, 12.9], [-25.8, -12.9]], c: true }] }, { t: 130, s: [{ i: [[0, 0], [23.196, 0], [0, 23.196]], o: [[0, 23.196], [-23.196, 0], [0, 0]], v: [[42, -21], [0, 21], [-42, -21]], c: true }] }], ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [293.4, 145], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 5", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 8, ty: 4, nm: "face 1", parent: 2, sr: 1, ks: { o: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 46, s: [100] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 47, s: [0] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 101, s: [0] }, { t: 102, s: [100] }], ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 1, k: [{ i: { x: 0.806, y: 1 }, o: { x: 0.994, y: 0 }, t: 18, s: [144.7, -45.7, 0], to: [-15.917, 15.833, 0], ti: [15.917, -15.833, 0] }, { i: { x: 0.806, y: 0.806 }, o: { x: 0.167, y: 0.167 }, t: 48, s: [49.2, 49.3, 0], to: [0, 0, 0], ti: [0, 0, 0] }, { i: { x: 6e-3, y: 1 }, o: { x: 0.194, y: 0 }, t: 100, s: [49.2, 49.3, 0], to: [15.917, -15.833, 0], ti: [-15.917, 15.833, 0] }, { t: 130, s: [144.7, -45.7, 0] }], ix: 2, l: 2 }, a: { a: 0, k: [293.4, 124, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.683, y: 1 }, o: { x: 1, y: 0 }, t: 18, s: [{ i: [[0, -46.392], [46.392, 0], [0, 46.392], [-46.392, 0]], o: [[0, 46.392], [-46.392, 0], [0, -46.392], [46.392, 0]], v: [[84, 0], [0, 84], [-84, 0], [0, -84]], c: true }] }, { i: { x: 0.683, y: 1 }, o: { x: 0.167, y: 0 }, t: 48, s: [{ i: [[0, -40.759], [40.759, 0], [0, 40.759], [-40.759, 0]], o: [[0, 40.759], [-40.759, 0], [0, -40.759], [40.759, 0]], v: [[73.8, 0], [0, 73.8], [-73.8, 0], [0, -73.8]], c: true }] }, { i: { x: 0, y: 1 }, o: { x: 0.317, y: 0 }, t: 100, s: [{ i: [[0, -40.759], [40.759, 0], [0, 40.759], [-40.759, 0]], o: [[0, 40.759], [-40.759, 0], [0, -40.759], [40.759, 0]], v: [[73.8, 0], [0, 73.8], [-73.8, 0], [0, -73.8]], c: true }] }, { t: 130, s: [{ i: [[0, -46.392], [46.392, 0], [0, 46.392], [-46.392, 0]], o: [[0, 46.392], [-46.392, 0], [0, -46.392], [46.392, 0]], v: [[84, 0], [0, 84], [-84, 0], [0, -84]], c: true }] }], ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.988235294819, 0.501960813999, 0.176470592618, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [293.4, 124], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 6", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 9, ty: 4, nm: "mask 2", parent: 8, td: 1, sr: 1, ks: { o: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 46, s: [100] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 47, s: [0] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 101, s: [0] }, { t: 102, s: [100] }], ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [293.4, 124, 0], ix: 2, l: 2 }, a: { a: 0, k: [293.4, 124, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.683, y: 1 }, o: { x: 1, y: 0 }, t: 18, s: [{ i: [[0, -46.392], [46.392, 0], [0, 46.392], [-46.392, 0]], o: [[0, 46.392], [-46.392, 0], [0, -46.392], [46.392, 0]], v: [[84, 0], [0, 84], [-84, 0], [0, -84]], c: true }] }, { i: { x: 0.683, y: 1 }, o: { x: 0.167, y: 0 }, t: 48, s: [{ i: [[0, -40.759], [40.759, 0], [0, 40.759], [-40.759, 0]], o: [[0, 40.759], [-40.759, 0], [0, -40.759], [40.759, 0]], v: [[73.8, 0], [0, 73.8], [-73.8, 0], [0, -73.8]], c: true }] }, { i: { x: 0, y: 1 }, o: { x: 0.317, y: 0 }, t: 100, s: [{ i: [[0, -40.759], [40.759, 0], [0, 40.759], [-40.759, 0]], o: [[0, 40.759], [-40.759, 0], [0, -40.759], [40.759, 0]], v: [[73.8, 0], [0, 73.8], [-73.8, 0], [0, -73.8]], c: true }] }, { t: 130, s: [{ i: [[0, -46.392], [46.392, 0], [0, 46.392], [-46.392, 0]], o: [[0, 46.392], [-46.392, 0], [0, -46.392], [46.392, 0]], v: [[84, 0], [0, 84], [-84, 0], [0, -84]], c: true }] }], ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "fl", c: { a: 0, k: [1, 0, 0, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 0, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: false }, { ty: "tr", p: { a: 0, k: [293.4, 124], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 6", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 10, ty: 4, nm: "smile", parent: 12, tt: 2, tp: 9, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [112.95, 324.2, 0], ix: 2, l: 2 }, a: { a: 0, k: [198.2, 240.2, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ty: "rc", d: 1, s: { a: 0, k: [81.5, 56.5], ix: 2 }, p: { a: 0, k: [0, 0], ix: 3 }, r: { a: 0, k: 0, ix: 4 }, nm: "Rectangle Path 1", mn: "ADBE Vector Shape - Rect", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 1, lj: 1, ml: 4, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "fl", c: { a: 0, k: [1, 0, 0, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 0, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: false }, { ty: "tr", p: { a: 0, k: [196.95, 238.95], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 0, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Rectangle 1", np: 3, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [11.598, 0], [0, 11.598]], o: [[0, 11.598], [-11.598, 0], [0, 0]], v: [[21, -10.5], [0, 10.5], [-21, -10.5]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [198.2, 240.2], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 7", np: 2, cix: 2, bm: 0, ix: 2, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 11, ty: 4, nm: "mask", parent: 8, td: 1, sr: 1, ks: { o: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 46, s: [100] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 47, s: [0] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 101, s: [0] }, { t: 102, s: [100] }], ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [293.4, 124, 0], ix: 2, l: 2 }, a: { a: 0, k: [293.4, 124, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.683, y: 1 }, o: { x: 1, y: 0 }, t: 18, s: [{ i: [[0, -46.392], [46.392, 0], [0, 46.392], [-46.392, 0]], o: [[0, 46.392], [-46.392, 0], [0, -46.392], [46.392, 0]], v: [[84, 0], [0, 84], [-84, 0], [0, -84]], c: true }] }, { i: { x: 0.683, y: 1 }, o: { x: 0.167, y: 0 }, t: 48, s: [{ i: [[0, -40.759], [40.759, 0], [0, 40.759], [-40.759, 0]], o: [[0, 40.759], [-40.759, 0], [0, -40.759], [40.759, 0]], v: [[73.8, 0], [0, 73.8], [-73.8, 0], [0, -73.8]], c: true }] }, { i: { x: 0, y: 1 }, o: { x: 0.317, y: 0 }, t: 100, s: [{ i: [[0, -40.759], [40.759, 0], [0, 40.759], [-40.759, 0]], o: [[0, 40.759], [-40.759, 0], [0, -40.759], [40.759, 0]], v: [[73.8, 0], [0, 73.8], [-73.8, 0], [0, -73.8]], c: true }] }, { t: 130, s: [{ i: [[0, -46.392], [46.392, 0], [0, 46.392], [-46.392, 0]], o: [[0, 46.392], [-46.392, 0], [0, -46.392], [46.392, 0]], v: [[84, 0], [0, 84], [-84, 0], [0, -84]], c: true }] }], ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "fl", c: { a: 0, k: [1, 0, 0, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 0, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: false }, { ty: "tr", p: { a: 0, k: [293.4, 124], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 6", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 12, ty: 4, nm: "face 2", parent: 2, tt: 2, tp: 11, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [229.95, -129.7, 0], ix: 2, l: 2 }, a: { a: 0, k: [293.4, 124, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -40.745], [40.745, 0], [0, 40.745], [-40.745, 0]], o: [[0, 40.745], [-40.745, 0], [0, -40.745], [40.745, 0]], v: [[-106.45, 179.6], [-180.225, 253.375], [-254, 179.6], [-180.225, 105.825]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [293.4, 124], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 6", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 13, ty: 4, nm: "mask 3", parent: 2, td: 1, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [229.95, -129.7, 0], ix: 2, l: 2 }, a: { a: 0, k: [293.4, 124, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -40.745], [40.745, 0], [0, 40.745], [-40.745, 0]], o: [[0, 40.745], [-40.745, 0], [0, -40.745], [40.745, 0]], v: [[-106.45, 179.6], [-180.225, 253.375], [-254, 179.6], [-180.225, 105.825]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "fl", c: { a: 0, k: [1, 0, 0, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 0, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: false }, { ty: "tr", p: { a: 0, k: [293.4, 124], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 6", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 14, ty: 4, nm: "sad", parent: 16, tt: 2, tp: 13, sr: 1, ks: { o: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 47, s: [100] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 48, s: [0] }, { i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 100, s: [0] }, { t: 101, s: [100] }], ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [113.5, 324.9, 0], ix: 2, l: 2 }, a: { a: 0, k: [113.5, 324.9, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ty: "rc", d: 1, s: { a: 0, k: [78, 60.5], ix: 2 }, p: { a: 0, k: [0, 0], ix: 3 }, r: { a: 0, k: 0, ix: 4 }, nm: "Rectangle Path 1", mn: "ADBE Vector Shape - Rect", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 1, lj: 1, ml: 4, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "fl", c: { a: 0, k: [1, 0, 0, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 0, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: false }, { ty: "tr", p: { a: 0, k: [113.7, 326.95], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 0, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Rectangle 1", np: 3, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [-11.598, 0], [0, -11.598]], o: [[0, -11.598], [11.598, 0], [0, 0]], v: [[-21, 10.5], [0, -10.5], [21, 10.5]], c: false }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [113.5, 324.9], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 9", np: 2, cix: 2, bm: 0, ix: 2, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 15, ty: 4, nm: "mask", parent: 2, td: 1, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [229.95, -129.7, 0], ix: 2, l: 2 }, a: { a: 0, k: [293.4, 124, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -40.745], [40.745, 0], [0, 40.745], [-40.745, 0]], o: [[0, 40.745], [-40.745, 0], [0, -40.745], [40.745, 0]], v: [[-106.45, 179.6], [-180.225, 253.375], [-254, 179.6], [-180.225, 105.825]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "fl", c: { a: 0, k: [1, 0, 0, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 0, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: false }, { ty: "tr", p: { a: 0, k: [293.4, 124], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 6", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 16, ty: 4, nm: "face 3", parent: 2, tt: 2, tp: 15, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 1, k: [{ i: { x: 0.787, y: 1 }, o: { x: 0.97, y: 0 }, t: 18, s: [-35.525, 133.9, 0], to: [14.25, -14, 0], ti: [-14.25, 14, 0] }, { i: { x: 0.787, y: 0.787 }, o: { x: 0.167, y: 0.167 }, t: 48, s: [49.975, 49.9, 0], to: [0, 0, 0], ti: [0, 0, 0] }, { i: { x: 0.03, y: 1 }, o: { x: 0.213, y: 0 }, t: 100, s: [49.975, 49.9, 0], to: [-14.25, 14, 0], ti: [14.25, -14, 0] }, { t: 130, s: [-35.525, 133.9, 0] }], ix: 2, l: 2 }, a: { a: 0, k: [113.175, 303.6, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -40.745], [40.745, 0], [0, 40.745], [-40.745, 0]], o: [[0, 40.745], [-40.745, 0], [0, -40.745], [40.745, 0]], v: [[-106.45, 179.6], [-180.225, 253.375], [-254, 179.6], [-180.225, 105.825]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.988235294819, 0.501960813999, 0.176470592618, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [293.4, 124], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Group 6", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 180, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 17, ty: 3, nm: "Zero | troke width - Color Ctrl", sr: 1, ks: { o: { a: 0, k: 0, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [250, 250, 0], ix: 2, l: 2 }, a: { a: 0, k: [0, 0, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, ip: 0, op: 180, st: 0, bm: 0 }], markers: [], props: {} };
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/hooks/useReceipt.tsx
 var import_react13 = require("react");
@@ -970,7 +1017,7 @@ function useHash({
 var import_zustand5 = require("zustand");
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 
 // src/store/useModalStore.ts
@@ -1015,14 +1062,14 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
 // src/components/CEXBindModal/index.tsx
 var import_react15 = require("react");
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
 var import_react_query8 = require("@tanstack/react-query");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
 var import_react16 = require("react");
@@ -1102,7 +1149,7 @@ var matchTest = /* @__PURE__ */ (0, import_viem12.defineChain)({
 
 // src/MatchContext.tsx
 var import_wagmi = require("wagmi");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var queryClient = new import_react_query9.QueryClient();
 var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
   appName: "MatchID",
@@ -1126,15 +1173,15 @@ var MatchContext = (0, import_react18.createContext)(void 0);
 // src/components/EmailModal/StepVerify.tsx
 var import_react20 = require("react");
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
 var import_react22 = require("react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function Popover({
   children,
   content,
@@ -1144,7 +1191,7 @@ function Popover({
   gap = "20px"
 }) {
   const [active, setActive] = (0, import_react22.useState)(false);
-  return children && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return children && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "div",
     {
       onClick: () => {
@@ -1155,9 +1202,9 @@ function Popover({
       className: `matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == "click" && active ? "matchid-popover-click-active" : ""}`,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: {
           paddingTop: gap
-        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: `matchid-popover-content`, children: content }) })
+        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: `matchid-popover-content`, children: content }) })
       ]
     }
   );
@@ -1171,36 +1218,36 @@ var import_react_intl9 = require("react-intl");
 var import_react_query10 = require("@tanstack/react-query");
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react25 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl10 = require("react-intl");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react24 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl11 = require("react-intl");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl12 = require("react-intl");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react26 = require("react");
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_react29 = require("react");
@@ -1208,7 +1255,7 @@ var import_react_intl14 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react27 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
@@ -1225,7 +1272,7 @@ var import_ethers = require("ethers");
 // src/components/EVMModal/index.tsx
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/components/TRONModal/index.tsx
 var import_react31 = __toESM(require("react"));
@@ -1235,13 +1282,13 @@ var import_react_intl15 = require("react-intl");
 var import_react30 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
 var import_react32 = __toESM(require("react"));
 var import_react_intl16 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
 var import_react34 = __toESM(require("react"));
@@ -1254,34 +1301,34 @@ var import_sats_connect = require("sats-connect");
 var import_react33 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
 var import_react35 = require("react");
 var import_react_intl18 = require("react-intl");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 
 // src/components/AlphaAvatar/index.tsx
 var import_react36 = require("react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/components/TokenSend/index.tsx
 var import_react37 = require("react");
 var import_viem13 = require("viem");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl20 = require("react-intl");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/components/TokenSendList/index.tsx
 var import_react38 = require("react");
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
@@ -1289,11 +1336,11 @@ var import_react39 = require("react");
 var import_viem14 = require("viem");
 var import_viem15 = require("viem");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 
 // src/ui/Modal/index.tsx
 var import_react_intl23 = require("react-intl");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function Modal({
   children,
   isOpen,
@@ -1301,10 +1348,10 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-modal ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-modal ${className}`, style: {
     width
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-modal-mobile-header" }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-modal-mobile-header" }),
     children
   ] }) });
 }
@@ -1318,13 +1365,13 @@ function ModalWithHeader({
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Modal, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "matchid-modal-header-title", children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Modal, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-modal-header-content", children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "matchid-modal-header-title", children: title })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
     ] }),
     children
   ] });
@@ -1359,17 +1406,17 @@ function ConfirmModal({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ModalWithHeader, { isOpen, onClose, title, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-confirm-modal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-w-full", children }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-error`, children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: onSubmit, loading, block: true, highlight: true, children: confirmText ?? intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ModalWithHeader, { isOpen, onClose, title, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-confirm-modal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-w-full", children }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-error`, children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { size: "lg", onClick: onSubmit, loading, block: true, highlight: true, children: confirmText ?? intl.formatMessage({
       id: "Confirm"
     }) })
   ] }) });
 }
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function ModalDrawer({
   title,
   drawerTitleVisible = true,
@@ -1377,13 +1424,13 @@ function ModalDrawer({
 }) {
   const isDownMd = useDownMd();
   if (isDownMd) {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ModalWithHeader, { ...props, title });
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ModalWithHeader, { ...props, title });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
 }
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function HashPanel({
   hash,
   chain,
@@ -1443,14 +1490,14 @@ function HashPanel({
     }
   }, [hashQuery.data]);
   const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     ModalDrawer,
     {
       isOpen,
       showClose: true,
       onClose,
       zIndex,
-      title: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      title: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "div",
         {
           className: "matchid-hashpanel-header",
@@ -1460,32 +1507,32 @@ function HashPanel({
           children: statusValue.text
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-hashpanel-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-hashpanel-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-hashpanel-status`, style: {
+      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-hashpanel-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-hashpanel-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
+          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
             width: "96px",
             height: "96px"
           } }),
-          hash && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
+          hash && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("a", { href: link, target: "_blank", children: hash })
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("a", { href: link, target: "_blank", children: hash })
           ] }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "matchid-hashpanel-text", children: error })
+          error && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-hashpanel-text", children: error })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
     }
   );
 }
 function HashPanel_default(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(HashPanel, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(HashPanel, { ...props });
 }
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function Switch({
   size = "default",
   checked = false,
@@ -1500,12 +1547,12 @@ function Switch({
       onChange && onChange(!checked);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { onClick, className: `matchid-switch matchid-switch-${size} ${checked ? "matchid-switch-checked" : ""} ${disabled ? "matchid-switch-disabled" : ""} ${loading ? "matchid-switch-loading" : ""}`, ...props, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-switch-ball" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { onClick, className: `matchid-switch matchid-switch-${size} ${checked ? "matchid-switch-checked" : ""} ${disabled ? "matchid-switch-disabled" : ""} ${loading ? "matchid-switch-loading" : ""}`, ...props, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "matchid-switch-ball" }) });
 }
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react42 = require("react");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function AlphaAvatar2({
   name,
   size = "default",
@@ -1522,7 +1569,7 @@ function AlphaAvatar2({
     return "";
   }, [name]);
   const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: numberSize,
     height: numberSize,
     fontSize: Math.ceil(numberSize / 2),
@@ -1531,7 +1578,7 @@ function AlphaAvatar2({
 }
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function Radio({
   checked = false,
   onChange,
@@ -1540,20 +1587,20 @@ function Radio({
   className = "",
   style = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
     width: size,
     height: size,
     ...style,
     // @ts-ignore
     "--matchid-radio-checked": color
-  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-radio-content`, style: {
+  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-radio-content`, style: {
     width: Math.floor(size * 0.7),
     height: Math.floor(size * 0.7)
   } }) });
 }
 
 // src/ui/Skeleton/index.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var Skeleton = ({
   style = {},
   className = "",
@@ -1564,7 +1611,7 @@ var Skeleton = ({
   children
 }) => {
   if (!loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_jsx_runtime99.Fragment, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_jsx_runtime100.Fragment, { children });
   }
   const skeletonStyle = {
     width,
@@ -1572,7 +1619,7 @@ var Skeleton = ({
     borderRadius: radius,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "div",
     {
       className: "matchid-skeleton " + className,
@@ -1583,10 +1630,10 @@ var Skeleton = ({
 var Skeleton_default = Skeleton;
 
 // src/ui/Tabs/index.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function Tabs(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `matchid-tabs`, children: props.tabs.map((tab, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { onClick: () => props.setActiveTab(index), className: `matchid-tab ${props.activeTab === index ? "matchid-tab-active" : ""}`, children: tab }, index);
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-tabs`, children: props.tabs.map((tab, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { onClick: () => props.setActiveTab(index), className: `matchid-tab ${props.activeTab === index ? "matchid-tab-active" : ""}`, children: tab }, index);
   }) });
 }
 
@@ -1604,12 +1651,12 @@ var LazyLottie = (props) => {
 var Lottie_default = LazyLottie;
 
 // src/ui/Checkbox/index.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function Checkbox({
   checked = false,
   onChange
 }) {
-  return checked ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CheckboxCheckedIcon, { onClick: () => onChange?.(false) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CheckboxIcon, { onClick: () => onChange?.(true) });
+  return checked ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CheckboxCheckedIcon, { onClick: () => onChange?.(false) }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CheckboxIcon, { onClick: () => onChange?.(true) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {