npm - @spicenet-io/spiceflow-ui - Versions diffs - 1.9.15 → 1.9.16 - Mend

@spicenet-io/spiceflow-ui 1.9.15 → 1.9.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -4806,6 +4806,33 @@ const DepositWidget = ({
   const { intentStatus, startStatusPolling, clearStatus } = useStatus({
     checkStepStatus: (intentId, stepId) => relayerService.checkStepStatus(intentId, stepId)
   });
+  React.useEffect(() => {
+    if (intentStatus?.overallStatus === "success" && intentStatus.intentId && spiceDepositSubmittedRef.current !== intentStatus.intentId && selectedDepositAsset && address) {
+      const stepWithTxHash = intentStatus.steps.find(
+        (step) => step.transactionHash
+      );
+      if (stepWithTxHash?.transactionHash) {
+        spiceDepositSubmittedRef.current = intentStatus.intentId;
+        const withdrawalAmount = viem.parseUnits(
+          selectedDepositAsset.amount,
+          selectedDepositAsset.asset.decimals
+        );
+        relayerService.submitSpiceDeposit({
+          user: address,
+          txHash: stepWithTxHash.transactionHash,
+          sender: address,
+          tokenAddress: selectedDepositAsset.asset.address,
+          chainId: selectedDepositAsset.asset.chainId,
+          amount: withdrawalAmount.toString(),
+          isDeposit: false
+        }).then(() => {
+          refreshSpiceAssets();
+        }).catch(() => {
+          spiceDepositSubmittedRef.current = null;
+        });
+      }
+    }
+  }, [intentStatus, address]);
   React.useEffect(() => {
     if (depositInputHook && depositInputHook.depositAmount !== selectedDepositAsset?.amount) {
       if (selectedDepositAsset) {
@@ -4902,41 +4929,12 @@ const DepositWidget = ({
       };
       const result = await relayerService.submitTransaction(submitRequest);
       if (result) {
-        React.useEffect(() => {
-          if (intentStatus?.overallStatus === "success" && intentStatus.intentId && spiceDepositSubmittedRef.current !== intentStatus.intentId && selectedDepositAsset && address) {
-            const stepWithTxHash = intentStatus.steps.find(
-              (step) => step.transactionHash
-            );
-            if (stepWithTxHash?.transactionHash) {
-              spiceDepositSubmittedRef.current = intentStatus.intentId;
-              const withdrawalAmount = viem.parseUnits(
-                selectedDepositAsset.amount,
-                selectedDepositAsset.asset.decimals
-              );
-              relayerService.submitSpiceDeposit({
-                user: address,
-                txHash: stepWithTxHash.transactionHash,
-                sender: address,
-                tokenAddress: selectedDepositAsset.asset.address,
-                chainId: selectedDepositAsset.asset.chainId,
-                amount: withdrawalAmount.toString(),
-                isDeposit: false
-              }).then(() => {
-                refreshSpiceAssets();
-              }).catch((error2) => {
-                console.error("Failed to submit spice deposit:", error2);
-                spiceDepositSubmittedRef.current = null;
-              });
-            }
-          }
-        }, [intentStatus, selectedDepositAsset, address, refreshSpiceAssets]);
         const getChainName = (chainId) => {
           return `Chain ${chainId}`;
         };
         const initialSteps = createInitialSteps(allChainBatches, getChainName);
         startStatusPolling(result.intentId, initialSteps);
         onDepositSuccess?.(result.intentId);
-        refreshSpiceAssets();
       }
     } catch (error2) {
       const errorMessage = error2 instanceof Error ? error2.message : "Deposit failed";

package/dist/index.js CHANGED Viewed

@@ -4804,6 +4804,33 @@ const DepositWidget = ({
   const { intentStatus, startStatusPolling, clearStatus } = useStatus({
     checkStepStatus: (intentId, stepId) => relayerService.checkStepStatus(intentId, stepId)
   });
+  useEffect(() => {
+    if (intentStatus?.overallStatus === "success" && intentStatus.intentId && spiceDepositSubmittedRef.current !== intentStatus.intentId && selectedDepositAsset && address) {
+      const stepWithTxHash = intentStatus.steps.find(
+        (step) => step.transactionHash
+      );
+      if (stepWithTxHash?.transactionHash) {
+        spiceDepositSubmittedRef.current = intentStatus.intentId;
+        const withdrawalAmount = parseUnits(
+          selectedDepositAsset.amount,
+          selectedDepositAsset.asset.decimals
+        );
+        relayerService.submitSpiceDeposit({
+          user: address,
+          txHash: stepWithTxHash.transactionHash,
+          sender: address,
+          tokenAddress: selectedDepositAsset.asset.address,
+          chainId: selectedDepositAsset.asset.chainId,
+          amount: withdrawalAmount.toString(),
+          isDeposit: false
+        }).then(() => {
+          refreshSpiceAssets();
+        }).catch(() => {
+          spiceDepositSubmittedRef.current = null;
+        });
+      }
+    }
+  }, [intentStatus, address]);
   useEffect(() => {
     if (depositInputHook && depositInputHook.depositAmount !== selectedDepositAsset?.amount) {
       if (selectedDepositAsset) {
@@ -4900,41 +4927,12 @@ const DepositWidget = ({
       };
       const result = await relayerService.submitTransaction(submitRequest);
       if (result) {
-        useEffect(() => {
-          if (intentStatus?.overallStatus === "success" && intentStatus.intentId && spiceDepositSubmittedRef.current !== intentStatus.intentId && selectedDepositAsset && address) {
-            const stepWithTxHash = intentStatus.steps.find(
-              (step) => step.transactionHash
-            );
-            if (stepWithTxHash?.transactionHash) {
-              spiceDepositSubmittedRef.current = intentStatus.intentId;
-              const withdrawalAmount = parseUnits(
-                selectedDepositAsset.amount,
-                selectedDepositAsset.asset.decimals
-              );
-              relayerService.submitSpiceDeposit({
-                user: address,
-                txHash: stepWithTxHash.transactionHash,
-                sender: address,
-                tokenAddress: selectedDepositAsset.asset.address,
-                chainId: selectedDepositAsset.asset.chainId,
-                amount: withdrawalAmount.toString(),
-                isDeposit: false
-              }).then(() => {
-                refreshSpiceAssets();
-              }).catch((error2) => {
-                console.error("Failed to submit spice deposit:", error2);
-                spiceDepositSubmittedRef.current = null;
-              });
-            }
-          }
-        }, [intentStatus, selectedDepositAsset, address, refreshSpiceAssets]);
         const getChainName = (chainId) => {
           return `Chain ${chainId}`;
         };
         const initialSteps = createInitialSteps(allChainBatches, getChainName);
         startStatusPolling(result.intentId, initialSteps);
         onDepositSuccess?.(result.intentId);
-        refreshSpiceAssets();
       }
     } catch (error2) {
       const errorMessage = error2 instanceof Error ? error2.message : "Deposit failed";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@spicenet-io/spiceflow-ui",
-  "version": "1.9.15",
+  "version": "1.9.16",
   "description": "Spiceflow UI SDK",
   "type": "module",
   "main": "dist/index.cjs.js",