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

package/dist/components/index.js

@@ -2058,7 +2058,8 @@ function HashPanel({
   chain,
   isOpen,
   onClose,
-  zIndex
+  zIndex,
+  error
 }) {
   const [status, setStatus] = (0, import_react7.useState)("confirm");
   const statusMaps = {
@@ -2083,7 +2084,7 @@ function HashPanel({
       color: "#F14141"
     }
   };
-  const statusValue = statusMaps[status];
+  const statusValue = error ? statusMaps.fail : statusMaps[status];
   const [shouldRefetch, setShouldRefetch] = (0, import_react7.useState)(true);
   (0, import_react7.useEffect)(() => {
     if (hash) {
@@ -2137,7 +2138,8 @@ function HashPanel({
           hash && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
             /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("a", { href: link, target: "_blank", children: hash })
-          ] })
+          ] }),
+          error && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "matchid-hashpanel-text", children: error })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
@@ -2434,34 +2436,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_runtime68.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_runtime68.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_runtime68.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) => {
@@ -3688,7 +3696,7 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_intl8.FormattedMessage, { id: "continue" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_intl8.FormattedMessage, { id: "continue" }) })
   ] });
 }