@matchain/matchid-sdk-react 0.1.44-alpha.4 → 0.1.44-alpha.6

package/dist/components/index.d.mts

@@ -1,5 +1,5 @@
-export { g as BTCModal, B as Button, E as EmailModal, F as Field, I as Input, L as LoginBox, b as LoginButton, d as LoginModal, c as LoginPanel, M as Modal, a as ModalWithHeader, O as Overlay, e as PasswordModal, P as Popover, S as SOLModal, f as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-C1NfMaCm.mjs';
+export { g as BTCModal, B as Button, E as EmailModal, F as Field, I as Input, L as LoginBox, b as LoginButton, d as LoginModal, c as LoginPanel, M as Modal, a as ModalWithHeader, O as Overlay, e as PasswordModal, P as Popover, S as SOLModal, f as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-RwnmlYR_.mjs';
 import 'react/jsx-runtime';
-import '../types-E2MeOwmE.mjs';
+import '../types-cM1c-GDc.mjs';
 import 'react';
 import '../mpc-CTbBWHld.mjs';

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
-export { g as BTCModal, B as Button, E as EmailModal, F as Field, I as Input, L as LoginBox, b as LoginButton, d as LoginModal, c as LoginPanel, M as Modal, a as ModalWithHeader, O as Overlay, e as PasswordModal, P as Popover, S as SOLModal, f as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-x432SkFJ.js';
+export { g as BTCModal, B as Button, E as EmailModal, F as Field, I as Input, L as LoginBox, b as LoginButton, d as LoginModal, c as LoginPanel, M as Modal, a as ModalWithHeader, O as Overlay, e as PasswordModal, P as Popover, S as SOLModal, f as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-BlEZbcLQ.js';
 import 'react/jsx-runtime';
-import '../types-E2MeOwmE.js';
+import '../types-cM1c-GDc.js';
 import 'react';
 import '../mpc-CTbBWHld.js';

package/dist/components/index.js

@@ -1647,6 +1647,12 @@ var toBindWalletApi = ({
     data: { type, address, signature, message, connector_type, wallet_client_type }
   });
 };
+var getAppConfigApi = () => {
+  return retryRequest({
+    url: `/api/v1/app/config`,
+    method: "GET"
+  });
+};
 
 // src/MatchContext.tsx
 var import_react15 = require("react");
@@ -1720,6 +1726,7 @@ var import_zustand3 = require("zustand");
 // src/hooks/useConfig.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
+var WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 function useWalletConfig() {
   const isDownMd = useDownMd();
   const walletMap = {
@@ -1956,7 +1963,8 @@ function useWallet() {
               name: chain?.nativeCurrency?.name || "ETH",
               symbol: chain?.nativeCurrency?.symbol || "ETH",
               decimals: chain?.nativeCurrency?.decimals || 18
-            }
+            },
+            rpcUrls: chain?.rpcUrls
           }
         });
       },
@@ -1993,15 +2001,16 @@ function useWallet() {
           const chainId = chain ? chain.id : await obj.getChainId();
           const _chain = chain || obj.chain;
           const transactionId = Date.now().toString() + Math.random().toString().slice(6);
-          let interval = setInterval(() => {
-            const sendPrepareTransactionRequest = async () => {
+          window.matchProvider.transactionMessageIntervalMap[transactionId] = {
+            transaction,
+            func: async () => {
               try {
                 const {
                   chain: chain2,
                   account,
                   ...prepareTransactionRequest
                   // @ts-ignore
-                } = await obj.prepareTransactionRequest(transaction);
+                } = await obj.prepareTransactionRequest(window.matchProvider.transactionMessageIntervalMap[transactionId].transaction);
                 window.matchProvider.sendWalletMessage({
                   method: "prepareTransactionRequest",
                   data: {
@@ -2012,9 +2021,11 @@ function useWallet() {
               } catch (error) {
                 console.error(error);
               }
-            };
-            sendPrepareTransactionRequest();
-          }, 1e4);
+            },
+            interval: setInterval(() => {
+              window.matchProvider.transactionMessageIntervalMap[transactionId].func();
+            }, 1e4)
+          };
           try {
             const {
               chain: chain2,
@@ -2033,7 +2044,8 @@ function useWallet() {
                 chain: {
                   id: chainId,
                   name: _chain?.name,
-                  nativeCurrency: _chain?.nativeCurrency
+                  nativeCurrency: _chain?.nativeCurrency,
+                  rpcUrls: _chain?.rpcUrls
                 },
                 prepareTransactionRequest
               }
@@ -2046,11 +2058,13 @@ function useWallet() {
               hash: txHash,
               chain: _chain
             });
-            clearInterval(interval);
+            clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
+            delete window.matchProvider.transactionMessageIntervalMap[transactionId];
             resolve(txHash);
           } catch (error) {
             console.error("qwe-sign-error", error);
-            clearInterval(interval);
+            clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
+            delete window.matchProvider.transactionMessageIntervalMap[transactionId];
             reject(error);
           }
         };
@@ -2736,6 +2750,28 @@ function Popover({
 // src/components/LoginBox/index.tsx
 var import_react20 = require("react");
 var import_react_intl8 = require("react-intl");
+
+// src/hooks/useAppConfig.ts
+var import_react_query3 = require("@tanstack/react-query");
+function useAppConfig() {
+  const query = (0, import_react_query3.useQuery)({
+    queryKey: ["appConfig"],
+    queryFn: async () => {
+      const res = await getAppConfigApi();
+      if (!isSuccess(res)) {
+        return null;
+      }
+      return res.data;
+    }
+  });
+  return {
+    isFetched: query.isFetched,
+    isLoading: query.isLoading,
+    ...query.data
+  };
+}
+
+// src/components/LoginBox/index.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var RecommendItem = ({
   icon,
@@ -2777,21 +2813,54 @@ var RecommendItem = ({
   ] });
 };
 function LoginBox({
-  recommendMethods = [
-    "wallet",
-    "email",
-    "google"
-  ],
-  methods = [
-    "telegram",
-    "twitter",
-    "github",
-    "linkedin",
-    "discord"
-  ],
-  walletMethods = DEFAULT_WALLET_METHODS,
+  recommendMethods,
+  methods,
+  walletMethods,
   inModal = false
 }) {
+  const config = useAppConfig();
+  const methodConfig = (0, import_react20.useMemo)(() => {
+    if (recommendMethods || methods || walletMethods) {
+      return {
+        recommendMethods: recommendMethods || [],
+        methods: methods || [],
+        walletMethods: walletMethods || []
+      };
+    }
+    if (!config.platform) {
+      return {
+        recommendMethods: [],
+        methods: [],
+        walletMethods: []
+      };
+    }
+    const platform = config.platform.map((p) => {
+      if (p == "x" || p == "X") {
+        return "twitter";
+      }
+      return p.toLowerCase();
+    });
+    console.log("platform", platform);
+    const walletMethodList = WALLET_METHODS.filter((m) => platform.includes(m));
+    let recommendMethodList = walletMethodList.length > 0 ? ["wallet"] : [];
+    let methodList = [];
+    const otherMethodList = platform.filter((m) => !walletMethodList.includes(m));
+    if (otherMethodList.length > 0) {
+      const recommendMethodListLength = recommendMethodList.length;
+      const maxRecommendMethodListLength = 3;
+      if (recommendMethodListLength < maxRecommendMethodListLength) {
+        recommendMethodList = recommendMethodList.concat(otherMethodList.slice(0, Math.min(maxRecommendMethodListLength - recommendMethodListLength, otherMethodList.length)));
+        methodList = otherMethodList.slice(maxRecommendMethodListLength - recommendMethodListLength);
+      } else {
+        methodList = otherMethodList;
+      }
+    }
+    return {
+      recommendMethods: recommendMethodList,
+      methods: methodList,
+      walletMethods: walletMethodList
+    };
+  }, [config.platform, recommendMethods, methods, walletMethods]);
   const [emailOpen, setEmailOpen] = (0, import_react20.useState)(false);
   const { login } = useUserInfo();
   const [showWallet, setShowWallet] = (0, import_react20.useState)(false);
@@ -2855,7 +2924,7 @@ function LoginBox({
   const { walletMap } = useWalletConfig();
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
     (!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-login-box", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-recommend-list", children: recommendMethods.map((m) => {
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
         return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           RecommendItem,
           {
@@ -2865,7 +2934,7 @@ function LoginBox({
             showChildren: m == "wallet" && showWallet,
             children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: walletMethods.map((n) => {
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
                 const m2 = walletMap[n];
                 return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
                   "div",
@@ -2910,9 +2979,9 @@ function LoginBox({
           m
         );
       }) }),
-      methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-login-other", children: [
+      methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-login-other", children: [
         /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_intl8.FormattedMessage, { id: "otherLoginMethods" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-method-box", children: methods.map((m) => {
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
           return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
             "div",
             {
@@ -4314,16 +4383,26 @@ function BTCModal(props) {
 }
 
 // src/components/WalletModal/index.tsx
+var import_react31 = require("react");
 var import_react_intl17 = require("react-intl");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function WalletConnectModal({
   type,
-  methods = DEFAULT_WALLET_METHODS,
+  methods: _methods,
   ...props
 }) {
   const intl = (0, import_react_intl17.useIntl)();
   const { walletMap } = useWalletConfig();
   const { bind, login } = useUserInfo();
+  const config = useAppConfig();
+  const methods = (0, import_react31.useMemo)(() => {
+    if (_methods) return _methods;
+    if (!config.platform) {
+      return [];
+    }
+    const platform = config.platform.map((p) => p.toLowerCase());
+    return WALLET_METHODS.filter((m) => platform.includes(m));
+  }, [config.platform, _methods]);
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {