@matchain/matchid-sdk-react 0.1.8 → 0.1.10

package/dist/index.js

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.tsx
 var src_exports = {};
 __export(src_exports, {
+  Api: () => api_exports,
   Components: () => components_exports,
   Hooks: () => hooks_exports,
   MatchProvider: () => MatchProvider,
@@ -428,7 +429,7 @@ function ModalWithHeader({
 }
 
 // src/components/PasswordModal/index.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // src/components/Input/index.tsx
 var import_react = require("react");
@@ -629,6 +630,20 @@ var getToken = () => {
   }
 };
 
+// src/utils/matchlog.ts
+var matchDevExists = () => localStorage.getItem("matchid-sdk-react-debug") !== null;
+var handler = {
+  get(target, prop) {
+    if (matchDevExists() && typeof target[prop] === "function") {
+      return target[prop].bind(console);
+    }
+    return () => {
+    };
+  }
+};
+var matchlog = new Proxy(console, handler);
+var matchlog_default = matchlog;
+
 // src/api/request.ts
 var SUCCESS_CODE = 0;
 var isSuccess = (res) => {
@@ -650,7 +665,7 @@ var request = async (config) => {
       instance.defaults.headers.common["Authorization"] = token;
     }
     const { data } = await instance.request(config);
-    console.log("api", data);
+    matchlog_default.log("api", data);
     if (data.code == 401001) {
       localStore.getState().logout();
       throw new Error("Your session has expired, please log in again");
@@ -706,6 +721,72 @@ var setUserNameApi = (data) => {
     data
   });
 };
+var getBindListApi = () => {
+  return request_default({
+    url: `/bind/list`,
+    method: "GET"
+  });
+};
+var getPohListApi = () => {
+  return request_default({
+    url: `/poh/list`,
+    method: "GET"
+  });
+};
+var getBindInfoApi = () => {
+  return request_default({
+    url: `/bind`,
+    method: "GET"
+  });
+};
+var bindCexApi = ({ cex, api_key, api_secret }) => {
+  return request_default({
+    url: `/cex/subscribe`,
+    method: "POST",
+    data: { cex, api_key, api_secret }
+  });
+};
+var unBindApi = ({ type }) => {
+  return request_default({
+    url: `/unbind`,
+    method: "POST",
+    data: { type }
+  });
+};
+var unBindWalletApi = ({ address }) => {
+  return request_default({
+    url: `/wallet/unbind`,
+    method: "POST",
+    data: { address }
+  });
+};
+var verifyPohApi = ({
+  taskId,
+  schemaId,
+  publicFields,
+  allocatorAddress,
+  publicFieldsHash,
+  allocatorSignature,
+  uHash,
+  validatorAddress,
+  validatorSignature
+}) => {
+  return request_default({
+    url: `/poh/zkpass`,
+    method: "POST",
+    data: {
+      taskId,
+      schemaId,
+      publicFields,
+      allocatorAddress,
+      publicFieldsHash,
+      allocatorSignature,
+      uHash,
+      validatorAddress,
+      validatorSignature
+    }
+  });
+};
 
 // src/hooks/eventManager.ts
 var EventManager = class {
@@ -787,7 +868,7 @@ function useUserInfo() {
   };
   const loginByMethod = (method) => {
     const link = `${endpoints.back}auth/${method}?appid=${appid}&provider=${method}&redirect=${encodeURIComponent(endpoints.login + "login/" + method)}&authorization=${(/* @__PURE__ */ new Date()).getTime()}`;
-    console.log("link", link);
+    matchlog_default.log("link", link);
     const authWindow = window.open(
       link,
       // Replace with the actual authorization URL
@@ -903,24 +984,21 @@ function useUserInfo() {
 var import_react3 = require("react");
 function useMatchEvents(handlers) {
   (0, import_react3.useEffect)(() => {
-    Object.entries(handlers).forEach(([event, handler]) => {
-      if (handler) {
-        eventManager_default.on(event, handler);
+    Object.entries(handlers).forEach(([event, handler2]) => {
+      if (handler2) {
+        eventManager_default.on(event, handler2);
       }
     });
     return () => {
-      Object.entries(handlers).forEach(([event, handler]) => {
-        if (handler) {
-          eventManager_default.off(event, handler);
+      Object.entries(handlers).forEach(([event, handler2]) => {
+        if (handler2) {
+          eventManager_default.off(event, handler2);
         }
       });
     };
   }, [handlers]);
 }
 
-// src/hooks/useWallet.tsx
-var import_react4 = require("react");
-
 // src/store/useStore.ts
 var import_zustand2 = require("zustand");
 var useStore = (0, import_zustand2.create)((set) => ({
@@ -974,7 +1052,7 @@ function useWallet() {
   const signMessage = async (message, type) => {
     return new Promise(async (resolve, reject) => {
       const res = await isRecovered();
-      console.log("isRecovered", res);
+      matchlog_default.log("isRecovered", res);
       const getSign = async () => {
         try {
           const recoverRes = await window.waitMatchUntilWalletMessage("signMessage", {
@@ -992,7 +1070,7 @@ function useWallet() {
         setRecoveryModal({
           open: true,
           success: async () => {
-            console.log("recover Success");
+            matchlog_default.log("recover Success");
             await getSign();
           },
           close: async () => {
@@ -1005,14 +1083,15 @@ function useWallet() {
           did: overview?.did?.split(":")[2] || ""
         });
       } else {
-        getSign();
+        await recoveryWallet("ethereum", "user_passcode_recovery_key");
+        await getSign();
       }
     });
   };
   const signTransaction = async (transaction, type) => {
     return new Promise(async (resolve, reject) => {
       const res = await isRecovered();
-      console.log("isRecovered", res);
+      matchlog_default.log("isRecovered", res);
       const getSign = async () => {
         try {
           const recoverRes = await window.waitMatchUntilWalletMessage("signTransaction", {
@@ -1030,7 +1109,7 @@ function useWallet() {
         setRecoveryModal({
           open: true,
           success: async () => {
-            console.log("recover Success");
+            matchlog_default.log("recover Success");
             await getSign();
           },
           close: async () => {
@@ -1043,7 +1122,8 @@ function useWallet() {
           did: overview?.did?.split(":")[2] || ""
         });
       } else {
-        getSign();
+        await recoveryWallet("ethereum", "user_passcode_recovery_key");
+        await getSign();
       }
     });
   };
@@ -1063,131 +1143,6 @@ function useWallet() {
     isRecovered
   };
 }
-var useWalletInit = ({
-  refreshOverview
-}) => {
-  const { env } = useLocalStore_default();
-  const getWalletIframe = () => {
-    return document.getElementById("match-wallet");
-  };
-  const [walletInited, setWalletInited] = (0, import_react4.useState)(false);
-  const { appid, token, overview } = useLocalStore_default();
-  const { initWallet, generateWallet } = useWallet();
-  (0, import_react4.useEffect)(() => {
-    if (env) {
-      if (!window.matchWalletMessageIdMap) {
-        window.matchWalletMessageIdMap = {};
-      }
-      const config = env_default[env];
-      const endpoints = config.endpoints;
-      const existingIframe = getWalletIframe();
-      if (!existingIframe) {
-        const iframe = document.createElement("iframe");
-        iframe.id = "match-wallet";
-        iframe.src = endpoints.login + "wallet";
-        iframe.style.display = "none";
-        iframe.style.width = "0";
-        iframe.style.height = "0";
-        iframe.onload = () => {
-          setWalletInited(true);
-        };
-        document.body.insertBefore(iframe, document.body.firstChild);
-        window.sendMatchWalletMessage = (method, data) => {
-          const messageId = Date.now().toString() + Math.random().toString().slice(6);
-          const message = {
-            method,
-            data,
-            messageId,
-            source: "matchid"
-          };
-          if (document.getElementById("match-wallet")) {
-            getWalletIframe()?.contentWindow?.postMessage(message, "*");
-            return messageId;
-          }
-          console.error("not found iframe");
-          return false;
-        };
-        window.waitMatchUntilWalletMessage = async (method, data, timeout = 5e3) => {
-          return new Promise((resolve, reject) => {
-            const messageId = window.sendMatchWalletMessage(method, data);
-            if (!messageId) {
-              console.error("Can't find wallet message");
-              reject(new Error("Can't find wallet message"));
-              return;
-            }
-            window.matchWalletMessageIdMap[messageId] = { resolve, reject };
-            window.matchWalletMessageIdMap[messageId].timeout = setTimeout(() => {
-              console.error("Get wallet result timeout", {
-                messageId,
-                method,
-                data
-              });
-              delete window.matchWalletMessageIdMap[messageId];
-              reject(new Error("Get wallet result timeout"));
-            }, timeout);
-          });
-        };
-      } else {
-        if (existingIframe.src !== endpoints.login + "wallet") {
-          existingIframe.src = endpoints.login + "wallet";
-        }
-        setWalletInited(true);
-      }
-    }
-  }, [env]);
-  (0, import_react4.useEffect)(() => {
-    const messageHandle = async (e) => {
-      const res = e.data;
-      if (res.source != "match-wallet") {
-        return;
-      }
-      const messageId = res.messageId;
-      if (messageId && window.matchWalletMessageIdMap[messageId]) {
-        const { resolve, reject, timeout } = window.matchWalletMessageIdMap[messageId];
-        delete window.matchWalletMessageIdMap[messageId];
-        clearTimeout(timeout);
-        if (res.status == "success") {
-          resolve(res.data);
-        } else {
-          console.error("qwe-waller-error", res);
-          reject(new Error(res.data.message));
-        }
-      }
-    };
-    window.addEventListener("message", messageHandle);
-    return () => {
-      window.removeEventListener("message", messageHandle);
-    };
-  }, []);
-  (0, import_react4.useEffect)(() => {
-    if (token && overview && overview.did && walletInited) {
-      const did = overview.did.split(":")[2];
-      const newUserInit = async () => {
-        await window.waitMatchUntilWalletMessage(
-          "initCore",
-          {
-            AppId: appid,
-            AppClientId,
-            UserId: did,
-            AccessToken: token,
-            Address: ""
-          }
-        );
-      };
-      if (!overview.address) {
-        newUserInit();
-      } else {
-        initWallet({
-          address: overview.address,
-          did
-        });
-      }
-    }
-  }, [overview, token, walletInited]);
-  return {
-    walletInited
-  };
-};
 
 // src/components/PasswordModal/index.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -1199,27 +1154,27 @@ function PasswordModal({
 }) {
   const { refreshOverview } = useUserInfo();
   const { isLogin, did } = useUserInfo();
-  const [password, setPassword] = (0, import_react5.useState)("");
-  const [rePassword, setRePassword] = (0, import_react5.useState)("");
-  const [error, setError] = (0, import_react5.useState)("");
+  const [password, setPassword] = (0, import_react4.useState)("");
+  const [rePassword, setRePassword] = (0, import_react4.useState)("");
+  const [error, setError] = (0, import_react4.useState)("");
   const { generateWallet } = useWallet();
-  const passwordError = (0, import_react5.useMemo)(() => {
+  const passwordError = (0, import_react4.useMemo)(() => {
     if (password.length < 6) return "Password must be at least 6 characters";
     return "";
   }, [password]);
-  const rePasswordError = (0, import_react5.useMemo)(() => {
+  const rePasswordError = (0, import_react4.useMemo)(() => {
     if (rePassword != password) {
       return "The password you entered twice do not match";
     }
     return "";
   }, [rePassword, password]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (isOpen) {
       setPassword("");
       setRePassword("");
     }
   }, [isOpen]);
-  const [isSubmitting, setIsSubmitting] = (0, import_react5.useState)(false);
+  const [isSubmitting, setIsSubmitting] = (0, import_react4.useState)(false);
   const onContinue = async () => {
     if (isSubmitting) return;
     try {
@@ -1279,7 +1234,7 @@ function PasswordModal({
 }
 
 // src/components/RecoveryModal/index.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function RecoveryModal({
   title,
@@ -1289,19 +1244,19 @@ function RecoveryModal({
 }) {
   const { refreshOverview } = useUserInfo();
   const { isLogin } = useUserInfo();
-  const [password, setPassword] = (0, import_react6.useState)("");
+  const [password, setPassword] = (0, import_react5.useState)("");
   const { recoveryWallet } = useWallet();
-  const [error, setError] = (0, import_react6.useState)("");
-  const passwordError = (0, import_react6.useMemo)(() => {
+  const [error, setError] = (0, import_react5.useState)("");
+  const passwordError = (0, import_react5.useMemo)(() => {
     if (password.length < 6) return "Password must be at least 6 characters";
     return "";
   }, [password]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (isOpen) {
       setPassword("");
     }
   }, [isOpen]);
-  const [isSubmitting, setIsSubmitting] = (0, import_react6.useState)(false);
+  const [isSubmitting, setIsSubmitting] = (0, import_react5.useState)(false);
   const onContinue = async () => {
     if (isSubmitting) return;
     try {
@@ -1375,6 +1330,144 @@ var Providers = ({ children }) => {
 };
 var context_default = Providers;
 
+// src/hooks/useWalletInit.ts
+var import_react6 = require("react");
+var AppClientId2 = "react-sdk-" + getVersion();
+function useWalletInit({
+  refreshOverview
+}) {
+  const { env } = useLocalStore_default();
+  const getWalletIframe = () => {
+    return document.getElementById("match-wallet");
+  };
+  const [walletInited, setWalletInited] = (0, import_react6.useState)(false);
+  const { appid, token, overview } = useLocalStore_default();
+  const { initWallet, generateWallet } = useWallet();
+  (0, import_react6.useEffect)(() => {
+    if (env) {
+      if (!window.matchWalletMessageIdMap) {
+        window.matchWalletMessageIdMap = {};
+      }
+      const config = env_default[env];
+      const endpoints = config.endpoints;
+      const existingIframe = getWalletIframe();
+      if (!existingIframe) {
+        const iframe = document.createElement("iframe");
+        iframe.id = "match-wallet";
+        iframe.src = endpoints.login + "wallet";
+        iframe.style.display = "none";
+        iframe.style.width = "0";
+        iframe.style.height = "0";
+        document.body.insertBefore(iframe, document.body.firstChild);
+        window.sendMatchWalletMessage = (method, data) => {
+          const messageId = Date.now().toString() + Math.random().toString().slice(6);
+          const message = {
+            method,
+            data,
+            messageId,
+            source: "matchid"
+          };
+          if (document.getElementById("match-wallet")) {
+            matchlog_default.log("matchid.sdk.sendMatchWalletMessage", message, endpoints.login);
+            getWalletIframe()?.contentWindow?.postMessage(message, endpoints.login);
+            return messageId;
+          }
+          console.error("not found iframe");
+          return false;
+        };
+        window.waitMatchUntilWalletMessage = async (method, data, timeout = 1e4) => {
+          return new Promise((resolve, reject) => {
+            const messageId = window.sendMatchWalletMessage(method, data);
+            if (!messageId) {
+              console.error("Can't find wallet message");
+              reject(new Error("Can't find wallet message"));
+              return;
+            }
+            window.matchWalletMessageIdMap[messageId] = { resolve, reject };
+            window.matchWalletMessageIdMap[messageId].timeout = setTimeout(() => {
+              console.error("Get wallet result timeout", {
+                messageId,
+                method,
+                data
+              });
+              delete window.matchWalletMessageIdMap[messageId];
+              reject(new Error("Get wallet result timeout"));
+            }, timeout);
+          });
+        };
+      } else {
+        if (existingIframe.src !== endpoints.login + "wallet") {
+          setWalletInited(false);
+          existingIframe.src = endpoints.login + "wallet";
+        } else {
+          setWalletInited(true);
+        }
+      }
+    }
+  }, [env]);
+  (0, import_react6.useEffect)(() => {
+    const messageHandle = async (e) => {
+      if (e.origin !== env_default[env].endpoints.login.substring(0, env_default[env].endpoints.login.length - 1)) {
+        return;
+      }
+      const res = e.data;
+      if (res.source != "match-wallet") {
+        return;
+      }
+      matchlog_default.log("sdk.wallet.receive", e);
+      const messageId = res.messageId;
+      if (messageId == "init") {
+        matchlog_default.log("wallet init");
+        setWalletInited(true);
+        return;
+      }
+      if (messageId && window.matchWalletMessageIdMap[messageId]) {
+        const { resolve, reject, timeout } = window.matchWalletMessageIdMap[messageId];
+        delete window.matchWalletMessageIdMap[messageId];
+        clearTimeout(timeout);
+        if (res.status == "success") {
+          resolve(res.data);
+        } else {
+          console.error("qwe-waller-error", res);
+          reject(new Error(res.data.message));
+        }
+      }
+    };
+    window.addEventListener("message", messageHandle);
+    return () => {
+      window.removeEventListener("message", messageHandle);
+    };
+  }, []);
+  (0, import_react6.useEffect)(() => {
+    if (token && overview && overview.did && walletInited) {
+      const did = overview.did.split(":")[2];
+      const newUserInit = async () => {
+        await window.waitMatchUntilWalletMessage(
+          "initCore",
+          {
+            AppId: appid,
+            AppClientId: AppClientId2,
+            UserId: did,
+            AccessToken: token,
+            Address: ""
+          }
+        );
+      };
+      if (!overview.address) {
+        newUserInit();
+      } else {
+        initWallet({
+          address: overview.address,
+          did
+        });
+      }
+    }
+  }, [overview, token, walletInited]);
+  return {
+    walletInited
+  };
+}
+
 // src/hooks/useInit.tsx
 var import_react7 = require("react");
 function useInit({
@@ -1438,7 +1531,7 @@ function useInit({
     };
   }, []);
   const loadOverview = async () => {
-    console.log("loadOverview");
+    matchlog_default.log("loadOverview");
     if (overviewLoadingRef.current) {
       return;
     }
@@ -1484,7 +1577,9 @@ function useInit({
 }
 
 // src/MatchContext.tsx
+var import_react_query = require("@tanstack/react-query");
 var import_jsx_runtime28 = require("react/jsx-runtime");
+var queryClient = new import_react_query.QueryClient();
 var MatchContext = (0, import_react8.createContext)(void 0);
 var MatchProvider = ({ children, appid, env = "main", events, theme = "light" }) => {
   const { loadOverview, login, config, endpoints } = useInit({
@@ -1496,7 +1591,7 @@ var MatchProvider = ({ children, appid, env = "main", events, theme = "light" })
   useWalletInit({
     refreshOverview: loadOverview
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     MatchContext.Provider,
     {
       value: {
@@ -1509,7 +1604,7 @@ var MatchProvider = ({ children, appid, env = "main", events, theme = "light" })
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(context_default, { children })
     }
-  );
+  ) });
 };
 var useMatch = () => {
   const context = (0, import_react8.useContext)(MatchContext);
@@ -1980,8 +2075,71 @@ function UsernameModal({
     }, onClick: props.onClose, size: "lg", block: true, children: "Next Time" })
   ] }) });
 }
+
+// src/hooks/api/index.ts
+var api_exports = {};
+__export(api_exports, {
+  bind: () => bind_exports,
+  poh: () => poh_exports
+});
+
+// src/hooks/api/bind.ts
+var bind_exports = {};
+__export(bind_exports, {
+  bindCexApi: () => bindCexApi,
+  unBindApi: () => unBindApi,
+  unBindWalletApi: () => unBindWalletApi,
+  useBindInfo: () => useBindInfo,
+  useBindList: () => useBindList
+});
+var import_react_query2 = require("@tanstack/react-query");
+function useBindList(options) {
+  const { isLogin } = useUserInfo();
+  return (0, import_react_query2.useQuery)({
+    queryKey: ["bindList"],
+    enabled: isLogin,
+    queryFn: async () => {
+      let res = await getBindListApi();
+      return res.data;
+    },
+    ...options
+  });
+}
+function useBindInfo(options) {
+  const { isLogin } = useUserInfo();
+  return (0, import_react_query2.useQuery)({
+    queryKey: ["bindInfo"],
+    enabled: isLogin,
+    queryFn: async () => {
+      let res = await getBindInfoApi();
+      return res.data;
+    },
+    ...options
+  });
+}
+
+// src/hooks/api/poh.ts
+var poh_exports = {};
+__export(poh_exports, {
+  usePohList: () => usePohList,
+  verifyPohApi: () => verifyPohApi
+});
+var import_react_query3 = require("@tanstack/react-query");
+function usePohList(options) {
+  const { isLogin } = useUserInfo();
+  return (0, import_react_query3.useQuery)({
+    queryKey: ["pohList"],
+    enabled: isLogin,
+    queryFn: async () => {
+      let res = await getPohListApi();
+      return res.data;
+    },
+    ...options
+  });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Api,
   Components,
   Hooks,
   MatchProvider,