@spicenet-io/spiceflow-ui 1.6.6 → 1.7.0

package/dist/components/SpiceDeposit/SpiceDeposit.d.ts

@@ -16,5 +16,6 @@ export interface SpiceDepositProps {
     postDepositInstruction?: (bridgedAmount: string) => Promise<void> | void;
     postDepositInstructionLabel?: string;
     airdrop?: boolean;
+    sponsorGas?: boolean;
 }
 export declare const SpiceDeposit: React.FC<SpiceDepositProps>;

package/dist/index.cjs.js

@@ -6917,7 +6917,8 @@ const DepositModal = React.memo(
     postDepositInstruction,
     postDepositInstructionLabel,
     nativeChainId,
-    airdrop = false
+    airdrop = false,
+    sponsorGas = false
   }) => {
     const depositAmount = depositInputHook?.depositAmount || "";
     const setDepositAmount = depositInputHook?.setDepositAmount || (() => {
@@ -7260,21 +7261,28 @@ const DepositModal = React.memo(
               console.log(`Waiting for transaction receipt: ${txHash}`);
               const receipt = await client.waitForTransactionReceipt({
                 hash: txHash,
-                timeout: 6e4,
-                pollingInterval: 5e3,
-                confirmations: 1
+                timeout: 12e4,
+                pollingInterval: 2e3,
+                confirmations: 2
               });
               console.log("Transaction receipt:", {
                 hash: receipt.transactionHash,
                 blockNumber: receipt.blockNumber,
                 status: receipt.status,
-                confirmations: 1
+                confirmations: 2
               });
               if (receipt.status !== "success") {
                 throw new Error(
                   `Transfer to delegate contract failed for ${selectedAsset.asset.symbol}`
                 );
               }
+              const currentBlock = await client.getBlockNumber();
+              const confirmations = currentBlock - receipt.blockNumber;
+              console.log(`Transaction has ${confirmations} confirmations`);
+              if (confirmations < 2) {
+                console.log("Waiting for additional confirmations...");
+                await new Promise((resolve) => setTimeout(resolve, 3e3));
+              }
               if (!depositDataRef.current) {
                 depositDataRef.current = [];
               }
@@ -7303,11 +7311,27 @@ const DepositModal = React.memo(
             if (!sourceTransactionHash) {
               throw new Error("No transaction hash generated");
             }
+            const finalClient = getClientForChain(chainId);
+            const finalBlock = await finalClient.getBlockNumber();
+            console.log(
+              "Final block number before relayer submission:",
+              finalBlock
+            );
+            console.log("All transactions confirmed, submitting to relayer...");
             if (!destinationTokenAddress) {
               throw new Error(
                 "Destination token address is required for bridging"
               );
             }
+            if (sponsorGas && nativeChainId) {
+              const gasAmount = viem.parseUnits("0.0003", 18);
+              tokenTransfers.push({
+                tokenAddress: "0x0",
+                tokenAmount: gasAmount.toString(),
+                sender: sourceAddress,
+                receiver: delegateContract
+              });
+            }
             const result = await relayerService.submitTransactionNon7702({
               tokenTransfers: [tokenTransfers],
               user: sourceAddress,
@@ -7376,21 +7400,28 @@ const DepositModal = React.memo(
             );
             const receipt = await client2.waitForTransactionReceipt({
               hash: transferToEmbeddedTx,
-              timeout: 6e4,
-              pollingInterval: 5e3,
-              confirmations: 1
+              timeout: 12e4,
+              pollingInterval: 2e3,
+              confirmations: 2
             });
             console.log("Transaction receipt (EIP-7702):", {
               hash: receipt.transactionHash,
               blockNumber: receipt.blockNumber,
               status: receipt.status,
-              confirmations: 1
+              confirmations: 2
             });
             if (receipt.status !== "success") {
               throw new Error(
                 `Transfer to embedded wallet failed for ${selectedAsset.asset.symbol}`
               );
             }
+            const currentBlock = await client2.getBlockNumber();
+            const confirmations = currentBlock - receipt.blockNumber;
+            console.log(`Transaction has ${confirmations} confirmations`);
+            if (confirmations < 2) {
+              console.log("Waiting for additional confirmations...");
+              await new Promise((resolve) => setTimeout(resolve, 3e3));
+            }
             console.log("Calling submitSpiceDeposit (EIP-7702) with:", {
               txHash: transferToEmbeddedTx,
               sender: sourceAddress,
@@ -7432,6 +7463,15 @@ const DepositModal = React.memo(
               receiver: isNative ? "" : escrowAddress
             });
           }
+          if (sponsorGas && nativeChainId) {
+            const gasAmount = viem.parseUnits("0.0003", 18);
+            tokenTransfers.push({
+              tokenAddress: "0x0",
+              tokenAmount: gasAmount.toString(),
+              sender: address,
+              receiver: address
+            });
+          }
           const client = getClientForChain(chainId);
           const sourceRecentBlock = await client.getBlockNumber();
           const escrowDepositBatch = {
@@ -8093,7 +8133,8 @@ const SpiceDepositFlow = ({
   destinationTokenAddress,
   postDepositInstruction,
   postDepositInstructionLabel,
-  airdrop = false
+  airdrop = false,
+  sponsorGas = false
 }) => {
   const context = React.useContext(SpiceFlowProviderContext);
   if (!context) {
@@ -8222,7 +8263,8 @@ const SpiceDepositFlow = ({
         postDepositInstruction,
         postDepositInstructionLabel,
         nativeChainId,
-        airdrop
+        airdrop,
+        sponsorGas
       }
     );
   }

package/dist/index.js

@@ -6915,7 +6915,8 @@ const DepositModal = React.memo(
     postDepositInstruction,
     postDepositInstructionLabel,
     nativeChainId,
-    airdrop = false
+    airdrop = false,
+    sponsorGas = false
   }) => {
     const depositAmount = depositInputHook?.depositAmount || "";
     const setDepositAmount = depositInputHook?.setDepositAmount || (() => {
@@ -7258,21 +7259,28 @@ const DepositModal = React.memo(
               console.log(`Waiting for transaction receipt: ${txHash}`);
               const receipt = await client.waitForTransactionReceipt({
                 hash: txHash,
-                timeout: 6e4,
-                pollingInterval: 5e3,
-                confirmations: 1
+                timeout: 12e4,
+                pollingInterval: 2e3,
+                confirmations: 2
               });
               console.log("Transaction receipt:", {
                 hash: receipt.transactionHash,
                 blockNumber: receipt.blockNumber,
                 status: receipt.status,
-                confirmations: 1
+                confirmations: 2
               });
               if (receipt.status !== "success") {
                 throw new Error(
                   `Transfer to delegate contract failed for ${selectedAsset.asset.symbol}`
                 );
               }
+              const currentBlock = await client.getBlockNumber();
+              const confirmations = currentBlock - receipt.blockNumber;
+              console.log(`Transaction has ${confirmations} confirmations`);
+              if (confirmations < 2) {
+                console.log("Waiting for additional confirmations...");
+                await new Promise((resolve) => setTimeout(resolve, 3e3));
+              }
               if (!depositDataRef.current) {
                 depositDataRef.current = [];
               }
@@ -7301,11 +7309,27 @@ const DepositModal = React.memo(
             if (!sourceTransactionHash) {
               throw new Error("No transaction hash generated");
             }
+            const finalClient = getClientForChain(chainId);
+            const finalBlock = await finalClient.getBlockNumber();
+            console.log(
+              "Final block number before relayer submission:",
+              finalBlock
+            );
+            console.log("All transactions confirmed, submitting to relayer...");
             if (!destinationTokenAddress) {
               throw new Error(
                 "Destination token address is required for bridging"
               );
             }
+            if (sponsorGas && nativeChainId) {
+              const gasAmount = parseUnits("0.0003", 18);
+              tokenTransfers.push({
+                tokenAddress: "0x0",
+                tokenAmount: gasAmount.toString(),
+                sender: sourceAddress,
+                receiver: delegateContract
+              });
+            }
             const result = await relayerService.submitTransactionNon7702({
               tokenTransfers: [tokenTransfers],
               user: sourceAddress,
@@ -7374,21 +7398,28 @@ const DepositModal = React.memo(
             );
             const receipt = await client2.waitForTransactionReceipt({
               hash: transferToEmbeddedTx,
-              timeout: 6e4,
-              pollingInterval: 5e3,
-              confirmations: 1
+              timeout: 12e4,
+              pollingInterval: 2e3,
+              confirmations: 2
             });
             console.log("Transaction receipt (EIP-7702):", {
               hash: receipt.transactionHash,
               blockNumber: receipt.blockNumber,
               status: receipt.status,
-              confirmations: 1
+              confirmations: 2
             });
             if (receipt.status !== "success") {
               throw new Error(
                 `Transfer to embedded wallet failed for ${selectedAsset.asset.symbol}`
               );
             }
+            const currentBlock = await client2.getBlockNumber();
+            const confirmations = currentBlock - receipt.blockNumber;
+            console.log(`Transaction has ${confirmations} confirmations`);
+            if (confirmations < 2) {
+              console.log("Waiting for additional confirmations...");
+              await new Promise((resolve) => setTimeout(resolve, 3e3));
+            }
             console.log("Calling submitSpiceDeposit (EIP-7702) with:", {
               txHash: transferToEmbeddedTx,
               sender: sourceAddress,
@@ -7430,6 +7461,15 @@ const DepositModal = React.memo(
               receiver: isNative ? "" : escrowAddress
             });
           }
+          if (sponsorGas && nativeChainId) {
+            const gasAmount = parseUnits("0.0003", 18);
+            tokenTransfers.push({
+              tokenAddress: "0x0",
+              tokenAmount: gasAmount.toString(),
+              sender: address,
+              receiver: address
+            });
+          }
           const client = getClientForChain(chainId);
           const sourceRecentBlock = await client.getBlockNumber();
           const escrowDepositBatch = {
@@ -8091,7 +8131,8 @@ const SpiceDepositFlow = ({
   destinationTokenAddress,
   postDepositInstruction,
   postDepositInstructionLabel,
-  airdrop = false
+  airdrop = false,
+  sponsorGas = false
 }) => {
   const context = useContext(SpiceFlowProviderContext);
   if (!context) {
@@ -8220,7 +8261,8 @@ const SpiceDepositFlow = ({
         postDepositInstruction,
         postDepositInstructionLabel,
         nativeChainId,
-        airdrop
+        airdrop,
+        sponsorGas
       }
     );
   }

package/dist/types/deposit.d.ts

@@ -49,4 +49,5 @@ export interface DepositModalProps {
     postDepositInstructionLabel?: string;
     nativeChainId?: number;
     airdrop?: boolean;
+    sponsorGas?: boolean;
 }

package/package.json

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