@trustware/sdk-staging 1.1.10-staging.0 → 1.1.11-staging.1

package/dist/widget.cjs

@@ -585,7 +585,7 @@ var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "1.1.10-staging.0";
+    SDK_VERSION = "1.1.11-staging.1";
     API_ROOT = "https://bv-staging-api.trustware.io";
     GTM_ID = "GTM-TZDGNCXB";
     API_PREFIX = "/api";
@@ -629,6 +629,9 @@ async function assertOK(r) {
   }
   throw new Error(`HTTP ${r.status}: ${msg}`);
 }
+function isNotFoundError(err) {
+  return err instanceof Error && err.message.startsWith("HTTP 404");
+}
 async function validateSdkAccess() {
   const r = await fetch(`${apiBase()}/sdk/validate`, {
     method: "GET",
@@ -2601,6 +2604,19 @@ async function submitReceipt(intentId, txHash, sponsorshipRequestId, eoaAddress)
   const j = await r.json();
   return j.data;
 }
+async function submitStepReceipt(intentId, stepIndex, txHash) {
+  const r = await rateLimitedFetch(
+    `${apiBase()}/v1/route-intent/${intentId}/steps/${stepIndex}/receipt`,
+    {
+      method: "POST",
+      headers: jsonHeaders({ "Idempotency-Key": txHash }),
+      body: JSON.stringify({ txHash })
+    }
+  );
+  await assertOK(r);
+  const j = await r.json();
+  return j.data;
+}
 async function getStatus(intentId) {
   const r = await rateLimitedFetch(
     `${apiBase()}/v1/route-intent/${intentId}/status`,
@@ -5325,75 +5341,17 @@ var init_useTransactionSubmit = __esm({
 });
 
 // src/hooks/useGTM.ts
-function useGTM(gtmId) {
-  const isInitialized = (0, import_react7.useRef)(false);
-  const scriptRef = (0, import_react7.useRef)(null);
-  const isGA4Allowed = (0, import_react7.useCallback)(() => {
-    try {
-      return Trustware.getConfig().features.shouldAllowGA4;
-    } catch {
-      return false;
-    }
-  }, []);
-  (0, import_react7.useEffect)(() => {
-    if (!isGA4Allowed()) {
-      console.warn(
-        "useGTM: GA4 tracking is disabled or Trustware config not initialized."
-      );
-      return;
-    }
-    if (!gtmId || typeof gtmId !== "string") {
-      console.error(
-        "useGTM: A valid GTM Container ID is required (format: GTM-XXXXX)."
-      );
-      return;
-    }
-    if (isInitialized.current) return;
-    const alreadyLoaded = document.querySelector(
-      `script[src*="googletagmanager.com/gtm.js?id=${gtmId}"]`
-    );
-    if (alreadyLoaded) {
-      window.dataLayer = window.dataLayer || [];
-      isInitialized.current = true;
-      return;
-    }
-    window.dataLayer = window.dataLayer || [];
-    window.dataLayer.push({
-      "gtm.start": (/* @__PURE__ */ new Date()).getTime(),
-      event: "gtm.js"
-    });
-    const firstScript = document.getElementsByTagName("script")[0];
-    const script = document.createElement("script");
-    script.async = true;
-    script.src = `https://www.googletagmanager.com/gtm.js?id=${gtmId}`;
-    firstScript.parentNode?.insertBefore(script, firstScript);
-    scriptRef.current = script;
-    isInitialized.current = true;
-    return () => {
-      if (scriptRef.current) {
-        scriptRef.current.parentNode?.removeChild(scriptRef.current);
-        scriptRef.current = null;
-      }
-      isInitialized.current = false;
-    };
-  }, [gtmId, isGA4Allowed]);
-  const addNoscriptIframe = (0, import_react7.useCallback)(() => {
-    if (!isGA4Allowed()) return;
-    if (document.querySelector('iframe[src*="googletagmanager.com/ns.html"]'))
-      return;
-    const noscript = document.createElement("noscript");
-    const iframe = document.createElement("iframe");
-    iframe.src = `https://www.googletagmanager.com/ns.html?id=${gtmId}`;
-    iframe.height = "0";
-    iframe.width = "0";
-    iframe.style.display = "none";
-    iframe.style.visibility = "hidden";
-    noscript.appendChild(iframe);
-    document.body.insertBefore(noscript, document.body.firstChild);
-  }, [gtmId, isGA4Allowed]);
+function isGA4Allowed() {
+  try {
+    return Trustware.getConfig().features.shouldAllowGA4;
+  } catch {
+    return false;
+  }
+}
+function useGTMTracker() {
   const trackEvent = (0, import_react7.useCallback)(
     (eventName, eventParams = {}) => {
-      if (!isInitialized.current) {
+      if (!isContainerInitialized) {
         console.warn(
           "useGTM: Not initialized. Ensure a valid GTM Container ID was provided."
         );
@@ -5420,7 +5378,7 @@ function useGTM(gtmId) {
   );
   const setUserProperty = (0, import_react7.useCallback)(
     (propertyName, value) => {
-      if (!isInitialized.current) {
+      if (!isContainerInitialized) {
         console.warn(
           "useGTM: Not initialized. Ensure a valid GTM Container ID was provided."
         );
@@ -5446,22 +5404,78 @@ function useGTM(gtmId) {
       }
       window.gtag(command, ...args);
     },
-    [isGA4Allowed]
+    []
   );
-  return {
-    trackEvent,
-    trackPageView,
-    setUserProperty,
-    directGtag,
-    addNoscriptIframe
-  };
+  return { trackEvent, trackPageView, setUserProperty, directGtag };
+}
+function useGTM(gtmId) {
+  const scriptRef = (0, import_react7.useRef)(null);
+  const tracker = useGTMTracker();
+  (0, import_react7.useEffect)(() => {
+    if (!isGA4Allowed()) {
+      console.warn(
+        "useGTM: GA4 tracking is disabled or Trustware config not initialized."
+      );
+      return;
+    }
+    if (!gtmId || typeof gtmId !== "string") {
+      console.error(
+        "useGTM: A valid GTM Container ID is required (format: GTM-XXXXX)."
+      );
+      return;
+    }
+    if (isContainerInitialized) return;
+    const alreadyLoaded = document.querySelector(
+      `script[src*="googletagmanager.com/gtm.js?id=${gtmId}"]`
+    );
+    if (alreadyLoaded) {
+      window.dataLayer = window.dataLayer || [];
+      isContainerInitialized = true;
+      return;
+    }
+    window.dataLayer = window.dataLayer || [];
+    window.dataLayer.push({
+      "gtm.start": (/* @__PURE__ */ new Date()).getTime(),
+      event: "gtm.js"
+    });
+    const firstScript = document.getElementsByTagName("script")[0];
+    const script = document.createElement("script");
+    script.async = true;
+    script.src = `https://www.googletagmanager.com/gtm.js?id=${gtmId}`;
+    firstScript.parentNode?.insertBefore(script, firstScript);
+    scriptRef.current = script;
+    isContainerInitialized = true;
+    return () => {
+      if (scriptRef.current) {
+        scriptRef.current.parentNode?.removeChild(scriptRef.current);
+        scriptRef.current = null;
+      }
+      isContainerInitialized = false;
+    };
+  }, [gtmId]);
+  const addNoscriptIframe = (0, import_react7.useCallback)(() => {
+    if (!isGA4Allowed()) return;
+    if (document.querySelector('iframe[src*="googletagmanager.com/ns.html"]'))
+      return;
+    const noscript = document.createElement("noscript");
+    const iframe = document.createElement("iframe");
+    iframe.src = `https://www.googletagmanager.com/ns.html?id=${gtmId}`;
+    iframe.height = "0";
+    iframe.width = "0";
+    iframe.style.display = "none";
+    iframe.style.visibility = "hidden";
+    noscript.appendChild(iframe);
+    document.body.insertBefore(noscript, document.body.firstChild);
+  }, [gtmId]);
+  return { ...tracker, addNoscriptIframe };
 }
-var import_react7;
+var import_react7, isContainerInitialized;
 var init_useGTM = __esm({
   "src/hooks/useGTM.ts"() {
     "use strict";
     import_react7 = require("react");
     init_core2();
+    isContainerInitialized = false;
   }
 });
 
@@ -5487,7 +5501,7 @@ function useTransactionPolling() {
       return void 0;
     }
   })();
-  const { trackEvent } = useGTM(GTM_ID);
+  const { trackEvent } = useGTMTracker();
   const [state, setState] = (0, import_react8.useState)({
     isPolling: false,
     apiStatus: null,
@@ -5587,8 +5601,21 @@ function useTransactionPolling() {
             pollCountRef.current += 1;
             const pollInterval = pollCountRef.current <= 10 ? FAST_POLL_INTERVAL_MS : NORMAL_POLL_INTERVAL_MS;
             pollingRef.current = setTimeout(poll, pollInterval);
-          } catch {
+          } catch (err) {
             if (abortRef.current) return;
+            if (isNotFoundError(err)) {
+              clearPolling();
+              const notFoundError = "Transaction session expired. Please try again.";
+              setState((prev) => ({
+                ...prev,
+                isPolling: false,
+                error: notFoundError
+              }));
+              setErrorMessage(notFoundError);
+              setTransactionStatus("error");
+              setCurrentStep("error");
+              return;
+            }
             const elapsed = Date.now() - startTimeRef.current;
             if (elapsed > POLL_TIMEOUT_MS) {
               clearPolling();
@@ -5725,10 +5752,10 @@ var init_useTransactionPolling = __esm({
     "use client";
     import_react8 = require("react");
     init_routes();
+    init_http();
     init_DepositContext();
     init_provider();
     init_core2();
-    init_constants();
     init_hooks();
     FAST_POLL_INTERVAL_MS = 1500;
     NORMAL_POLL_INTERVAL_MS = 2500;
@@ -5810,6 +5837,20 @@ var init_eipWallets = __esm({
   "src/wallets/eipWallets.ts"() {
     "use strict";
     CHAIN_PARAMS = {
+      1: {
+        chainIdHex: "0x1",
+        chainName: "Ethereum",
+        rpcUrls: ["https://eth.llamarpc.com"],
+        nativeCurrency: { name: "Ether", symbol: "ETH", decimals: 18 },
+        blockExplorerUrls: ["https://etherscan.io"]
+      },
+      137: {
+        chainIdHex: "0x89",
+        chainName: "Polygon",
+        rpcUrls: ["https://polygon-rpc.com"],
+        nativeCurrency: { name: "POL", symbol: "POL", decimals: 18 },
+        blockExplorerUrls: ["https://polygonscan.com"]
+      },
       8453: {
         chainIdHex: "0x2105",
         chainName: "Base",
@@ -9090,18 +9131,27 @@ async function waitForTxConfirmation(chainId, txHash) {
   }
   throw new Error("Timed out waiting for approval confirmation");
 }
-async function ensureApprovals(w, approvals, fallbackChainId) {
+function requiredApprovalAmount(planAmountWei, routeAmountWei) {
+  if (planAmountWei >= UNLIMITED_APPROVAL_FLOOR && routeAmountWei !== void 0 && routeAmountWei > 0n) {
+    return routeAmountWei;
+  }
+  return planAmountWei;
+}
+function approvalSatisfied(currentAllowance, requiredWei) {
+  if (requiredWei === 0n) return currentAllowance === 0n;
+  return currentAllowance >= requiredWei;
+}
+async function ensureApprovals(w, approvals, fallbackChainId, intentId, routeAmountWei) {
   if (!approvals || approvals.length === 0) return;
   const owner = await w.getAddress();
-  for (const approval of approvals) {
+  for (const [stepIndex, approval] of approvals.entries()) {
     const spender = approval.spender;
     const tokenAddress = approval.tokenAddress;
     const amount = approval.amount;
     if (!spender || !tokenAddress || !amount) continue;
     const chainId = approval.chainId || String(fallbackChainId ?? "");
     if (!chainId) continue;
-    const amountWei = BigInt(amount);
-    if (amountWei === 0n) continue;
+    const amountWei = requiredApprovalAmount(BigInt(amount), routeAmountWei);
     let currentAllowance = 0n;
     try {
       const { allowance } = await getEVMAllowance({
@@ -9113,7 +9163,7 @@ async function ensureApprovals(w, approvals, fallbackChainId) {
       currentAllowance = BigInt(allowance || "0");
     } catch {
     }
-    if (currentAllowance >= amountWei) continue;
+    if (approvalSatisfied(currentAllowance, amountWei)) continue;
     const data = (0, import_viem2.encodeFunctionData)({
       abi: erc20ApproveAbi,
       functionName: "approve",
@@ -9125,6 +9175,10 @@ async function ensureApprovals(w, approvals, fallbackChainId) {
       value: 0n,
       chainId: Number.isFinite(Number(chainId)) ? Number(chainId) : void 0
     });
+    if (intentId) {
+      void submitStepReceipt(intentId, stepIndex, hash).catch(() => {
+      });
+    }
     await waitForTxConfirmation(chainId, hash);
   }
 }
@@ -9134,7 +9188,7 @@ function isUserRejected(e2) {
   const msg = String(e2?.message || e2)?.toLowerCase?.() || "";
   return msg.includes("user rejected") || msg.includes("user denied");
 }
-async function sendRouteTransaction(b, fallbackChainId) {
+async function sendRouteTransaction(b, fallbackChainId, options) {
   const w = walletManager.wallet;
   if (!w) throw new Error("Trustware.wallet not configured");
   const txReq = b.txReq;
@@ -9161,11 +9215,13 @@ async function sendRouteTransaction(b, fallbackChainId) {
         }
       }
     }
-    if (!validatedSponsorship) {
+    if (!validatedSponsorship && !options?.approvalsEnsured) {
       await ensureApprovals(
         w,
         b.route?.execution?.approvals,
-        Number.isFinite(target) ? target : void 0
+        Number.isFinite(target) ? target : void 0,
+        b.intentId,
+        BigInt(b.route?.estimate?.fromAmount ?? "0")
       );
     }
     if (w.type === "eip1193") {
@@ -9264,7 +9320,7 @@ async function runTopUp(params) {
     }
   }
 }
-var import_viem2, erc20ApproveAbi;
+var import_viem2, erc20ApproveAbi, UNLIMITED_APPROVAL_FLOOR;
 var init_tx = __esm({
   "src/core/tx.ts"() {
     "use strict";
@@ -9275,6 +9331,7 @@ var init_tx = __esm({
     erc20ApproveAbi = (0, import_viem2.parseAbi)([
       "function approve(address spender, uint256 amount) returns (bool)"
     ]);
+    UNLIMITED_APPROVAL_FLOOR = 1n << 255n;
   }
 });
 
@@ -9420,6 +9477,7 @@ var init_core = __esm({
       buildRoute,
       buildDepositAddress,
       submitReceipt,
+      submitStepReceipt,
       getStatus,
       pollStatus,
       getBalances,
@@ -31648,7 +31706,7 @@ function useTransactionActionModel({
 }) {
   const feeDataCacheRef = (0, import_react37.useRef)({});
   const { isSubmitting, submitTransaction } = useTransactionSubmit();
-  const { trackEvent } = useGTM(GTM_ID);
+  const { trackEvent } = useGTMTracker();
   const destinationConfig = (() => {
     try {
       return Trustware.getConfig();
@@ -32084,7 +32142,6 @@ var init_useTransactionActionModel = __esm({
     init_chainHelpers();
     init_utils2();
     init_hooks();
-    init_constants();
   }
 });
 
@@ -33437,6 +33494,16 @@ async function waitForApprovalConfirmation(chainId, txHash) {
   }
   throw new Error("Timed out waiting for approval confirmation");
 }
+async function requireActiveAddress(wallet, plannedFor) {
+  if (!wallet) throw new Error("Wallet not connected. Please reconnect.");
+  const active = await wallet.getAddress();
+  if (active?.toLowerCase() !== plannedFor?.toLowerCase()) {
+    throw new Error(
+      "Wallet account changed. Please review and confirm the swap again."
+    );
+  }
+  return active;
+}
 function useSwapExecution(fromChain) {
   const [state, setState] = (0, import_react45.useState)({
     txStatus: "idle",
@@ -33493,7 +33560,15 @@ function useSwapExecution(fromChain) {
           if (tx.status === "bridging") {
             setState((p) => ({ ...p, txStatus: "bridging" }));
           }
-        } catch {
+        } catch (err) {
+          if (abortRef.current) return;
+          if (isNotFoundError(err)) {
+            clearPolling();
+            const msg = "Transaction session expired. Please try again.";
+            setState((p) => ({ ...p, txStatus: "error", errorMessage: msg }));
+            onError(msg);
+            return;
+          }
         }
         if (abortRef.current) return;
         pollCountRef.current += 1;
@@ -33519,24 +33594,55 @@ function useSwapExecution(fromChain) {
       }
       const txReq = routeResult.txReq;
       const chainIdStr = String(txReq?.chainId ?? fromChain?.chainId ?? "");
-      const spender = txReq?.to ?? txReq?.target;
       const amountWei = BigInt(routeResult.route?.estimate?.fromAmount ?? "0");
-      if (!spender || !chainIdStr || amountWei === 0n) {
+      const plannedApprovals = routeResult.route?.execution?.approvals ?? [];
+      const toCheck = plannedApprovals.length ? plannedApprovals.flatMap((a) => {
+        const token = a.tokenAddress ?? fromTokenAddress;
+        const required = requiredApprovalAmount(
+          BigInt(a.amount || "0"),
+          amountWei
+        );
+        if (!token || !a.spender) return [];
+        return [
+          {
+            chainId: a.chainId || chainIdStr,
+            token,
+            spender: a.spender,
+            required
+          }
+        ];
+      }) : (() => {
+        const spender = txReq?.to ?? txReq?.target;
+        if (!spender) return [];
+        return [
+          {
+            chainId: chainIdStr,
+            token: fromTokenAddress,
+            spender,
+            required: amountWei
+          }
+        ];
+      })();
+      if (toCheck.length === 0 || !chainIdStr || amountWei === 0n) {
         setState((p) => ({ ...p, allowanceStatus: "unknown" }));
         return;
       }
       setState((p) => ({ ...p, allowanceStatus: "checking" }));
       try {
-        const { allowance } = await getEVMAllowance({
-          chainId: chainIdStr,
-          tokenAddress: fromTokenAddress,
-          ownerAddress: walletAddress,
-          spenderAddress: spender
-        });
-        const allowanceWei = BigInt(allowance || "0");
+        const results = await Promise.all(
+          toCheck.map(async (c) => {
+            const { allowance } = await getEVMAllowance({
+              chainId: c.chainId,
+              tokenAddress: c.token,
+              ownerAddress: walletAddress,
+              spenderAddress: c.spender
+            });
+            return approvalSatisfied(BigInt(allowance || "0"), c.required);
+          })
+        );
         setState((p) => ({
           ...p,
-          allowanceStatus: allowanceWei >= amountWei ? "sufficient" : "needed"
+          allowanceStatus: results.every(Boolean) ? "sufficient" : "needed"
         }));
       } catch {
         setState((p) => ({ ...p, allowanceStatus: "needed" }));
@@ -33640,19 +33746,49 @@ function useSwapExecution(fromChain) {
         }
       }
       try {
-        if (!isNative && walletAddress && spender && chainIdStr && fromTokenAddress) {
+        const plannedApprovals = routeResult.route?.execution?.approvals ?? [];
+        const requiredApprovals = plannedApprovals.length ? plannedApprovals.flatMap((a, index) => {
+          const token = a.tokenAddress ?? fromTokenAddress;
+          const approvalSpender = a.spender;
+          if (!token || !approvalSpender) return [];
+          const amountWei = requiredApprovalAmount(
+            BigInt(a.amount || "0"),
+            fromAmountWei
+          );
+          return [
+            {
+              stepIndex: index,
+              token,
+              spender: approvalSpender,
+              amountWei,
+              chainId: a.chainId || chainIdStr
+            }
+          ];
+        }) : spender && fromTokenAddress ? [
+          {
+            stepIndex: null,
+            token: fromTokenAddress,
+            spender,
+            amountWei: fromAmountWei,
+            chainId: chainIdStr
+          }
+        ] : [];
+        const ownsApprovals = !isNative && !!walletAddress && !!chainIdStr;
+        const activeAddress = ownsApprovals ? await requireActiveAddress(wallet, walletAddress) : void 0;
+        for (const required of requiredApprovals) {
+          if (!ownsApprovals) break;
           let allowanceWei = 0n;
           try {
             const { allowance } = await getEVMAllowance({
-              chainId: chainIdStr,
-              tokenAddress: fromTokenAddress,
-              ownerAddress: walletAddress,
-              spenderAddress: spender
+              chainId: required.chainId,
+              tokenAddress: required.token,
+              ownerAddress: activeAddress,
+              spenderAddress: required.spender
             });
             allowanceWei = BigInt(allowance || "0");
           } catch {
           }
-          if (allowanceWei < fromAmountWei) {
+          if (!approvalSatisfied(allowanceWei, required.amountWei)) {
             setState((p) => ({ ...p, txStatus: "approving" }));
             if (!wallet || wallet.ecosystem !== "evm") {
               throw new Error("EVM wallet required for token approval");
@@ -33660,7 +33796,7 @@ function useSwapExecution(fromChain) {
             if (!chainIdStr || chainIdStr === "0") {
               throw new Error("Invalid chain ID for token approval");
             }
-            const targetChain = Number(txReq.chainId ?? fromChain?.chainId);
+            const targetChain = Number(required.chainId ?? txReq.chainId);
             if (Number.isFinite(targetChain)) {
               const current = await wallet.getChainId();
               if (current !== targetChain) {
@@ -33672,18 +33808,18 @@ function useSwapExecution(fromChain) {
             }
             const approveAmount = maxApproval ? BigInt(
               "0xffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff"
-            ) : fromAmountWei;
+            ) : required.amountWei;
             const data = (0, import_viem43.encodeFunctionData)({
               abi: import_viem43.erc20Abi,
               functionName: "approve",
-              args: [spender, approveAmount]
+              args: [required.spender, approveAmount]
             });
             let approvalHash;
             if (wallet.type === "eip1193") {
               const from = await wallet.getAddress();
               const params = {
                 from,
-                to: fromTokenAddress,
+                to: required.token,
                 data,
                 value: "0x0"
               };
@@ -33696,14 +33832,22 @@ function useSwapExecution(fromChain) {
               });
             } else {
               const response = await wallet.sendTransaction({
-                to: fromTokenAddress,
+                to: required.token,
                 data,
                 value: 0n,
                 chainId: Number.isFinite(targetChain) ? targetChain : void 0
               });
               approvalHash = response.hash;
             }
-            await waitForApprovalConfirmation(chainIdStr, approvalHash);
+            if (required.stepIndex !== null) {
+              void submitStepReceipt(
+                routeResult.intentId,
+                required.stepIndex,
+                approvalHash
+              ).catch(() => {
+              });
+            }
+            await waitForApprovalConfirmation(required.chainId, approvalHash);
             setState((p) => ({
               ...p,
               txStatus: "confirming",
@@ -33711,9 +33855,13 @@ function useSwapExecution(fromChain) {
             }));
           }
         }
+        if (ownsApprovals) {
+          await requireActiveAddress(wallet, walletAddress);
+        }
         const hash = await Trustware.sendRouteTransaction(
           routeResult,
-          numericChainId
+          numericChainId,
+          { approvalsEnsured: ownsApprovals }
         );
         try {
           await submitReceipt(routeResult.intentId, hash);
@@ -33783,6 +33931,8 @@ var init_useSwapExecution = __esm({
     import_viem43 = require("viem");
     init_core2();
     init_routes();
+    init_http();
+    init_tx();
     init_sdkRpc();
     init_chainHelpers();
     FAST_POLL_MS = 1500;
@@ -39732,6 +39882,7 @@ function WidgetInner({
   const { resolvedTheme } = useDepositUi();
   const { status, revalidate, errors } = useTrustware();
   const [showConfirmDialog, setShowConfirmDialog] = (0, import_react51.useState)(false);
+  useGTM(GTM_ID);
   const handleCloseRequest = (0, import_react51.useCallback)(() => {
     if (ACTIVE_TRANSACTION_STATUSES.includes(transactionStatus)) {
       setShowConfirmDialog(true);
@@ -39806,6 +39957,8 @@ var init_TrustwareWidgetV2 = __esm({
     init_provider();
     init_manager();
     init_useTrustwareConfig();
+    init_hooks();
+    init_constants();
     init_swap();
     import_jsx_runtime60 = require("react/jsx-runtime");
     widgetContentContainerStyle = {