@oasisprotocol/privana-sdk 0.5.1 → 0.5.2

package/dist/index.js

@@ -1,6 +1,6 @@
 "use client";
-import { usePrivanaContext, createHostedAuthPendingStorageKey, clearHostedAuthPendingTransaction, HostedAuthRequiredError, HostedAuthError, createPkceVerifier, createPkceChallenge, createHostedAuthState, persistHostedAuthPendingTransaction, parseHostedAuthCallback, readHostedAuthPendingTransaction, HostedAuthStateMismatchError, buildHostedAuthSession, useSafePrivanaContext, usePrivateReadRequest, formatTokenAmount, submitPendingLock, PostDepositLockError, useDepositVerification, useEnsureCorrectChain, getTransactionReceipt, waitForTransactionReceipt, canUseBrowserStorage, clampLockAmount, getWalletClient, createSignedLockRequest, signWithdrawMessage, signLockMessage, signTransferMessage, signTransferLockedMessage, signModifyLockMessage, cn, Button, stripHostedAuthCallbackParams, AccountingApiError, getBrowserStorageItem, removeBrowserStorageItem, isSignedLockUsable, setBrowserStorageItem, shortenAddress, formatTimeRemaining, parseTokenAmount, getExplorerAddressUrl, getExplorerLabel, Skeleton, formatCountdown, FiatOnRampForm } from './chunk-SAJ7K5WT.js';
-export { AccountingApiError, Button, DEFAULT_LOCK_DURATION_SECONDS, DEFAULT_ONRAMP_LOCK_BUFFER, HOSTED_AUTH_CLOCK_SKEW_MS, HostedAuthError, HostedAuthRequiredError, HostedAuthStateMismatchError, HttpClient, LOCK_TYPES, MODIFY_LOCK_TYPES, NETWORK_CONFIG, NetworkError, PostDepositLockError, PrivanaClient, PrivanaProvider, SUPPORTED_CHAINS, SiweAuthProvider, Skeleton, TRANSFER_LOCKED_TYPES, TRANSFER_TYPES, ValidationError, WITHDRAW_FROM_LOCK_TYPES, WITHDRAW_TYPES, applyLockBuffer, applyRefreshResponse, buildHostedAuthSession, buildSiweStatement, buttonVariants, clampLockAmount, clearHostedAuthPendingTransaction, clearPendingLock, createDomain, createHostedAuthPendingStorageKey, createHostedAuthState, createHostedAuthStorageKey, createLockExpiry, createPkceChallenge, createPkceVerifier, createSignedLockRequest, getAccountingContract, getApiUrl, getChainById, getChainId, getExplorerAddressUrl, getExplorerLabel, isHostedAuthRefreshActive, isHostedAuthSessionActive, isSignedLockUsable, loadPendingLock, normalizeAddress, normalizeHex, parseHostedAuthCallback, persistHostedAuthPendingTransaction, readHostedAuthPendingTransaction, readStoredHostedAuthSession, savePendingLock, signLockMessage, signModifyLockMessage, signTransferLockedMessage, signTransferMessage, signWithdrawFromLockMessage, signWithdrawMessage, stripHostedAuthCallbackParams, submitPendingLock, syncHostedAuthSessionToClient, useDepositVerification, usePrivanaContext, useSafeAccount, useSafePrivanaContext, useSiweAuth } from './chunk-SAJ7K5WT.js';
+import { usePrivanaContext, createHostedAuthPendingStorageKey, clearHostedAuthPendingTransaction, HostedAuthRequiredError, HostedAuthError, createPkceVerifier, createPkceChallenge, createHostedAuthState, persistHostedAuthPendingTransaction, parseHostedAuthCallback, readHostedAuthPendingTransaction, HostedAuthStateMismatchError, buildHostedAuthSession, useSafePrivanaContext, usePrivateReadRequest, formatTokenAmount, submitPendingLock, PostDepositLockError, useDepositVerification, useEnsureCorrectChain, getTransactionReceipt, getBlockNumber, waitForTransactionReceipt, canUseBrowserStorage, clampLockAmount, getWalletClient, createSignedLockRequest, signWithdrawMessage, signLockMessage, signTransferMessage, signTransferLockedMessage, signModifyLockMessage, cn, Button, stripHostedAuthCallbackParams, AccountingApiError, getBrowserStorageItem, removeBrowserStorageItem, isSignedLockUsable, setBrowserStorageItem, shortenAddress, formatTimeRemaining, parseTokenAmount, getExplorerAddressUrl, getExplorerLabel, Skeleton, formatCountdown, FiatOnRampForm } from './chunk-ZVUMV4NR.js';
+export { AccountingApiError, Button, DEFAULT_LOCK_DURATION_SECONDS, DEFAULT_ONRAMP_LOCK_BUFFER, HOSTED_AUTH_CLOCK_SKEW_MS, HostedAuthError, HostedAuthRequiredError, HostedAuthStateMismatchError, HttpClient, LOCK_TYPES, MODIFY_LOCK_TYPES, NETWORK_CONFIG, NetworkError, PostDepositLockError, PrivanaClient, PrivanaProvider, SUPPORTED_CHAINS, SiweAuthProvider, Skeleton, TRANSFER_LOCKED_TYPES, TRANSFER_TYPES, ValidationError, WITHDRAW_FROM_LOCK_TYPES, WITHDRAW_TYPES, applyLockBuffer, applyRefreshResponse, buildHostedAuthSession, buildSiweStatement, buttonVariants, clampLockAmount, clearHostedAuthPendingTransaction, clearPendingLock, createDomain, createHostedAuthPendingStorageKey, createHostedAuthState, createHostedAuthStorageKey, createLockExpiry, createPkceChallenge, createPkceVerifier, createSignedLockRequest, getAccountingContract, getApiUrl, getChainById, getChainId, getExplorerAddressUrl, getExplorerLabel, isHostedAuthRefreshActive, isHostedAuthSessionActive, isSignedLockUsable, loadPendingLock, normalizeAddress, normalizeHex, parseHostedAuthCallback, persistHostedAuthPendingTransaction, readHostedAuthPendingTransaction, readStoredHostedAuthSession, savePendingLock, signLockMessage, signModifyLockMessage, signTransferLockedMessage, signTransferMessage, signWithdrawFromLockMessage, signWithdrawMessage, stripHostedAuthCallbackParams, submitPendingLock, syncHostedAuthSessionToClient, useDepositVerification, usePrivanaContext, useSafeAccount, useSafePrivanaContext, useSiweAuth } from './chunk-ZVUMV4NR.js';
 import { useState, useRef, useMemo, useCallback, useContext, useEffect, useId } from 'react';
 import { QueryClientContext, useQuery, useQueryClient, useMutation, keepPreviousData } from '@tanstack/react-query';
 import { useAccount, useWalletClient, useConfig, useWriteContract, useSendTransaction, useBalance as useBalance$1, useReadContract } from 'wagmi';
@@ -479,8 +479,12 @@ function useDeposit(options = {}) {
       try {
         let confirmed = false;
         try {
-          await getTransactionReceipt(config, { hash, chainId: persisted.chainId });
-          confirmed = true;
+          const receipt = await getTransactionReceipt(config, {
+            hash,
+            chainId: persisted.chainId
+          });
+          const blockNumber = await getBlockNumber(config, { chainId: persisted.chainId });
+          confirmed = blockNumber - receipt.blockNumber + 1n >= BigInt(confirmations);
         } catch {
         }
         if (!confirmed) {
@@ -1926,7 +1930,8 @@ function TransactionErrorView({
   explorerLabel,
   onRetry,
   onDismiss,
-  isRetrying
+  isRetrying,
+  retryLabel = "Retry Verification"
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -1965,7 +1970,7 @@ function TransactionErrorView({
           onClick: onRetry,
           disabled: isRetrying,
           className: "bg-primary text-primary-foreground hover:bg-primary/90 flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-          children: isRetrying ? "Retrying..." : "Retry Verification"
+          children: isRetrying ? "Retrying..." : retryLabel
         }
       )
     ] })
@@ -4550,7 +4555,7 @@ function WalletBalanceView({
   allowance,
   amount,
   onAmountChange,
-  onPlay,
+  onFundSession,
   onAddFunds,
   onWithdraw
 }) {
@@ -4575,18 +4580,17 @@ function WalletBalanceView({
   const hasValidAmount = !!amount && parseFloat(amount) > 0;
   const tooManyDecimals = hasValidAmount && !!token && amount.includes(".") && amount.split(".")[1].length > token.decimals;
   const exceedsBalance = hasValidAmount && !tooManyDecimals && !!token && !isBalanceLoading && !isBalanceError && parseTokenAmount(amount, token.decimals) > availableWei;
-  const canPlay = hasValidAmount && !!token && !tooManyDecimals && !exceedsBalance && !isBalanceLoading && !isBalanceError;
+  const canFundSession = hasValidAmount && !!token && !tooManyDecimals && !exceedsBalance && !isBalanceLoading && !isBalanceError;
   const handleMax = () => {
     const max = availableFormatted.replace(/\s/g, "");
     if (parseFloat(max) > 0) onAmountChange(max);
   };
-  const handlePlay = () => {
-    if (!token || !canPlay || !onPlay) return;
-    onPlay({ tokenId: token.id, amount });
-    onAmountChange("");
+  const handleFundSession = () => {
+    if (!token || !canFundSession || !onFundSession) return;
+    onFundSession({ tokenId: token.id, amount });
   };
   const showInput = variant !== "fully-in-use";
-  const showInlinePlay = variant === "session-zero" || variant === "mixed";
+  const showInlineFund = variant === "session-zero" || variant === "mixed";
   return /* @__PURE__ */ jsxs("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
@@ -4638,14 +4642,14 @@ function WalletBalanceView({
             }
           )
         ] }),
-        showInlinePlay && /* @__PURE__ */ jsx(
+        showInlineFund && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            disabled: !onPlay || !canPlay,
-            onClick: handlePlay,
+            disabled: !onFundSession || !canFundSession,
+            onClick: handleFundSession,
             className: "border-border flex h-10 min-w-20 cursor-pointer items-center justify-center rounded-[10px] border px-3 text-sm font-medium text-[#4fc77f] transition-opacity hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-50",
-            children: "Play"
+            children: "Fund session"
           }
         )
       ] }),
@@ -4669,10 +4673,10 @@ function WalletBalanceView({
         "button",
         {
           type: "button",
-          disabled: !onPlay || !canPlay,
-          onClick: handlePlay,
+          disabled: !onFundSession || !canFundSession,
+          onClick: handleFundSession,
           className: "bg-primary text-primary-foreground hover:bg-primary/90 flex h-10 flex-1 cursor-pointer items-center justify-center rounded-[10px] px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-          children: "Play"
+          children: "Fund session"
         }
       ),
       /* @__PURE__ */ jsx(
@@ -4709,10 +4713,34 @@ function WalletBalanceView({
     ] }) })
   ] });
 }
+function invokeGuarded(runRef, invoke, handlers) {
+  const run = ++runRef.current;
+  const isCurrent = () => runRef.current === run;
+  let result;
+  try {
+    result = invoke();
+  } catch (err) {
+    if (isCurrent()) handlers.onError(err);
+    return;
+  }
+  if (result == null || typeof result.then !== "function") {
+    handlers.onSyncResult();
+    return;
+  }
+  handlers.onAsyncStart();
+  result.then(
+    () => {
+      if (isCurrent()) handlers.onSuccess();
+    },
+    (err) => {
+      if (isCurrent()) handlers.onError(err);
+    }
+  );
+}
 function WalletModalContent({
   session,
   allowance,
-  onPlay,
+  onFundSession,
   onEndSession,
   onDepositSuccess,
   onClose,
@@ -4727,7 +4755,10 @@ function WalletModalContent({
   const [depositBlocked, setDepositBlocked] = useState(false);
   const [withdrawPending, setWithdrawPending] = useState(false);
   const [endSessionError, setEndSessionError] = useState(null);
+  const [fundSessionError, setFundSessionError] = useState(null);
   const endSessionRunRef = useRef(0);
+  const fundSessionRunRef = useRef(0);
+  const [pendingFundSession, setPendingFundSession] = useState(null);
   const prevAddressRef = useRef(address);
   useEffect(() => {
     const prev = prevAddressRef.current;
@@ -4739,10 +4770,13 @@ function WalletModalContent({
       setDepositBlocked(false);
       setWithdrawPending(false);
       setEndSessionError(null);
+      setFundSessionError(null);
+      setPendingFundSession(null);
       endSessionRunRef.current++;
+      fundSessionRunRef.current++;
     }
   }, [address, hostedAuthConfig]);
-  const closeBlocked = depositBlocked || withdrawPending || view === "ending-session";
+  const closeBlocked = depositBlocked || withdrawPending || view === "funding-session" || view === "ending-session";
   useEffect(() => {
     onCloseBlockedChange?.(closeBlocked);
   }, [closeBlocked, onCloseBlockedChange]);
@@ -4756,20 +4790,16 @@ function WalletModalContent({
   };
   const startEndSession = () => {
     if (!onEndSession) return;
-    const run = ++endSessionRunRef.current;
     setEndSessionError(null);
-    setView("ending-session");
-    Promise.resolve().then(() => onEndSession()).then(
-      () => {
-        if (endSessionRunRef.current !== run) return;
-        setView("withdraw");
-      },
-      (err) => {
-        if (endSessionRunRef.current !== run) return;
+    invokeGuarded(endSessionRunRef, () => onEndSession(), {
+      onSyncResult: () => setView("withdraw"),
+      onAsyncStart: () => setView("ending-session"),
+      onSuccess: () => setView("withdraw"),
+      onError: (err) => {
         setEndSessionError(err instanceof Error ? err.message : null);
         setView("end-session-error");
       }
-    );
+    });
   };
   const handleWithdraw = () => {
     if (session && onEndSession) {
@@ -4783,6 +4813,36 @@ function WalletModalContent({
     setEndSessionError(null);
     setView("balance");
   };
+  const fundSession = (args) => {
+    if (!onFundSession) return;
+    setFundSessionError(null);
+    setPendingFundSession(args);
+    setAmount("");
+    invokeGuarded(fundSessionRunRef, () => onFundSession(args), {
+      onSyncResult: () => {
+        setPendingFundSession(null);
+        setView("balance");
+      },
+      onAsyncStart: () => setView("funding-session"),
+      onSuccess: () => {
+        setPendingFundSession(null);
+        setView("balance");
+      },
+      onError: (err) => {
+        setFundSessionError(err instanceof Error ? err.message : null);
+        setView("fund-session-error");
+      }
+    });
+  };
+  const dismissFundSessionError = () => {
+    fundSessionRunRef.current++;
+    setFundSessionError(null);
+    if (pendingFundSession) {
+      setAmount(pendingFundSession.amount);
+      setPendingFundSession(null);
+    }
+    setView("balance");
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     onClose && /* @__PURE__ */ jsx(
       "button",
@@ -4798,7 +4858,7 @@ function WalletModalContent({
         children: /* @__PURE__ */ jsx(CloseIcon, {})
       }
     ),
-    (view === "balance" || view === "ending-session" || view === "end-session-error") && /* @__PURE__ */ jsx("div", { className: "flex items-center px-5 py-4", children: /* @__PURE__ */ jsx("span", { className: "text-foreground text-xl leading-5 font-medium", children: appName }) }),
+    (view === "balance" || view === "funding-session" || view === "fund-session-error" || view === "ending-session" || view === "end-session-error") && /* @__PURE__ */ jsx("div", { className: "flex items-center px-5 py-4", children: /* @__PURE__ */ jsx("span", { className: "text-foreground text-xl leading-5 font-medium", children: appName }) }),
     view === "balance" && /* @__PURE__ */ jsx(
       WalletBalanceView,
       {
@@ -4806,11 +4866,30 @@ function WalletModalContent({
         allowance,
         amount,
         onAmountChange: setAmount,
-        onPlay,
+        onFundSession: onFundSession ? fundSession : void 0,
         onAddFunds: () => setView("deposit"),
         onWithdraw: handleWithdraw
       }
     ),
+    view === "funding-session" && /* @__PURE__ */ jsx("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: /* @__PURE__ */ jsx(
+      TransactionProgressView,
+      {
+        title: "Funding session...",
+        steps: [{ label: "Waiting for the session to be funded", status: "active" }]
+      }
+    ) }),
+    view === "fund-session-error" && /* @__PURE__ */ jsx("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: /* @__PURE__ */ jsx(
+      TransactionErrorView,
+      {
+        title: "Could not fund session",
+        message: fundSessionError ? `Your session could not be funded. (${fundSessionError})` : "Your session could not be funded.",
+        onRetry: () => {
+          if (pendingFundSession) fundSession(pendingFundSession);
+        },
+        onDismiss: dismissFundSessionError,
+        retryLabel: "Try again"
+      }
+    ) }),
     view === "ending-session" && /* @__PURE__ */ jsx("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: /* @__PURE__ */ jsx(
       TransactionProgressView,
       {
@@ -4824,7 +4903,8 @@ function WalletModalContent({
         title: "Could not end session",
         message: endSessionError ? `Your game session could not be ended, so the funds committed to it are not available to withdraw yet. (${endSessionError})` : "Your game session could not be ended, so the funds committed to it are not available to withdraw yet.",
         onRetry: startEndSession,
-        onDismiss: dismissEndSessionError
+        onDismiss: dismissEndSessionError,
+        retryLabel: "Try again"
       }
     ) }),
     view === "withdraw" && /* @__PURE__ */ jsx(WithdrawModalContent, { onBack: exitWithdraw, onPendingChange: setWithdrawPending }),