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

package/dist/hooks/index.mjs

@@ -4,9 +4,9 @@ import {
   useMatchEvents,
   useUserInfo,
   useWallet
-} from "../chunk-YYO4X2NB.mjs";
-import "../chunk-SQIJR7RA.mjs";
+} from "../chunk-KOA6YG3K.mjs";
 import "../chunk-DPXMCLYK.mjs";
+import "../chunk-SQIJR7RA.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
   useCopyClipboard,

package/dist/{index-BQDL8XkC.d.ts → index-BIQSRprZ.d.ts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { v as PohZkpassParams, n as BindItemType, m as BindInfoType, u as PohItemType } from './types-E2MeOwmE.js';
+import { v as PohZkpassParams, o as BindItemType, n as BindInfoType, u as PohItemType } from './types-BOCbo3U7.js';
 
 interface MyResponseType<T> {
     code: number;

package/dist/{index-DAj3aVo6.d.mts → index-BKSFphOk.d.mts}

@@ -1,5 +1,5 @@
 import { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from './mpc-CTbBWHld.mjs';
-import { A as AnyObject, m as BindInfoType, n as BindItemType, o as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, p as DrawerProps, E as EmailModalProps, a as IEnvConfigType, q as IEnvName, r as ILoginWalletReq, I as IMatchEvents, b as ISocialLoginMethod, s as IconProps, d as InputProps, L as LocaleType, f as LoginBoxProps, c as LoginMethodType, l as LoginModalProps, k as LoginPanelProps, t as MessageType, M as ModalProps, e as ModalWithHeaderProps, g as OtherLoginMethodType, O as OverviewInfo, u as PohItemType, v as PohZkpassParams, i as PopoverPositionType, P as PopoverProps, j as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UserPopoverProps, W as WalletConfigType, w as WalletPanelProps, x as WalletReceiveMessageType, h as WalletType } from './types-E2MeOwmE.mjs';
+import { A as AnyObject, n as BindInfoType, o as BindItemType, p as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, q as DrawerProps, E as EmailModalProps, a as IEnvConfigType, r as IEnvName, s as ILoginWalletReq, I as IMatchEvents, j as ISocialLoginMethod, m as IconProps, b as InputProps, L as LocaleType, d as LoginBoxProps, l as LoginMethodType, i as LoginModalProps, h as LoginPanelProps, t as MessageType, M as ModalProps, c as ModalWithHeaderProps, O as OtherLoginMethodType, k as OverviewInfo, u as PohItemType, v as PohZkpassParams, f as PopoverPositionType, P as PopoverProps, g as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UserPopoverProps, W as WalletConfigType, w as WalletPanelProps, x as WalletReceiveMessageType, e as WalletType } from './types-BOCbo3U7.mjs';
 
 declare const index_AnyObject: typeof AnyObject;
 declare const index_AuthParams: typeof AuthParams;

package/dist/{index-ivTptZeo.d.ts → index-BdUFRwfe.d.ts}

@@ -1,4 +1,4 @@
-import { b as ISocialLoginMethod, O as OverviewInfo, C as CEXType, c as LoginMethodType, I as IMatchEvents } from './types-E2MeOwmE.js';
+import { j as ISocialLoginMethod, k as OverviewInfo, C as CEXType, l as LoginMethodType, I as IMatchEvents } from './types-BOCbo3U7.js';
 import * as viem from 'viem';
 import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex, TransactionSerializable, DeployContractParameters, SendTransactionParameters, WriteContractParameters, Chain } from 'viem';
 import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.js';
@@ -87,6 +87,9 @@ type signTransactionType = (params: {
             symbol: string;
             decimals: number;
         };
+        rpcUrls: {
+            [key: string]: any;
+        };
     };
 }) => Promise<`0x02${string}` | `0x01${string}` | `0x03${string}` | `0x04${string}` | viem.TransactionSerializedLegacy>;
 type recoverAfterType = (params: {

package/dist/{index-C1NfMaCm.d.mts → index-ClL_1acF.d.mts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as EmailModalProps, d as InputProps, B as ButtonProps, M as ModalProps, e as ModalWithHeaderProps, P as PopoverProps, f as LoginBoxProps, g as OtherLoginMethodType, R as RecommendLoginMethodType, h as WalletType, i as PopoverPositionType, j as PopoverTypeType, k as LoginPanelProps, l as LoginModalProps } from './types-E2MeOwmE.mjs';
+import { E as EmailModalProps, b as InputProps, B as ButtonProps, M as ModalProps, c as ModalWithHeaderProps, P as PopoverProps, d as LoginBoxProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, e as WalletType, f as PopoverPositionType, g as PopoverTypeType, h as LoginPanelProps, i as LoginModalProps } from './types-BOCbo3U7.mjs';
 import { ReactNode, PropsWithChildren } from 'react';
 import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.mjs';
 

package/dist/{index-DnK10Gz7.d.mts → index-Cq_k0drT.d.mts}

@@ -1,4 +1,4 @@
-import { b as ISocialLoginMethod, O as OverviewInfo, C as CEXType, c as LoginMethodType, I as IMatchEvents } from './types-E2MeOwmE.mjs';
+import { j as ISocialLoginMethod, k as OverviewInfo, C as CEXType, l as LoginMethodType, I as IMatchEvents } from './types-BOCbo3U7.mjs';
 import * as viem from 'viem';
 import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex, TransactionSerializable, DeployContractParameters, SendTransactionParameters, WriteContractParameters, Chain } from 'viem';
 import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.mjs';
@@ -87,6 +87,9 @@ type signTransactionType = (params: {
             symbol: string;
             decimals: number;
         };
+        rpcUrls: {
+            [key: string]: any;
+        };
     };
 }) => Promise<`0x02${string}` | `0x01${string}` | `0x03${string}` | `0x04${string}` | viem.TransactionSerializedLegacy>;
 type recoverAfterType = (params: {

package/dist/{index-Rb-jdkzE.d.mts → index-CvsdzdHl.d.mts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { v as PohZkpassParams, n as BindItemType, m as BindInfoType, u as PohItemType } from './types-E2MeOwmE.mjs';
+import { v as PohZkpassParams, o as BindItemType, n as BindInfoType, u as PohItemType } from './types-BOCbo3U7.mjs';
 
 interface MyResponseType<T> {
     code: number;

package/dist/{index-DzVjb4K-.d.ts → index-D8yek3rk.d.ts}

@@ -1,5 +1,5 @@
 import { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from './mpc-CTbBWHld.js';
-import { A as AnyObject, m as BindInfoType, n as BindItemType, o as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, p as DrawerProps, E as EmailModalProps, a as IEnvConfigType, q as IEnvName, r as ILoginWalletReq, I as IMatchEvents, b as ISocialLoginMethod, s as IconProps, d as InputProps, L as LocaleType, f as LoginBoxProps, c as LoginMethodType, l as LoginModalProps, k as LoginPanelProps, t as MessageType, M as ModalProps, e as ModalWithHeaderProps, g as OtherLoginMethodType, O as OverviewInfo, u as PohItemType, v as PohZkpassParams, i as PopoverPositionType, P as PopoverProps, j as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UserPopoverProps, W as WalletConfigType, w as WalletPanelProps, x as WalletReceiveMessageType, h as WalletType } from './types-E2MeOwmE.js';
+import { A as AnyObject, n as BindInfoType, o as BindItemType, p as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, q as DrawerProps, E as EmailModalProps, a as IEnvConfigType, r as IEnvName, s as ILoginWalletReq, I as IMatchEvents, j as ISocialLoginMethod, m as IconProps, b as InputProps, L as LocaleType, d as LoginBoxProps, l as LoginMethodType, i as LoginModalProps, h as LoginPanelProps, t as MessageType, M as ModalProps, c as ModalWithHeaderProps, O as OtherLoginMethodType, k as OverviewInfo, u as PohItemType, v as PohZkpassParams, f as PopoverPositionType, P as PopoverProps, g as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UserPopoverProps, W as WalletConfigType, w as WalletPanelProps, x as WalletReceiveMessageType, e as WalletType } from './types-BOCbo3U7.js';
 
 declare const index_AnyObject: typeof AnyObject;
 declare const index_AuthParams: typeof AuthParams;

package/dist/{index-x432SkFJ.d.ts → index-Dz7yUGcs.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as EmailModalProps, d as InputProps, B as ButtonProps, M as ModalProps, e as ModalWithHeaderProps, P as PopoverProps, f as LoginBoxProps, g as OtherLoginMethodType, R as RecommendLoginMethodType, h as WalletType, i as PopoverPositionType, j as PopoverTypeType, k as LoginPanelProps, l as LoginModalProps } from './types-E2MeOwmE.js';
+import { E as EmailModalProps, b as InputProps, B as ButtonProps, M as ModalProps, c as ModalWithHeaderProps, P as PopoverProps, d as LoginBoxProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, e as WalletType, f as PopoverPositionType, g as PopoverTypeType, h as LoginPanelProps, i as LoginModalProps } from './types-BOCbo3U7.js';
 import { ReactNode, PropsWithChildren } from 'react';
 import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.js';
 

package/dist/index.css

@@ -568,7 +568,7 @@ body {
     border-color: var(--matchid-btn-hover-bg);
 }
 
-.matchid-btn:active {
+.matchid-btn:focus {
     background: var(--matchid-btn-active-bg);
     color: var(--matchid-btn-active-color);
     box-shadow: var(--matchid-shadow-middle);
@@ -576,7 +576,7 @@ body {
 }
 
 
-.matchid-btn-highlight, .matchid-btn-highlight:hover, .matchid-btn-highlight:active, .matchid-btn-highlight:not(:disabled):hover {
+.matchid-btn-highlight, .matchid-btn-highlight:hover, .matchid-btn-highlight:focus, .matchid-btn-highlight:not(:disabled):hover {
     background: var(--matchid-btn-highlight-bg);
     color: var(--matchid-btn-highlight-color);
     border: 0;
@@ -748,8 +748,8 @@ body {
     border-color: var(--matchid-login-btn-hover-border-color);
 }
 
-.matchid-login-btn:active,
-.matchid-login-btn:not(:disabled):active {
+.matchid-login-btn:focus,
+.matchid-login-btn:not(:disabled):focus {
     box-shadow: var(--matchid-shadow-small);
     background: var(--matchid-login-btn-active-bg-color);
     color: var(--matchid-login-btn-active-text-color);

package/dist/index.d.mts

@@ -1,10 +1,10 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-E2MeOwmE.mjs';
-export { i as Components } from './index-C1NfMaCm.mjs';
-export { i as Hooks } from './index-DnK10Gz7.mjs';
-export { i as Api } from './index-Rb-jdkzE.mjs';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-BOCbo3U7.mjs';
+export { i as Components } from './index-ClL_1acF.mjs';
+export { i as Hooks } from './index-Cq_k0drT.mjs';
+export { i as Api } from './index-CvsdzdHl.mjs';
 export { i as Chains } from './index-DXRGMAbv.mjs';
-export { i as Types } from './index-DAj3aVo6.mjs';
+export { i as Types } from './index-BKSFphOk.mjs';
 import 'react/jsx-runtime';
 import './mpc-CTbBWHld.mjs';
 import 'viem';

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-E2MeOwmE.js';
-export { i as Components } from './index-x432SkFJ.js';
-export { i as Hooks } from './index-ivTptZeo.js';
-export { i as Api } from './index-BQDL8XkC.js';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-BOCbo3U7.js';
+export { i as Components } from './index-Dz7yUGcs.js';
+export { i as Hooks } from './index-BdUFRwfe.js';
+export { i as Api } from './index-BIQSRprZ.js';
 export { i as Chains } from './index-DXRGMAbv.js';
-export { i as Types } from './index-DzVjb4K-.js';
+export { i as Types } from './index-D8yek3rk.js';
 import 'react/jsx-runtime';
 import './mpc-CTbBWHld.js';
 import 'viem';

package/dist/index.js

@@ -1480,13 +1480,13 @@ var retryRequest = async (config) => {
   try {
     const endpoints = getEndpoints();
     const token = getToken();
-    instance.defaults.baseURL = `${endpoints.back}`;
-    instance.defaults.headers.common["Appid"] = getAppid();
+    retryInstance.defaults.baseURL = `${endpoints.back}`;
+    retryInstance.defaults.headers.common["Appid"] = getAppid();
     if (token) {
-      instance.defaults.headers.common["Authorization"] = token;
+      retryInstance.defaults.headers.common["Authorization"] = token;
     }
-    instance.defaults.headers.common["Accept-Language"] = getLocale();
-    const { data } = await instance.request(config);
+    retryInstance.defaults.headers.common["Accept-Language"] = getLocale();
+    const { data } = await retryInstance.request(config);
     matchlog_default.log("api", data);
     if (data.code == 401001) {
       localStore.getState().logout();
@@ -2279,7 +2279,8 @@ function useWallet() {
               name: chain?.nativeCurrency?.name || "ETH",
               symbol: chain?.nativeCurrency?.symbol || "ETH",
               decimals: chain?.nativeCurrency?.decimals || 18
-            }
+            },
+            rpcUrls: chain?.rpcUrls
           }
         });
       },
@@ -2316,15 +2317,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: {
@@ -2335,9 +2337,11 @@ function useWallet() {
               } catch (error) {
                 console.error(error);
               }
-            };
-            sendPrepareTransactionRequest();
-          }, 1e4);
+            },
+            interval: setInterval(() => {
+              window.matchProvider.transactionMessageIntervalMap[transactionId].func();
+            }, 1e4)
+          };
           try {
             const {
               chain: chain2,
@@ -2356,7 +2360,8 @@ function useWallet() {
                 chain: {
                   id: chainId,
                   name: _chain?.name,
-                  nativeCurrency: _chain?.nativeCurrency
+                  nativeCurrency: _chain?.nativeCurrency,
+                  rpcUrls: _chain?.rpcUrls
                 },
                 prepareTransactionRequest
               }
@@ -2369,11 +2374,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);
           }
         };
@@ -4736,6 +4743,7 @@ function HashPanel({
             setStatus("pending");
             return false;
           }
+          matchlog_default.log("getTransactionReceipt", receipt);
           if (receipt.status === "success") {
             setStatus("success");
             return true;
@@ -4993,6 +5001,7 @@ function useWalletInit({
         createIframe();
         if (!window.matchProvider) {
           window.matchProvider = {
+            transactionMessageIntervalMap: {},
             walletMessageMap: {},
             walletMessageStack: [],
             sendWalletMessage: ({
@@ -5095,6 +5104,15 @@ function useWalletInit({
         }
         return;
       }
+      if (messageId == "updateTransactionData") {
+        const { data, rootData, transactionId } = res.data;
+        if (window.matchProvider.transactionMessageIntervalMap[transactionId] && window.matchProvider.transactionMessageIntervalMap[transactionId].transaction.data == rootData) {
+          window.matchProvider.transactionMessageIntervalMap[transactionId].transaction.data = data;
+          const { func } = window.matchProvider.transactionMessageIntervalMap[transactionId];
+          func();
+        }
+        return;
+      }
       if (messageId && window.matchProvider.walletMessageMap[messageId]) {
         const { resolve, reject, timeout } = window.matchProvider.walletMessageMap[messageId];
         clearTimeout(timeout);