@matchain/matchid-sdk-react 0.1.55-alpha.0 → 0.1.55-alpha.2

package/dist/hooks/index.mjs

@@ -13,11 +13,11 @@ import {
   useTransaction,
   useUserInfo,
   useWallet
-} from "../chunk-36M5ROJI.mjs";
+} from "../chunk-WZQ56L5F.mjs";
+import "../chunk-JX73EY6V.mjs";
 import "../chunk-UA6XHZHX.mjs";
 import "../chunk-IZOOVZAD.mjs";
 import "../chunk-FKXS2XRG.mjs";
-import "../chunk-JX73EY6V.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
   useCopyClipboard,

package/dist/{index-Es7yJi7T.d.ts → index-6kXyNEXB.d.ts}

@@ -12,6 +12,7 @@ type HashPanelProps = {
     isOpen: boolean;
     onClose: () => void;
     zIndex?: number;
+    error?: string;
 };
 declare function export_default(props: HashPanelProps): false | react_jsx_runtime.JSX.Element;
 

package/dist/{index-MsSYZS38.d.mts → index-CB6ZNvzn.d.mts}

@@ -12,6 +12,7 @@ type HashPanelProps = {
     isOpen: boolean;
     onClose: () => void;
     zIndex?: number;
+    error?: string;
 };
 declare function export_default(props: HashPanelProps): false | react_jsx_runtime.JSX.Element;
 

package/dist/index.css

@@ -1074,7 +1074,7 @@ body {
             height: 96px;
         }
 
-        .matchid-hashpanel-hash {
+        .matchid-hashpanel-hash,.matchid-hashpanel-text {
             width: 100%;
             font-size: 14px;
             word-break: break-all;
@@ -1260,10 +1260,9 @@ body {
         display: flex;
         align-items: center;
         box-shadow: var(--matchid-shadow-small);
-        padding-left: 12px;
-        padding-right: 12px;
+        min-height: 40px;
+        padding: 10px 12px;
         gap: 4px;
-        height: 40px;
         color: black;
         background-color: white;
         font-size: 14px;

package/dist/index.d.mts

@@ -8,7 +8,7 @@ import React, { ReactNode } from 'react';
 import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CXzZS0eM.mjs';
 export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-CqKohtvj.mjs';
 export { i as Components } from './index-a_Qt7NXk.mjs';
-export { i as UI } from './index-MsSYZS38.mjs';
+export { i as UI } from './index-CB6ZNvzn.mjs';
 export { i as Api } from './index-G15A08DI.mjs';
 export { i as Chains } from './index-DXRGMAbv.mjs';
 export { i as Types } from './index-6-oVBXRP.mjs';

package/dist/index.d.ts

@@ -8,7 +8,7 @@ import React, { ReactNode } from 'react';
 import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CXzZS0eM.js';
 export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-CPPDmmz8.js';
 export { i as Components } from './index-CNH7a3bx.js';
-export { i as UI } from './index-Es7yJi7T.js';
+export { i as UI } from './index-6kXyNEXB.js';
 export { i as Api } from './index-Y5WRoqzn.js';
 export { i as Chains } from './index-DXRGMAbv.js';
 export { i as Types } from './index-CMH6Jesl.js';

package/dist/index.js

@@ -2809,7 +2809,7 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_intl2.FormattedMessage, { id: "continue" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_intl2.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
@@ -5722,7 +5722,8 @@ function HashPanel({
   chain,
   isOpen,
   onClose,
-  zIndex
+  zIndex,
+  error
 }) {
   const [status, setStatus] = (0, import_react28.useState)("confirm");
   const statusMaps = {
@@ -5747,7 +5748,7 @@ function HashPanel({
       color: "#F14141"
     }
   };
-  const statusValue = statusMaps[status];
+  const statusValue = error ? statusMaps.fail : statusMaps[status];
   const [shouldRefetch, setShouldRefetch] = (0, import_react28.useState)(true);
   (0, import_react28.useEffect)(() => {
     if (hash) {
@@ -5801,7 +5802,8 @@ function HashPanel({
           hash && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
             /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("a", { href: link, target: "_blank", children: hash })
-          ] })
+          ] }),
+          error && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "matchid-hashpanel-text", children: error })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
@@ -6172,34 +6174,40 @@ function useWallet() {
             prepareTransactionRequest
           }
         });
-        const txHash = await obj.sendRawTransaction({
-          serializedTransaction
-        });
-        addTransaction({
-          chainId,
-          hash: txHash,
-          info: {
-            from: evmAccount.address,
-            to: restTransaction.to,
-            value: (restTransaction.value || 0).toString(),
-            input: restTransaction.data,
-            timestamp: Math.floor(Date.now() / 1e3).toString(),
+        try {
+          const txHash = await obj.sendRawTransaction({
+            serializedTransaction
+          });
+          addTransaction({
+            chainId,
             hash: txHash,
-            source: "local"
-          },
-          address: evmAccount.address
-        });
-        modal.show((props) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
-        });
-        clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
-        delete window.matchProvider.transactionMessageIntervalMap[transactionId];
-        return txHash;
+            info: {
+              from: evmAccount.address,
+              to: restTransaction.to,
+              value: (restTransaction.value || 0).toString(),
+              input: restTransaction.data,
+              timestamp: Math.floor(Date.now() / 1e3).toString(),
+              hash: txHash,
+              source: "local"
+            },
+            address: evmAccount.address
+          });
+          modal.show((props) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
+          });
+          return txHash;
+        } catch (error) {
+          modal.show((props) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
+          });
+          throw error;
+        }
       } catch (error) {
-        console.error("qwe-sign-error", error);
+        console.error("matchid-send-error", error);
+        throw error;
+      } finally {
         clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
         delete window.matchProvider.transactionMessageIntervalMap[transactionId];
-        throw error;
       }
     };
     const deployContract = async (parameters2) => {