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

package/dist/ui.js

@@ -32,6 +32,7 @@ var ui_exports = {};
 __export(ui_exports, {
   AlphaAvatar: () => AlphaAvatar2,
   Button: () => Button,
+  Checkbox: () => Checkbox,
   ConfirmModal: () => ConfirmModal,
   Drawer: () => Drawer,
   Field: () => Field,
@@ -287,8 +288,55 @@ var import_jsx_runtime49 = require("react/jsx-runtime");
 // src/assets/icon/MoreIcon.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
 
-// src/ui/Button/index.tsx
+// src/assets/icon/CheckboxIcon.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
+function CheckboxIcon({
+  size = 16,
+  color = "#E3E3E3",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("svg", { width: size, height: size, viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("rect", { x: "2.08203", y: "2.58325", width: "11.8333", height: "11.8333", rx: "3.25", stroke: color, strokeWidth: "1.5" }) });
+}
+
+// src/assets/icon/CheckboxCheckedIcon.tsx
+var import_jsx_runtime52 = require("react/jsx-runtime");
+function CheckboxCheckedIcon({
+  size = 16,
+  color = "#FC802D",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { width: size, height: size, viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("rect", { x: "1.33203", y: "1.83325", width: "13.3333", height: "13.3333", rx: "4", fill: color }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      "path",
+      {
+        d: "M5.96094 7.63565L7.23226 8.90697L9.87499 6.26424C10.113 6.02621 10.4989 6.02621 10.737 6.26424C10.975 6.50227 10.975 6.8882 10.737 7.12623L7.80211 10.0611C7.48739 10.3758 6.97714 10.3758 6.66242 10.0611L5.09896 8.49764C4.86093 8.25961 4.86093 7.87368 5.09896 7.63565C5.33699 7.39762 5.72291 7.39762 5.96094 7.63565Z",
+        fill: "white"
+      }
+    )
+  ] });
+}
+
+// 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,
@@ -308,7 +356,7 @@ function Button({
       onClick && onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "button",
     {
       type,
@@ -319,14 +367,14 @@ function Button({
       },
       onClick: onAction,
       ...dataset,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Overlay({
   isOpen = false,
   children,
@@ -342,7 +390,7 @@ function Overlay({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
       className: "matchid-overlay",
@@ -351,11 +399,11 @@ function Overlay({
       },
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, {});
+  ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, {});
 }
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Drawer({
   children,
   showClose = true,
@@ -366,22 +414,22 @@ function Drawer({
   onBack
 }) {
   if (!isOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-drawer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53.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_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Field({
   label,
   children,
@@ -389,13 +437,13 @@ function Field({
   required,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "matchid-field-label", children: [
-      required && /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.jsx)("div", { className: "matchid-field-error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "matchid-field-error", children: error })
   ] });
 }
 
@@ -429,7 +477,7 @@ var import_react4 = require("react");
 
 // src/utils/index.tsx
 var import_moment = __toESM(require("moment"));
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var getVersion = () => {
   return "0.0.2";
 };
@@ -439,27 +487,48 @@ function getAppClientId() {
 
 // src/ui/Input/index.tsx
 var import_react3 = require("react");
-var import_jsx_runtime56 = 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_runtime56.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_runtime56.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
-        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime56.jsx)(
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           DeleteRoundIcon,
           {
             height: isDownMd ? 16 : 21,
@@ -467,9 +536,17 @@ function Input({
             color: "var(--matchid-input-delete-icon-color)"
           }
         ) }),
-        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime56.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime56.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
       ]
     }
@@ -478,7 +555,7 @@ function Input({
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react_intl = require("react-intl");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/store/useLocalStore.ts
 var import_zustand = require("zustand");
@@ -737,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_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var ModalContext = (0, import_react6.createContext)(null);
 
 // src/store/useTransactionStore.ts
@@ -770,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_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var AppClientId = "react-sdk-" + getVersion();
 
 // src/hooks/useCopyClipboard.ts
@@ -780,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_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var ToastContext = (0, import_react9.createContext)(null);
 
 // src/hooks/api/wallet.ts
@@ -790,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_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
@@ -879,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_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/hooks/useReceipt.tsx
 var import_react13 = require("react");
@@ -940,7 +1017,7 @@ function useHash({
 var import_zustand5 = require("zustand");
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime64 = 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
@@ -985,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_runtime65 = 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_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
 var import_react16 = require("react");
@@ -1072,7 +1149,7 @@ var matchTest = /* @__PURE__ */ (0, import_viem12.defineChain)({
 
 // src/MatchContext.tsx
 var import_wagmi = require("wagmi");
-var import_jsx_runtime68 = 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",
@@ -1096,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_runtime69 = 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_runtime70 = 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_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function Popover({
   children,
   content,
@@ -1114,7 +1191,7 @@ function Popover({
   gap = "20px"
 }) {
   const [active, setActive] = (0, import_react22.useState)(false);
-  return children && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+  return children && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "div",
     {
       onClick: () => {
@@ -1125,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_runtime71.jsx)("div", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: {
           paddingTop: gap
-        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime71.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 }) })
       ]
     }
   );
@@ -1141,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_runtime72 = 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_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime74 = 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_runtime75 = 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_runtime76 = 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_runtime77 = 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_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_react29 = require("react");
@@ -1178,7 +1255,7 @@ var import_react_intl14 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react27 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
@@ -1195,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_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/components/TRONModal/index.tsx
 var import_react31 = __toESM(require("react"));
@@ -1205,13 +1282,13 @@ var import_react_intl15 = require("react-intl");
 var import_react30 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime81 = 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_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
 var import_react34 = __toESM(require("react"));
@@ -1224,34 +1301,34 @@ var import_sats_connect = require("sats-connect");
 var import_react33 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime83 = 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_runtime84 = 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_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime86 = 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_runtime87 = 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_runtime88 = 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_runtime89 = 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"));
@@ -1259,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_runtime90 = 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_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function Modal({
   children,
   isOpen,
@@ -1271,10 +1348,10 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.jsx)("div", { className: "matchid-modal-mobile-header" }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-modal-mobile-header" }),
     children
   ] }) });
 }
@@ -1288,13 +1365,13 @@ function ModalWithHeader({
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Modal, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.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
   ] });
@@ -1329,17 +1406,17 @@ function ConfirmModal({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalWithHeader, { isOpen, onClose, title, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-confirm-modal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-w-full", children }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-error`, children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function ModalDrawer({
   title,
   drawerTitleVisible = true,
@@ -1347,13 +1424,13 @@ function ModalDrawer({
 }) {
   const isDownMd = useDownMd();
   if (isDownMd) {
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalWithHeader, { ...props, title });
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ModalWithHeader, { ...props, title });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function HashPanel({
   hash,
   chain,
@@ -1413,14 +1490,14 @@ function HashPanel({
     }
   }, [hashQuery.data]);
   const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     ModalDrawer,
     {
       isOpen,
       showClose: true,
       onClose,
       zIndex,
-      title: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      title: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "div",
         {
           className: "matchid-hashpanel-header",
@@ -1430,32 +1507,32 @@ function HashPanel({
           children: statusValue.text
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-hashpanel-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-hashpanel-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime93.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_runtime93.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_runtime93.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_runtime93.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_runtime93.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_runtime93.jsx)(HashPanel, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(HashPanel, { ...props });
 }
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function Switch({
   size = "default",
   checked = false,
@@ -1470,12 +1547,12 @@ function Switch({
       onChange && onChange(!checked);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime94.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function AlphaAvatar2({
   name,
   size = "default",
@@ -1492,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_runtime95.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),
@@ -1501,7 +1578,7 @@ function AlphaAvatar2({
 }
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function Radio({
   checked = false,
   onChange,
@@ -1510,20 +1587,20 @@ function Radio({
   className = "",
   style = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.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_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var Skeleton = ({
   style = {},
   className = "",
@@ -1534,7 +1611,7 @@ var Skeleton = ({
   children
 }) => {
   if (!loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_jsx_runtime97.Fragment, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_jsx_runtime100.Fragment, { children });
   }
   const skeletonStyle = {
     width,
@@ -1542,7 +1619,7 @@ var Skeleton = ({
     borderRadius: radius,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "div",
     {
       className: "matchid-skeleton " + className,
@@ -1553,10 +1630,10 @@ var Skeleton = ({
 var Skeleton_default = Skeleton;
 
 // src/ui/Tabs/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function Tabs(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-tabs`, children: props.tabs.map((tab, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.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);
   }) });
 }
 
@@ -1572,10 +1649,20 @@ var LazyLottie = (props) => {
   return View;
 };
 var Lottie_default = LazyLottie;
+
+// src/ui/Checkbox/index.tsx
+var import_jsx_runtime102 = require("react/jsx-runtime");
+function Checkbox({
+  checked = false,
+  onChange
+}) {
+  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 = {
   AlphaAvatar,
   Button,
+  Checkbox,
   ConfirmModal,
   Drawer,
   Field,