@oasisprotocol/privana-sdk 0.4.0 → 0.4.1

package/dist/on-ramp.cjs

@@ -1,10 +1,11 @@
 "use client";
 'use strict';
 
-var chunkRDMJGMI3_cjs = require('./chunk-RDMJGMI3.cjs');
+var chunkCRJNDCDT_cjs = require('./chunk-CRJNDCDT.cjs');
 var react = require('react');
 var viem = require('viem');
 var wagmi = require('wagmi');
+var lucideReact = require('lucide-react');
 var moonpayReact = require('@moonpay/moonpay-react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -20,8 +21,8 @@ function useFiatOnRamp(options) {
   const deliveryPollInterval = options.deliveryPollInterval ?? 3e3;
   const verificationTimeout = options.verificationTimeout ?? DEFAULT_VERIFICATION_TIMEOUT_MS;
   const finalityRetryInterval = options.finalityRetryInterval ?? DEFAULT_FINALITY_RETRY_INTERVAL_MS;
-  const { client, enabledTokens } = chunkRDMJGMI3_cjs.usePrivanaContext();
-  const { executePrivateRead, privateReadReady } = chunkRDMJGMI3_cjs.usePrivateReadRequest();
+  const { client, enabledTokens } = chunkCRJNDCDT_cjs.usePrivanaContext();
+  const { executePrivateRead, privateReadReady } = chunkCRJNDCDT_cjs.usePrivateReadRequest();
   const wagmiConfig = wagmi.useConfig();
   const selectedToken = enabledTokens.find((t) => t.id.toLowerCase() === tokenId.toLowerCase());
   const [status, setStatus] = react.useState("idle");
@@ -30,6 +31,7 @@ function useFiatOnRamp(options) {
   const [depositAddress, setDepositAddress] = react.useState();
   const [minDepositBaseUnits, setMinDepositBaseUnits] = react.useState();
   const [activeIntentId, setActiveIntentId] = react.useState(null);
+  const [finalityProgress, setFinalityProgress] = react.useState({});
   const onCreditedRef = react.useRef(onCredited);
   const onErrorRef = react.useRef(onError);
   const onDebugEventRef = react.useRef(onDebugEvent);
@@ -39,6 +41,7 @@ function useFiatOnRamp(options) {
   const activeVerificationKeyRef = react.useRef(null);
   const triggeredVerificationKeysRef = react.useRef(/* @__PURE__ */ new Set());
   const closeReconcilePromiseRef = react.useRef(null);
+  const purchaseInitiatedRef = react.useRef(false);
   react.useEffect(() => {
     onCreditedRef.current = onCredited;
     onErrorRef.current = onError;
@@ -130,17 +133,36 @@ function useFiatOnRamp(options) {
     activeVerificationKeyRef.current = null;
     activeVerificationRecordRef.current = null;
   }, []);
-  const { verify } = chunkRDMJGMI3_cjs.useDepositVerification({
+  const { verify } = chunkCRJNDCDT_cjs.useDepositVerification({
     pollTimeout: verificationTimeout,
     pollInterval: options.verificationPollInterval,
     finalityRetryInterval,
+    onCheckRetry: (message) => {
+      const record = activeVerificationRecordRef.current;
+      if (!record) return;
+      emitDebug("verification:check-retry", {
+        message,
+        record: summariseOnRampRecord(record)
+      });
+      setFinalityProgress((prev) => ({ ...prev, [record.transaction_id]: message }));
+    },
     onCredited: (depositTxHash) => {
       const record = activeVerificationRecordRef.current;
       emitDebug("verification:credited", {
         depositTxHash,
         record: record ? summariseOnRampRecord(record) : null
       });
-      setStatus("credited");
+      if (record && activeIntentIdRef.current === record.transaction_id) {
+        setStatus("credited");
+      }
+      if (record) {
+        setFinalityProgress((prev) => {
+          if (!(record.transaction_id in prev)) return prev;
+          const next = { ...prev };
+          delete next[record.transaction_id];
+          return next;
+        });
+      }
       void (async () => {
         try {
           if (record && depositTxHash.startsWith("0x")) {
@@ -172,21 +194,27 @@ function useFiatOnRamp(options) {
       onCreditedRef.current?.(depositTxHash);
     },
     onCheckTimeout: (depositTxHash) => {
+      const record = activeVerificationRecordRef.current;
       const err = new Error(
         "Privana verification is still pending. Retry from the pending on-ramp list if it does not complete."
       );
       emitDebug("verification:timeout", { depositTxHash, message: err.message });
       clearActiveVerification();
-      setStatus("failed");
-      setError(err);
+      if (!record || activeIntentIdRef.current === record.transaction_id) {
+        setStatus("failed");
+        setError(err);
+      }
       void refreshPending();
       onErrorRef.current?.(err);
     },
     onError: (err) => {
+      const record = activeVerificationRecordRef.current;
       emitDebug("verification:error", errorPayload(err));
       clearActiveVerification();
-      setStatus("failed");
-      setError(err);
+      if (!record || activeIntentIdRef.current === record.transaction_id) {
+        setStatus("failed");
+        setError(err);
+      }
       onErrorRef.current?.(err);
     }
   });
@@ -198,6 +226,7 @@ function useFiatOnRamp(options) {
     }) => {
       try {
         setError(null);
+        purchaseInitiatedRef.current = false;
         const token = enabledTokens.find((t) => t.id.toLowerCase() === tokenId.toLowerCase());
         if (!token) throw new Error(`Unknown token: ${tokenId}`);
         if (!depositAddress) throw new Error("Privana deposit address is not ready");
@@ -280,6 +309,7 @@ function useFiatOnRamp(options) {
   const handleTransactionCreated = react.useCallback(
     async (props) => {
       emitDebug("moonpay:onTransactionCreated", summariseMoonPayEventProps(props));
+      purchaseInitiatedRef.current = true;
       await registerOnRampTokenMapping(props.id);
     },
     [emitDebug, registerOnRampTokenMapping]
@@ -358,6 +388,12 @@ function useFiatOnRamp(options) {
       triggeredVerificationKeysRef.current.add(verificationKey);
       activeVerificationKeyRef.current = verificationKey;
       activeVerificationRecordRef.current = record;
+      setFinalityProgress((prev) => {
+        if (!(record.transaction_id in prev)) return prev;
+        const next = { ...prev };
+        delete next[record.transaction_id];
+        return next;
+      });
       emitDebug("verification:start", {
         verificationKey,
         record: summariseOnRampRecord(record)
@@ -398,7 +434,9 @@ function useFiatOnRamp(options) {
             `Delivered amount (${record.quote_currency_amount}) is below the minimum deposit.`
           );
         }
-        setStatus("verifying");
+        if (activeIntentIdRef.current === record.transaction_id) {
+          setStatus("verifying");
+        }
         emitDebug("verification:check-deposit-request", {
           hash: record.on_chain_tx_hash,
           chainId: record.chain_id,
@@ -466,6 +504,17 @@ function useFiatOnRamp(options) {
         await refreshPending();
         return;
       }
+      if (!purchaseInitiatedRef.current) {
+        emitDebug("moonpay:widget-closed-without-purchase", {
+          previousStatus,
+          transactionId
+        });
+        await refreshPending();
+        if (previousStatus === "awaiting-purchase" || previousStatus === "awaiting-delivery") {
+          setStatus("idle");
+        }
+        return;
+      }
       try {
         setStatus("awaiting-delivery");
         const record = await waitForOnChainHash(transactionId);
@@ -504,15 +553,39 @@ function useFiatOnRamp(options) {
         setStatus("failed");
         setError(e);
         onErrorRef.current?.(e);
+        throw e;
       }
     },
     [emitDebug, triggerVerification]
   );
+  const triggerVerificationRef = react.useRef(triggerVerification);
+  react.useEffect(() => {
+    triggerVerificationRef.current = triggerVerification;
+  }, [triggerVerification]);
+  react.useEffect(() => {
+    let cancelled = false;
+    void (async () => {
+      for (const record of pending) {
+        if (cancelled) break;
+        if (!record.on_chain_tx_hash || !record.quote_currency_amount) continue;
+        const key = getOnRampVerificationKey(record);
+        if (triggeredVerificationKeysRef.current.has(key)) continue;
+        try {
+          await triggerVerificationRef.current(record);
+        } catch {
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [pending]);
   return {
     status,
     activeIntentId,
     pending,
     error,
+    finalityProgress,
     depositAddress,
     minDepositBaseUnits,
     selectedToken,
@@ -564,9 +637,11 @@ async function resolveDeliveredAmount({
   }
   let receiptError;
   try {
-    const receipt = await chunkRDMJGMI3_cjs.getTransactionReceipt(wagmiConfig, {
+    const receipt = await chunkCRJNDCDT_cjs.waitForTransactionReceipt(wagmiConfig, {
       hash: onChainTxHash,
-      chainId
+      chainId,
+      timeout: 6e4,
+      pollingInterval: 4e3
     });
     let delivered = 0n;
     for (const log of receipt.logs) {
@@ -671,11 +746,13 @@ function FiatOnRampForm({
   const { address } = wagmi.useAccount();
   const [visible, setVisible] = react.useState(false);
   const [isPreparing, setIsPreparing] = react.useState(false);
+  const [rowError, setRowError] = react.useState(null);
   const {
     status,
     activeIntentId,
     pending,
     error,
+    finalityProgress,
     depositAddress,
     minDepositBaseUnits,
     selectedToken,
@@ -702,15 +779,17 @@ function FiatOnRampForm({
   );
   const minFiatGate = minDepositBaseUnits !== void 0 && decimals !== void 0 ? Number(viem.formatUnits(minDepositBaseUnits, decimals)) * 1.05 : void 0;
   const isBelowMin = minFiatGate !== void 0 && Number(defaultBaseCurrencyAmount) < minFiatGate;
-  const isBusy = isPreparing || status === "awaiting-purchase" || status === "awaiting-delivery" || status === "verifying";
+  const isBusy = isPreparing || status === "awaiting-purchase";
+  const isInitializing = !!address && !depositAddress;
   const blockReasons = react.useMemo(
     () => [
       !address ? "wallet-not-connected" : null,
       !depositAddress ? "deposit-address-not-loaded" : null,
       isBusy ? `busy:${isPreparing ? "preparing" : status}` : null,
+      visible ? "widget-open" : null,
       isBelowMin ? "below-minimum" : null
     ].filter((reason) => Boolean(reason)),
-    [address, depositAddress, isBelowMin, isBusy, isPreparing, status]
+    [address, depositAddress, isBelowMin, isBusy, isPreparing, status, visible]
   );
   const canBuy = blockReasons.length === 0;
   const handleOpen = react.useCallback(async () => {
@@ -785,11 +864,10 @@ function FiatOnRampForm({
   const handleReady = react.useCallback(async () => {
     emitFormDebug("moonpay:onReady");
   }, [emitFormDebug]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkRDMJGMI3_cjs.Button, { type: "button", onClick: handleOpen, children: isPreparing ? "Preparing MoonPay\u2026" : isBusy ? statusLabel(status) : `Buy ${displaySymbol}` }),
-    !canBuy && !isBusy && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground text-xs", children: [
-      "Button blocked: ",
-      blockReasons.join(", ")
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-privana": true, className: "flex flex-col gap-4", children: [
+    isInitializing ? /* @__PURE__ */ jsxRuntime.jsx(chunkCRJNDCDT_cjs.Skeleton, { className: "h-9 w-full rounded-md" }) : /* @__PURE__ */ jsxRuntime.jsxs(chunkCRJNDCDT_cjs.Button, { type: "button", onClick: handleOpen, disabled: !canBuy, children: [
+      (isBusy || visible) && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin", "aria-hidden": true }),
+      "Buy"
     ] }),
     error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive text-sm", role: "alert", children: error.message }),
     isBelowMin && minFiatGate !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-destructive text-sm", role: "alert", children: [
@@ -798,24 +876,54 @@ function FiatOnRampForm({
       "."
     ] }),
     pending.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: "Finish verification" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-xs", children: "MoonPay delivered your purchase, but Privana hasn't verified it yet. Resume verification now to credit your balance." }),
-      pending.map((record) => /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkRDMJGMI3_cjs.Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          disabled: isBusy,
-          onClick: () => finishPendingVerification(record),
-          children: [
-            record.quote_currency_amount ?? "?",
-            " ",
-            displaySymbol
-          ]
-        },
-        record.transaction_id
-      ))
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: "Pending payments" }),
+      pending.map((record) => {
+        const progress = parseFinalityProgress(finalityProgress[record.transaction_id]);
+        const hasProgress = !!finalityProgress[record.transaction_id];
+        const isStalled = !hasProgress && Date.now() / 1e3 - (record.updated_at ?? 0) > 60;
+        const showRetry = rowError?.id === record.transaction_id || isStalled;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "border-border flex flex-col gap-1 rounded-md border p-2",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground flex items-center gap-1 text-xs", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3 animate-spin", "aria-hidden": true }),
+                  progress ?? "Verifying\u2026"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground text-xs", children: [
+                  record.quote_currency_amount ?? "?",
+                  " ",
+                  displaySymbol
+                ] })
+              ] }),
+              rowError?.id === record.transaction_id && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive text-xs", children: rowError.message }),
+              showRetry && /* @__PURE__ */ jsxRuntime.jsx(
+                chunkCRJNDCDT_cjs.Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  onClick: async () => {
+                    setRowError(null);
+                    try {
+                      await finishPendingVerification(record);
+                    } catch (err) {
+                      setRowError({
+                        id: record.transaction_id,
+                        message: err instanceof Error ? err.message : "Verification failed"
+                      });
+                    }
+                  },
+                  children: "Retry"
+                }
+              )
+            ]
+          },
+          record.transaction_id
+        );
+      })
     ] }),
     visible && depositAddress && activeIntentId && /* @__PURE__ */ jsxRuntime.jsx(
       moonpayReact.MoonPayBuyWidget,
@@ -838,21 +946,10 @@ function FiatOnRampForm({
     )
   ] });
 }
-function statusLabel(status) {
-  switch (status) {
-    case "awaiting-purchase":
-      return "Complete your purchase\u2026";
-    case "awaiting-delivery":
-      return "Waiting for on-chain delivery\u2026";
-    case "verifying":
-      return "Verifying with Privana\u2026";
-    case "credited":
-      return "Credited";
-    case "failed":
-      return "Failed";
-    default:
-      return "";
-  }
+function parseFinalityProgress(message) {
+  if (!message) return null;
+  const match = message.match(/(\d+\/\d+)\s+confirmations/i);
+  return match ? `${match[1]} confirmations` : null;
 }
 
 exports.FiatOnRampForm = FiatOnRampForm;