@naculus/connect-appkit-vue 0.5.0 → 0.6.0

package/dist/index.cjs

@@ -2973,27 +2973,53 @@ function useTxMonitor(hash, chainId, monitor) {
   const entry = (0, import_vue47.shallowRef)(null);
   const isLoading = (0, import_vue47.shallowRef)(false);
   const isWatching = (0, import_vue47.shallowRef)(false);
-  const error = (0, import_vue47.shallowRef)(null);
+  const guard = useActionGuard();
+  const error = guard.error;
   let generation = 0;
+  let refreshed = [];
+  const currentInputs = () => [
+    (0, import_vue47.toValue)(monitor),
+    (0, import_vue47.toValue)(hash),
+    (0, import_vue47.toValue)(chainId)
+  ];
+  const sameInputs = (a, b) => a.every((value, i) => Object.is(value, b[i]));
   const refresh = async () => {
     const activeMonitor = (0, import_vue47.toValue)(monitor);
     const activeHash = (0, import_vue47.toValue)(hash);
     const activeChainId = (0, import_vue47.toValue)(chainId);
     if (!activeMonitor || !activeHash) return;
+    const started = [activeMonitor, activeHash, activeChainId];
+    refreshed = started;
     isLoading.value = true;
-    error.value = null;
-    try {
-      await activeMonitor.refreshTx(activeHash, activeChainId ?? void 0);
-      const current = activeMonitor.getTxStatus(
-        activeHash,
-        activeChainId ?? void 0
-      );
-      if (current) entry.value = current;
-    } catch (err) {
-      error.value = err instanceof Error ? err : new Error("Failed to refresh transaction");
-    } finally {
-      isLoading.value = false;
-    }
+    await guard.run(
+      async (commit) => {
+        try {
+          await activeMonitor.refreshTx(
+            activeHash,
+            activeChainId ?? void 0
+          );
+        } catch (err) {
+          if (!sameInputs(started, currentInputs())) return;
+          throw err;
+        }
+        if (!sameInputs(started, currentInputs())) return;
+        const current = activeMonitor.getTxStatus(
+          activeHash,
+          activeChainId ?? void 0
+        );
+        commit(() => {
+          entry.value = current ?? null;
+        });
+      },
+      "Failed to refresh transaction",
+      void 0,
+      {
+        onSettled: () => {
+          isLoading.value = false;
+        }
+      }
+    ).catch(() => {
+    });
   };
   const stopWatching = () => {
     const activeMonitor = (0, import_vue47.toValue)(monitor);
@@ -3007,6 +3033,9 @@ function useTxMonitor(hash, chainId, monitor) {
     [() => (0, import_vue47.toValue)(monitor), () => (0, import_vue47.toValue)(hash), () => (0, import_vue47.toValue)(chainId)],
     ([activeMonitor, activeHash, activeChainId], _previous, onCleanup) => {
       const mine = ++generation;
+      if (!sameInputs([activeMonitor, activeHash, activeChainId], refreshed)) {
+        guard.invalidate();
+      }
       if (!activeMonitor || !activeHash || !activeChainId) {
         entry.value = null;
         isLoading.value = false;
@@ -3028,8 +3057,7 @@ function useTxMonitor(hash, chainId, monitor) {
       isWatching.value = true;
       isLoading.value = true;
       error.value = null;
-      const current = activeMonitor.getTxStatus(activeHash, activeChainId);
-      if (current) entry.value = current;
+      entry.value = activeMonitor.getTxStatus(activeHash, activeChainId) ?? null;
       activeMonitor.watchTx(activeHash, activeChainId, {}).then((initial) => {
         if (cancelled || mine !== generation) return;
         entry.value = initial;