@oasisprotocol/privana-sdk 0.4.3 → 0.5.0

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, useDepositVerification, getTransactionReceipt, waitForTransactionReceipt, cn, Button, stripHostedAuthCallbackParams, AccountingApiError, getChainId2, shortenAddress, formatTimeRemaining, parseTokenAmount, getExplorerAddressUrl } from './chunk-2AHJHISR.js';
-export { AccountingApiError, Button, HOSTED_AUTH_CLOCK_SKEW_MS, HostedAuthError, HostedAuthRequiredError, HostedAuthStateMismatchError, HttpClient, NETWORK_CONFIG, NetworkError, PrivanaClient, PrivanaProvider, SUPPORTED_CHAINS, SiweAuthProvider, Skeleton, ValidationError, applyRefreshResponse, buildHostedAuthSession, buttonVariants, clearHostedAuthPendingTransaction, createHostedAuthPendingStorageKey, createHostedAuthState, createHostedAuthStorageKey, createPkceChallenge, createPkceVerifier, getAccountingContract, getApiUrl, getChainById, getChainId, getExplorerAddressUrl, isHostedAuthRefreshActive, isHostedAuthSessionActive, normalizeAddress, normalizeHex, parseHostedAuthCallback, persistHostedAuthPendingTransaction, readHostedAuthPendingTransaction, readStoredHostedAuthSession, stripHostedAuthCallbackParams, syncHostedAuthSessionToClient, useDepositVerification, usePrivanaContext, useSafeAccount, useSafePrivanaContext, useSiweAuth } from './chunk-2AHJHISR.js';
+import { usePrivanaContext, createHostedAuthPendingStorageKey, clearHostedAuthPendingTransaction, HostedAuthRequiredError, HostedAuthError, createPkceVerifier, createPkceChallenge, createHostedAuthState, persistHostedAuthPendingTransaction, parseHostedAuthCallback, readHostedAuthPendingTransaction, HostedAuthStateMismatchError, buildHostedAuthSession, useSafePrivanaContext, usePrivateReadRequest, formatTokenAmount, useDepositVerification, getTransactionReceipt, waitForTransactionReceipt, cn, Button, stripHostedAuthCallbackParams, AccountingApiError, getChainId2, shortenAddress, formatTimeRemaining, parseTokenAmount, getExplorerAddressUrl, getExplorerLabel, Skeleton, FiatOnRampForm } from './chunk-54FC6TO3.js';
+export { AccountingApiError, Button, HOSTED_AUTH_CLOCK_SKEW_MS, HostedAuthError, HostedAuthRequiredError, HostedAuthStateMismatchError, HttpClient, NETWORK_CONFIG, NetworkError, PrivanaClient, PrivanaProvider, SUPPORTED_CHAINS, SiweAuthProvider, Skeleton, ValidationError, applyRefreshResponse, buildHostedAuthSession, buildSiweStatement, buttonVariants, clearHostedAuthPendingTransaction, createHostedAuthPendingStorageKey, createHostedAuthState, createHostedAuthStorageKey, createPkceChallenge, createPkceVerifier, getAccountingContract, getApiUrl, getChainById, getChainId, getExplorerAddressUrl, getExplorerLabel, isHostedAuthRefreshActive, isHostedAuthSessionActive, normalizeAddress, normalizeHex, parseHostedAuthCallback, persistHostedAuthPendingTransaction, readHostedAuthPendingTransaction, readStoredHostedAuthSession, stripHostedAuthCallbackParams, syncHostedAuthSessionToClient, useDepositVerification, usePrivanaContext, useSafeAccount, useSafePrivanaContext, useSiweAuth } from './chunk-54FC6TO3.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, useChainId, useSwitchChain, useBalance as useBalance$1, useReadContract } from 'wagmi';
@@ -9,6 +9,8 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { toast } from 'sonner';
+import { QRCodeSVG } from 'qrcode.react';
+import { MoonPayProvider, MoonPayContext } from '@moonpay/moonpay-react';
 
 // src/sdk/signatures/eip712-types.ts
 function createDomain(chainId, verifyingContract) {
@@ -841,6 +843,31 @@ function useDeposit(options = {}) {
     reset
   };
 }
+function useDepositAddress(options = {}) {
+  const queryClient = useContext(QueryClientContext);
+  const accountingContext = useSafePrivanaContext();
+  const hasProviders = !!queryClient && !!accountingContext;
+  const client = accountingContext?.client;
+  const { executePrivateRead, privateReadAddress, privateReadQueryScope, privateReadReady } = usePrivateReadRequest();
+  const isReady = hasProviders && privateReadReady && !!privateReadAddress && !!client;
+  const query = useQuery({
+    queryKey: ["accounting-deposit-address", ...privateReadQueryScope],
+    queryFn: async () => {
+      if (!privateReadAddress) throw new Error("No authenticated account available");
+      if (!client) throw new Error("No accounting client");
+      return executePrivateRead(() => client.getDepositAddress());
+    },
+    enabled: isReady && (options.enabled ?? true)
+  });
+  return {
+    depositAddress: query.data?.deposit_address ?? null,
+    isReady,
+    isLoading: query.isLoading,
+    isError: query.isError,
+    error: query.error,
+    refetch: query.refetch
+  };
+}
 function useWithdraw(options = {}) {
   const { address } = useAccount();
   const { data: walletClient } = useWalletClient();
@@ -1589,19 +1616,6 @@ function DialogDescription({
     }
   );
 }
-function ChevronRightIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "10", height: "5", viewBox: "0 0 12 6", className: "-rotate-90", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M0 0l6 6 6-6",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      fill: "none"
-    }
-  ) });
-}
 function USDCIcon({ className, size = 24 }) {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -1743,6 +1757,135 @@ function getChainIcon(chainId, size) {
       );
   }
 }
+function CloseIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M11.99997 11.99997l-5.99995-5.99995-6.00002-6.00002m6.00002 6.00002l6.00001-6.00002m-12.00003 12.00003l6.00002-6.00001",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function ChevronRightIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "10", height: "5", viewBox: "0 0 12 6", className: "-rotate-90", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M0 0l6 6 6-6",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }
+  ) });
+}
+function ChevronLeftIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "10", height: "5", viewBox: "0 0 12 6", className: "rotate-90", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M0 0l6 6 6-6",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }
+  ) });
+}
+function ChevronDownIcon({
+  direction = "down",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      className: cn(
+        "transition-transform",
+        direction === "right" && "-rotate-90",
+        direction === "up" && "rotate-180",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4 6l4 4 4-4",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function CopyIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+      ]
+    }
+  );
+}
+function CircleCheckIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M6 10l2.5 2.5L14 7.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function CircleXIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M7 7l6 6M13 7l-6 6",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function ArrowRightIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { width: "24", height: "8", viewBox: "0 0 24 8", fill: "none", className, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M0 4h22m0 0l-4-4m4 4l-4 4",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
 function CheckIcon() {
   return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
     "path",
@@ -2297,7 +2440,7 @@ function WithdrawForm({
         title: "Withdrawal Complete",
         message: `Your ${selectedToken.symbol} withdrawal has been processed. Funds should appear in your wallet shortly.`,
         explorerUrl,
-        explorerLabel: "View on BaseScan",
+        explorerLabel: targetChain ? getExplorerLabel(targetChain.id) : void 0,
         onDone: handleDone
       }
     );
@@ -2405,66 +2548,6 @@ function WithdrawForm({
     )
   ] });
 }
-function CloseIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M11.99997 11.99997l-5.99995-5.99995-6.00002-6.00002m6.00002 6.00002l6.00001-6.00002m-12.00003 12.00003l6.00002-6.00001",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
-function ChevronRight() {
-  return /* @__PURE__ */ jsx("svg", { width: "10", height: "5", viewBox: "0 0 12 6", className: "-rotate-90", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M0 0l6 6 6-6",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      fill: "none"
-    }
-  ) });
-}
-function ChevronLeft() {
-  return /* @__PURE__ */ jsx("svg", { width: "10", height: "5", viewBox: "0 0 12 6", className: "rotate-90", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M0 0l6 6 6-6",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      fill: "none"
-    }
-  ) });
-}
-function ChevronDown({ collapsed }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "12",
-      height: "6",
-      viewBox: "0 0 12 6",
-      className: cn("transition-transform", collapsed && "-rotate-90"),
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M0 0l6 6 6-6",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          fill: "none"
-        }
-      )
-    }
-  );
-}
 function BalanceCards({
   selectedToken,
   onLockedFundsClick,
@@ -2494,7 +2577,7 @@ function BalanceCards({
               /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Balance" }),
               /* @__PURE__ */ jsx("span", { className: "bg-secondary text-muted-foreground rounded-full px-2 py-[5px] text-[10px] font-bold", children: selectedToken.symbol })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRight, {}) })
+            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "text-foreground text-xl font-medium", children: balanceLoading ? /* @__PURE__ */ jsx("span", { className: "bg-secondary inline-block h-6 w-24 animate-pulse rounded" }) : formattedBalance })
         ]
@@ -2515,7 +2598,7 @@ function BalanceCards({
               /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Locked Funds" }),
               /* @__PURE__ */ jsx("span", { className: "bg-secondary text-muted-foreground rounded-full px-2 py-[5px] text-[10px] font-bold", children: selectedToken.symbol })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRight, {}) })
+            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "text-foreground text-xl font-medium", children: lockedLoading ? /* @__PURE__ */ jsx("span", { className: "bg-secondary inline-block h-6 w-20 animate-pulse rounded" }) : formattedLocked })
         ]
@@ -2614,7 +2697,7 @@ function LockedFundsView({ onBack }) {
         {
           onClick: onBack,
           className: "text-muted-foreground hover:text-foreground -ml-2 flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-          children: /* @__PURE__ */ jsx(ChevronLeft, {})
+          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
         }
       ),
       /* @__PURE__ */ jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Locked Funds" })
@@ -2634,7 +2717,12 @@ function LockedFundsView({ onBack }) {
             className: "text-muted-foreground hover:bg-secondary flex w-full cursor-pointer items-center justify-between rounded-lg px-4 py-4 transition-colors",
             children: [
               /* @__PURE__ */ jsx("span", { className: "text-sm", children: section.title }),
-              /* @__PURE__ */ jsx(ChevronDown, { collapsed: collapsedSections[section.title] })
+              /* @__PURE__ */ jsx(
+                ChevronDownIcon,
+                {
+                  direction: collapsedSections[section.title] ? "right" : "down"
+                }
+              )
             ]
           }
         ),
@@ -2716,7 +2804,7 @@ function BalanceDetailsView({ onBack }) {
         {
           onClick: onBack,
           className: "text-muted-foreground hover:text-foreground -ml-2 flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-          children: /* @__PURE__ */ jsx(ChevronLeft, {})
+          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
         }
       ),
       /* @__PURE__ */ jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Token Balances" })
@@ -2809,7 +2897,7 @@ function TokenSelectorView({
         {
           onClick: onBack,
           className: "text-muted-foreground hover:text-foreground -ml-2 flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-          children: /* @__PURE__ */ jsx(ChevronLeft, {})
+          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
         }
       ),
       /* @__PURE__ */ jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Select Token" })
@@ -3104,7 +3192,1594 @@ function PrivanaButton({
     )
   ] });
 }
+var DEFAULT_MOONPAY_API_URL = "https://api.moonpay.com/v3";
+function useMoonpayLimits({
+  currencyCode,
+  baseCurrencyCode = "usd",
+  paymentMethod = "credit_debit_card",
+  apiBaseUrl = DEFAULT_MOONPAY_API_URL,
+  enabled = true
+}) {
+  const { apiKey } = useContext(MoonPayContext) ?? {};
+  const canFetch = enabled && !!apiKey && !!currencyCode;
+  const query = useQuery({
+    queryKey: ["moonpay-limits", apiBaseUrl, currencyCode, baseCurrencyCode, paymentMethod, apiKey],
+    enabled: canFetch,
+    staleTime: 5 * 6e4,
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        apiKey,
+        baseCurrencyCode,
+        paymentMethod,
+        areFeesIncluded: "true"
+      });
+      const res = await fetch(
+        `${apiBaseUrl}/currencies/${currencyCode}/limits?${params.toString()}`
+      );
+      if (!res.ok) {
+        throw new Error(`MoonPay limits request failed: ${res.status}`);
+      }
+      const data = await res.json();
+      const asNumber = (value) => typeof value === "number" && Number.isFinite(value) ? value : void 0;
+      return {
+        minBuyAmount: asNumber(data.baseCurrency?.minBuyAmount),
+        maxBuyAmount: asNumber(data.baseCurrency?.maxBuyAmount)
+      };
+    }
+  });
+  return {
+    minBuyAmount: query.data?.minBuyAmount,
+    maxBuyAmount: query.data?.maxBuyAmount,
+    isLoading: query.isLoading,
+    error: query.error ?? null
+  };
+}
+function TokenSelectorView2({ selectedTokenId, onSelect }) {
+  const { enabledTokens } = usePrivanaContext();
+  return /* @__PURE__ */ jsx("div", { className: "bg-muted flex flex-col rounded-[10px] p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex max-h-72 flex-col gap-1 overflow-y-auto", children: [
+    enabledTokens.map((token) => {
+      const isSelected = selectedTokenId === token.id;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onSelect(token.id),
+          className: cn(
+            "hover:bg-secondary flex w-full cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-left transition-colors",
+            isSelected && "bg-secondary"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "h-6 w-6 shrink-0 overflow-hidden rounded-full", children: getTokenIcon(token.symbol, 24) }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-foreground text-sm font-medium", children: token.symbol }),
+              /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-[11px]", children: token.name })
+            ] }),
+            isSelected && /* @__PURE__ */ jsx("div", { className: "bg-primary flex h-4 w-4 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "10",
+                height: "10",
+                viewBox: "0 0 10 10",
+                fill: "none",
+                className: "text-primary-foreground",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M2 5L4 7L8 3",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            ) })
+          ]
+        },
+        token.id
+      );
+    }),
+    enabledTokens.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-3 py-6 text-center text-sm", children: "No tokens available" })
+  ] }) });
+}
+function CreditCardWidgetView({
+  token,
+  amount,
+  allowance
+}) {
+  const moonpayCurrencyCode = token?.moonpayCurrencyCode;
+  const containerRef = useRef(null);
+  const [widgetTheme, setWidgetTheme] = useState();
+  useEffect(() => {
+    if (containerRef.current) setWidgetTheme(resolveSdkTheme(containerRef.current));
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-foreground text-[28px] leading-8 font-medium", children: "Complete your purchase" }),
+    token && moonpayCurrencyCode ? /* @__PURE__ */ jsx(
+      FiatOnRampForm,
+      {
+        tokenId: token.id,
+        currencyCode: moonpayCurrencyCode,
+        defaultBaseCurrencyAmount: amount || void 0,
+        variant: "embedded",
+        autoStart: true,
+        theme: widgetTheme
+      }
+    ) : /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
+      token?.symbol ?? "This token",
+      " isn\u2019t available for card purchases yet."
+    ] })
+  ] });
+}
+function resolveSdkTheme(el) {
+  const scheme = getComputedStyle(el).colorScheme;
+  if (scheme === "dark") return "dark";
+  if (scheme === "light") return "light";
+  return el.closest(".dark") ? "dark" : "light";
+}
+function PrivanaIcon({ className, size = 32 }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: "32", height: "32", rx: "3.55556", fill: "black" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.02789 9.05299L9.20884 7.82227H15.6221L16.1099 7.82683L16.5817 7.83825L17.0398 7.85652L17.4842 7.88163L17.9125 7.91588L18.3271 7.95698L18.7256 8.00722L19.1104 8.06202L19.4814 8.12595L19.8823 8.20815L20.2602 8.2972L20.6175 8.39538L20.9542 8.50042L21.2703 8.61687L21.5657 8.74017L21.8406 8.8726L22.0948 9.01645L22.1521 9.05299H9.02789ZM9.02789 12.0784L9.20884 10.8477H21.9505L22.1177 10.955L22.317 11.1057L22.4934 11.2633L22.6445 11.4322L22.7705 11.608L22.8713 11.793L22.9491 11.9871L22.9721 12.0784H9.02789ZM15.8167 11.0372H13.1369L13.0843 12.0784H18.8447L18.8264 12.0213L18.7645 11.9072L18.6844 11.7976L18.5836 11.6948L18.4645 11.6012L18.3271 11.5121L18.1736 11.4299L18.0041 11.3569L17.8209 11.2907L17.6193 11.2313L17.404 11.1811L17.1727 11.1354L16.9276 11.1011L16.6711 11.0737L16.3985 11.0532L16.1145 11.0418L15.8167 11.0372ZM9.02789 15.1038L9.20884 13.8731H22.7453L22.7728 13.9759L22.8003 14.1334L22.8232 14.3252L22.8163 14.5102L22.7819 14.6905L22.7178 14.8664L22.6239 15.0376L22.5735 15.1038H9.02789ZM13.1484 13.8731L13.0843 15.1038H17.5323L17.6674 15.0696L17.8644 15.0079L18.043 14.9372L18.2034 14.8618L18.3454 14.7796L18.4691 14.6883L18.5744 14.5946L18.6569 14.4942L18.721 14.3914L18.7622 14.2841L18.7828 14.1722V14.0558L18.7622 13.9348L18.7416 13.8731H13.1484ZM9.02789 18.1293L9.20884 16.8985H22.3605L22.2895 16.9899L22.1406 17.1406L21.9643 17.2867L21.7581 17.426L21.5268 17.5561L21.2703 17.6817L20.9862 17.7982L20.6747 17.9055L20.3381 18.006L19.9739 18.0996L19.8387 18.1293H9.02789ZM13.1484 16.8985L13.1392 17.0629H15.8144L16.1145 17.0607L16.3985 17.047L16.6665 17.0264L16.9207 16.999L17.1612 16.9625L17.388 16.9168L17.4658 16.8985H13.1484ZM9.02789 21.1547L9.20884 19.9217H19.7036L19.4562 19.9742L19.0989 20.0381L18.7256 20.0952L18.3316 20.1432L17.9239 20.1843L17.4956 20.2185L17.0536 20.2459L16.5932 20.2642L16.1168 20.2756L15.6243 20.2802H13.1301L13.0843 21.1547H9.02789ZM13.0843 24.1778H9.02789L9.20884 22.9471H13.1484L13.0843 24.1778Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  );
+}
+function PolicyTermRow({
+  term,
+  kind
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "mt-0.5 shrink-0",
+          kind === "permission" ? "text-emerald-500" : "text-orange-500"
+        ),
+        children: kind === "permission" ? /* @__PURE__ */ jsx(CircleCheckIcon, {}) : /* @__PURE__ */ jsx(CircleXIcon, {})
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm leading-5 font-medium", children: term.title }),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm leading-5", children: term.description })
+    ] })
+  ] });
+}
+function AllowancePolicySection({
+  allowance,
+  serviceName,
+  serviceIcon
+}) {
+  const [collapsed, setCollapsed] = useState(false);
+  const permissions = allowance.terms?.permissions ?? [];
+  const restrictions = allowance.terms?.restrictions ?? [];
+  const hasTerms = permissions.length > 0 || restrictions.length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center overflow-hidden rounded-lg", children: serviceIcon }),
+      /* @__PURE__ */ jsx(ArrowRightIcon, { className: "text-muted-foreground" }),
+      /* @__PURE__ */ jsx(PrivanaIcon, { size: 32 })
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "text-sm leading-5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: serviceName }),
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "wants a policy on your Privana account." })
+    ] }),
+    hasTerms && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setCollapsed((prev) => !prev),
+          className: "flex w-full cursor-pointer items-center gap-2",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "bg-border h-px flex-1" }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[10px] leading-[14px] font-medium tracking-[0.2px] whitespace-nowrap uppercase", children: collapsed ? "Show details" : "Hide details" }),
+            /* @__PURE__ */ jsx(
+              ChevronDownIcon,
+              {
+                direction: collapsed ? "down" : "up",
+                className: "text-foreground shrink-0"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "bg-border h-px flex-1" })
+          ]
+        }
+      ),
+      !collapsed && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        permissions.map((term, i) => /* @__PURE__ */ jsx(PolicyTermRow, { term, kind: "permission" }, `permission-${i}`)),
+        restrictions.map((term, i) => /* @__PURE__ */ jsx(PolicyTermRow, { term, kind: "restriction" }, `restriction-${i}`))
+      ] })
+    ] })
+  ] });
+}
+function MoonPayGate({ enabled, children }) {
+  const { networkConfig } = usePrivanaContext();
+  const apiKey = networkConfig.moonpayApiKey;
+  if (!enabled || !apiKey) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(MoonPayProvider, { apiKey, children });
+}
+function MethodTabs({
+  activeTab,
+  onTabChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "bg-secondary relative flex gap-2 overflow-hidden rounded-[10px] p-1", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "bg-input absolute top-1 bottom-1 left-1 w-[calc(50%-8px)] rounded-md transition-transform duration-200",
+          activeTab === "credit-card" && "translate-x-[calc(100%+8px)]"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onTabChange("crypto"),
+        className: cn(
+          "relative z-10 flex-1 cursor-pointer rounded-md px-3 py-[9px] text-sm font-medium transition-colors",
+          activeTab === "crypto" ? "text-foreground" : "text-muted-foreground"
+        ),
+        children: "Crypto"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onTabChange("credit-card"),
+        className: cn(
+          "relative z-10 flex-1 cursor-pointer rounded-md px-3 py-[9px] text-sm font-medium transition-colors",
+          activeTab === "credit-card" ? "text-foreground" : "text-muted-foreground"
+        ),
+        children: "Credit Card"
+      }
+    )
+  ] });
+}
+function MethodOption({
+  title,
+  description,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "bg-input hover:bg-input/70 border-border flex w-full cursor-pointer items-center gap-3 rounded-lg border p-3 text-left transition-colors",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm leading-[14px] font-medium", children: title }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs leading-3", children: description })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
+      ]
+    }
+  );
+}
+function DepositView({
+  source,
+  selectedToken,
+  amount,
+  allowance,
+  onAmountChange,
+  onSelectToken,
+  onConnectWallet,
+  onSubmit,
+  isSubmitting = false
+}) {
+  const { getChainById: getChainById2, chains, serviceName, serviceIcon, networkConfig } = usePrivanaContext();
+  const { address, isConnected } = useAccount();
+  const appName = serviceName ?? "Privana";
+  const chain = selectedToken ? getChainById2(selectedToken.chainId) : void 0;
+  const targetChain = chain ?? chains[0];
+  const sourceLabel = source === "connected" ? "Connected Wallet" : "External Wallet";
+  const isConnectedSource = source === "connected";
+  const isCreditCard = source === "credit-card";
+  const isNative = selectedToken?.contract === zeroAddress;
+  const { data: nativeBalanceData } = useBalance$1({
+    address,
+    chainId: targetChain?.id,
+    query: { enabled: isConnectedSource && !!address && !!selectedToken && isNative }
+  });
+  const { data: erc20Balance } = useReadContract({
+    address: selectedToken?.contract,
+    abi: erc20Abi,
+    functionName: "balanceOf",
+    args: address ? [address] : void 0,
+    chainId: targetChain?.id,
+    query: { enabled: isConnectedSource && !!address && !!selectedToken && !isNative }
+  });
+  const walletBalance = isNative ? nativeBalanceData?.value : erc20Balance;
+  const formattedWalletBalance = walletBalance != null && selectedToken ? formatTokenAmount(walletBalance.toString(), selectedToken.decimals) : "0.00";
+  const {
+    minBuyAmount: moonpayMinBuy,
+    isLoading: moonpayLimitsLoading,
+    error: moonpayLimitsError
+  } = useMoonpayLimits({
+    currencyCode: selectedToken?.moonpayCurrencyCode,
+    apiBaseUrl: networkConfig.moonpayApiUrl,
+    enabled: isCreditCard
+  });
+  const hasValidAmount = !!amount && parseFloat(amount) > 0;
+  const maxAmountDecimals = isCreditCard ? 2 : selectedToken?.decimals;
+  const tooManyDecimals = hasValidAmount && maxAmountDecimals != null && amount.includes(".") && amount.split(".")[1].length > maxAmountDecimals;
+  const exceedsBalance = isConnectedSource && hasValidAmount && !tooManyDecimals && !!selectedToken && walletBalance != null && parseTokenAmount(amount, selectedToken.decimals) > walletBalance;
+  const belowMoonpayMin = isCreditCard && hasValidAmount && moonpayMinBuy != null && parseFloat(amount) < moonpayMinBuy;
+  const moonpayLimitsUnready = isCreditCard && !!selectedToken?.moonpayCurrencyCode && moonpayMinBuy == null;
+  const creditCardUnavailable = isCreditCard && !!selectedToken && !selectedToken.moonpayCurrencyCode;
+  const needsConnect = isConnectedSource && !isConnected;
+  const canDeposit = hasValidAmount && !!selectedToken && !tooManyDecimals && !exceedsBalance && !belowMoonpayMin && !moonpayLimitsUnready && !creditCardUnavailable && !needsConnect;
+  const handleMax = () => {
+    const max = formattedWalletBalance.replace(/\s/g, "");
+    if (parseFloat(max) > 0) onAmountChange(max);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: [
+    isCreditCard ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-foreground text-[28px] leading-8 font-medium", children: "Buy with credit card and deposit" }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Enter your deposit amount and proceed to sign a policy." })
+    ] }) : /* @__PURE__ */ jsxs("h2", { className: "text-foreground text-[28px] leading-8 font-medium", children: [
+      "Deposit from ",
+      sourceLabel
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-muted-foreground text-sm", children: "Token" }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onSelectToken,
+          className: "border-border bg-input flex w-full cursor-pointer items-center gap-3 rounded-lg border p-3 text-left",
+          children: [
+            selectedToken ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "h-8 w-8 shrink-0 overflow-hidden rounded-full", children: getTokenIcon(selectedToken.symbol, 32) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-start gap-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: selectedToken.symbol }),
+                /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
+                  "on ",
+                  chain?.name ?? "\u2014"
+                ] })
+              ] })
+            ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground flex-1 text-sm", children: "Select token" }),
+            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-muted-foreground text-sm", children: "Amount" }),
+        isConnectedSource && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
+          "Available ",
+          formattedWalletBalance,
+          " ",
+          selectedToken?.symbol
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "border-border bg-input flex items-center gap-2 rounded-[10px] border",
+            isConnectedSource ? "py-1 pr-1 pl-3" : "px-3 py-3"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                inputMode: "decimal",
+                placeholder: "Enter Amount",
+                value: amount,
+                onChange: (e) => {
+                  const value = e.target.value.replace(/[^0-9.,]/g, "").replace(/,/g, ".");
+                  if (value.split(".").length <= 2) onAmountChange(value);
+                },
+                className: "text-foreground placeholder:text-muted-foreground/50 flex-1 bg-transparent text-sm outline-none"
+              }
+            ),
+            isConnectedSource ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleMax,
+                className: "bg-secondary text-foreground hover:bg-secondary/80 cursor-pointer rounded px-3 py-2.5 text-xs font-semibold transition-colors",
+                children: "MAX"
+              }
+            ) : isCreditCard ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "USD" }) : selectedToken && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: selectedToken.symbol })
+          ]
+        }
+      ),
+      tooManyDecimals && /* @__PURE__ */ jsxs("p", { className: "text-destructive text-sm", children: [
+        "Too many decimal places (max: ",
+        maxAmountDecimals,
+        ")"
+      ] }),
+      exceedsBalance && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: "Insufficient balance" }),
+      belowMoonpayMin && moonpayMinBuy != null && /* @__PURE__ */ jsxs("p", { className: "text-destructive text-sm", children: [
+        "Minimum purchase is $",
+        moonpayMinBuy,
+        " USD."
+      ] }),
+      isCreditCard && moonpayLimitsError && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: "Couldn\u2019t load purchase limits. Please try again." }),
+      isCreditCard && moonpayLimitsLoading && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Checking purchase limits\u2026" }),
+      creditCardUnavailable && /* @__PURE__ */ jsxs("p", { className: "text-destructive text-sm", children: [
+        selectedToken?.symbol ?? "This token",
+        " isn\u2019t available for card purchases yet."
+      ] })
+    ] }),
+    allowance && /* @__PURE__ */ jsx(
+      AllowancePolicySection,
+      {
+        allowance,
+        serviceName: appName,
+        serviceIcon
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        disabled: needsConnect ? !onConnectWallet : !canDeposit || isSubmitting,
+        onClick: () => {
+          if (needsConnect) {
+            onConnectWallet?.();
+            return;
+          }
+          if (selectedToken) onSubmit({ source, tokenId: selectedToken.id, amount });
+        },
+        className: "bg-primary text-primary-foreground hover:bg-primary/90 flex h-10 w-full 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: needsConnect ? "Connect Wallet" : allowance ? "Sign Policy and Deposit" : "Deposit"
+      }
+    )
+  ] });
+}
+function SummaryRow({ value, label }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm leading-5", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: value }),
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: label })
+  ] });
+}
+function ExternalDepositView({
+  token,
+  amount
+}) {
+  const { getChainById: getChainById2 } = usePrivanaContext();
+  const { depositAddress, isReady, isLoading } = useDepositAddress();
+  const chain = token ? getChainById2(token.chainId) : void 0;
+  const [copied, setCopied] = useState(false);
+  const handleCopy = () => {
+    if (!depositAddress) return;
+    void navigator.clipboard.writeText(depositAddress);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  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__ */ jsx("h2", { className: "text-foreground text-[28px] leading-8 font-medium", children: "Deposit from an External Wallet" }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Transfer crypto from external wallet or exchange." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(SummaryRow, { value: chain?.name ?? "\u2014", label: "Chain" }),
+      /* @__PURE__ */ jsx("div", { className: "bg-border h-px w-full" }),
+      /* @__PURE__ */ jsx(SummaryRow, { value: token?.symbol ?? "\u2014", label: "Currency" }),
+      /* @__PURE__ */ jsx("div", { className: "bg-border h-px w-full" }),
+      /* @__PURE__ */ jsx(SummaryRow, { value: amount || "\u2014", label: "Value" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "bg-secondary flex h-50 items-center justify-center rounded-[10px]", children: !isReady ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-6 text-center text-sm", children: "Connect your wallet to generate a deposit address." }) : depositAddress ? /* @__PURE__ */ jsx("div", { className: "rounded-[10px] bg-white p-3", children: /* @__PURE__ */ jsx(QRCodeSVG, { value: depositAddress, size: 160 }) }) : isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full rounded-[10px]" }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Deposit address unavailable" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Deposit Address" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "border-border flex h-10 min-w-0 flex-1 items-center rounded-[10px] border px-3", children: depositAddress ? /* @__PURE__ */ jsx("p", { className: "text-foreground min-w-0 flex-1 truncate text-sm", children: depositAddress }) : isReady && isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "\u2014" }) }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: handleCopy,
+            disabled: !depositAddress,
+            className: "bg-primary text-primary-foreground hover:bg-primary/90 flex h-10 shrink-0 cursor-pointer items-center gap-2 rounded-[10px] px-3 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+            children: [
+              /* @__PURE__ */ jsx(CopyIcon, {}),
+              copied ? "Copied" : "Copy"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function DepositModalContent({
+  defaultTab = "crypto",
+  allowance,
+  onSelectConnectedWallet,
+  onSelectExternalWallet,
+  onSelectCreditCard,
+  onConnectWallet,
+  onDeposit,
+  onDepositSuccess,
+  onClose,
+  onCloseBlockedChange,
+  onExit
+}) {
+  const { serviceName, enabledTokens, defaultToken, hostedAuthConfig, getChainById: getChainById2 } = usePrivanaContext();
+  const { address } = useAccount();
+  const appName = serviceName ?? "Privana";
+  const [activeTab, setActiveTab] = useState(defaultTab);
+  const [view, setView] = useState("method");
+  const [source, setSource] = useState("connected");
+  const [selectedTokenId, setSelectedTokenId] = useState(defaultToken?.id ?? "");
+  const [amount, setAmount] = useState("");
+  const selectedToken = enabledTokens.find((t) => t.id === selectedTokenId) ?? defaultToken;
+  const prevAddressRef = useRef(address);
+  useEffect(() => {
+    const prev = prevAddressRef.current;
+    prevAddressRef.current = address;
+    if (hostedAuthConfig) return;
+    if (prev && address && prev !== address) {
+      setView("method");
+      setAmount("");
+      setSelectedTokenId("");
+    }
+  }, [address, hostedAuthConfig]);
+  const openDeposit = (next) => {
+    setSource(next);
+    setView("deposit");
+  };
+  const [showSuccess, setShowSuccess] = useState(false);
+  const [showTimeout, setShowTimeout] = useState(false);
+  const [cancelled, setCancelled] = useState(false);
+  const {
+    txHash,
+    isGettingAddress,
+    isSwitchingChain,
+    isSendingTransaction,
+    isWaitingForConfirmation,
+    isWaitingForProcessing,
+    verificationFailed,
+    isPending,
+    error: depositError,
+    deposit,
+    retryVerification,
+    reset: resetDeposit
+  } = useDeposit({
+    onCredited: () => {
+      setAmount("");
+      if (onDepositSuccess) {
+        resetDeposit();
+        onDepositSuccess();
+      } else {
+        setShowSuccess(true);
+      }
+    },
+    onCheckTimeout: () => {
+      setAmount("");
+      setShowTimeout(true);
+    }
+  });
+  const isUnsafeToClose = (isGettingAddress || isSendingTransaction) && !cancelled;
+  useEffect(() => {
+    onCloseBlockedChange?.(isUnsafeToClose);
+  }, [isUnsafeToClose, onCloseBlockedChange]);
+  useEffect(() => {
+    if (depositError && !verificationFailed) {
+      toast.error(
+        depositError.message.length > 100 ? `${depositError.message.slice(0, 100)}...` : depositError.message
+      );
+    }
+  }, [depositError, verificationFailed]);
+  const handleSubmit = (args) => {
+    if (args.source === "external") {
+      setView("external-deposit");
+      return;
+    }
+    if (args.source === "credit-card") {
+      setView("credit-card-widget");
+      return;
+    }
+    const token = enabledTokens.find((t) => t.id === args.tokenId);
+    if (!token) return;
+    onDeposit?.(args);
+    setCancelled(false);
+    deposit({
+      tokenId: token.id,
+      amount: parseTokenAmount(args.amount, token.decimals)
+    }).catch((err) => {
+      toast.error(err instanceof Error ? err.message : "Deposit failed");
+    });
+  };
+  const targetChain = selectedToken ? getChainById2(selectedToken.chainId) : void 0;
+  const explorerTxUrl = txHash && targetChain?.explorerUrl ? `${targetChain.explorerUrl}/tx/${txHash}` : void 0;
+  const depositSteps = [
+    {
+      label: "Getting deposit address",
+      status: isGettingAddress ? "active" : isSwitchingChain || isSendingTransaction || isWaitingForConfirmation || isWaitingForProcessing ? "completed" : "pending"
+    },
+    {
+      label: `Switching to ${targetChain?.name ?? "deposit chain"}`,
+      status: isSwitchingChain ? "active" : isSendingTransaction || isWaitingForConfirmation || isWaitingForProcessing ? "completed" : "pending"
+    },
+    {
+      label: "Confirm in wallet",
+      status: isSendingTransaction ? "active" : isWaitingForConfirmation || isWaitingForProcessing ? "completed" : "pending"
+    },
+    {
+      label: "Confirming transaction",
+      status: isWaitingForConfirmation ? "active" : isWaitingForProcessing ? "completed" : "pending"
+    },
+    {
+      label: "Verifying deposit \u2014 may take up to a few minutes",
+      status: isWaitingForProcessing ? "active" : "pending"
+    }
+  ];
+  const flowView = showSuccess ? "deposit-success" : showTimeout ? "deposit-timeout" : verificationFailed ? "deposit-error" : isPending && !cancelled ? "depositing" : null;
+  const activeView = flowView ?? view;
+  const handleDepositDone = () => {
+    setShowSuccess(false);
+    setShowTimeout(false);
+    setCancelled(false);
+    resetDeposit();
+  };
+  const handleDepositCancel = () => {
+    setCancelled(true);
+    resetDeposit();
+  };
+  const handleDismissVerificationError = () => {
+    setAmount("");
+    setCancelled(false);
+    resetDeposit();
+  };
+  const handleRetryVerification = () => {
+    retryVerification().catch(() => {
+    });
+  };
+  const back = view === "external-deposit" ? { to: "deposit", label: "Deposit from External Wallet" } : view === "credit-card-widget" ? { to: "deposit", label: "Buy with credit card and deposit" } : view === "select-token" ? { to: "deposit", label: "Deposit" } : { to: "method", label: "Deposit Method" };
+  const goBack = () => {
+    if (back.to === "method") {
+      setAmount("");
+      setSelectedTokenId("");
+    }
+    setView(back.to);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    onClose && /* @__PURE__ */ jsx(
+      "button",
+      {
+        "data-privana-close": true,
+        onClick: onClose,
+        disabled: isUnsafeToClose,
+        "aria-label": "Close",
+        className: cn(
+          "absolute top-6 right-5 z-20 flex h-5 w-5 items-center justify-center transition-colors",
+          isUnsafeToClose ? "text-muted-foreground/40 cursor-not-allowed" : "text-muted-foreground hover:text-foreground cursor-pointer"
+        ),
+        children: /* @__PURE__ */ jsx(CloseIcon, {})
+      }
+    ),
+    flowView || activeView === "method" && !onExit ? /* @__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 }) }) : /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: activeView === "method" ? onExit : goBack,
+        className: "text-foreground flex w-fit cursor-pointer items-center gap-2 px-5 py-4 text-sm font-medium transition-opacity hover:opacity-70",
+        children: [
+          /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
+          activeView === "method" ? appName : back.label
+        ]
+      }
+    ),
+    flowView && /* @__PURE__ */ jsxs("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: [
+      activeView === "deposit-success" && /* @__PURE__ */ jsx(
+        TransactionSuccessView,
+        {
+          title: "Deposit Successful",
+          message: `Your ${selectedToken?.symbol ?? ""} deposit has been processed.`,
+          onDone: handleDepositDone
+        }
+      ),
+      activeView === "deposit-timeout" && /* @__PURE__ */ jsx(
+        TransactionWarningView,
+        {
+          title: "Deposit Processing",
+          message: "Your transaction was confirmed but the deposit is still being processed. Please check your balance - it should update shortly.",
+          onDone: handleDepositDone
+        }
+      ),
+      activeView === "deposit-error" && /* @__PURE__ */ jsx(
+        TransactionErrorView,
+        {
+          title: "Verification failed",
+          message: depositError?.message ? `Your transfer was sent on-chain but we could not verify the deposit. The funds are already at the deposit address \u2014 retry verification instead of starting a new deposit. (${depositError.message})` : "Your transfer was sent on-chain but we could not verify the deposit. The funds are already at the deposit address \u2014 retry verification instead of starting a new deposit.",
+          explorerUrl: explorerTxUrl,
+          explorerLabel: "View transaction",
+          onRetry: handleRetryVerification,
+          onDismiss: handleDismissVerificationError
+        }
+      ),
+      activeView === "depositing" && /* @__PURE__ */ jsx(
+        TransactionProgressView,
+        {
+          title: "Depositing...",
+          steps: depositSteps,
+          onCancel: isGettingAddress || isSendingTransaction ? handleDepositCancel : void 0
+        }
+      )
+    ] }),
+    activeView === "method" && /* @__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__ */ jsx("h2", { className: "text-foreground text-[28px] leading-8 font-medium", children: activeTab === "crypto" ? "Choose the deposit method" : "Buy with credit card and deposit" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: activeTab === "crypto" ? "Choose the deposit method." : "Use credit card to buy crypto and deposit" })
+      ] }),
+      /* @__PURE__ */ jsx(MethodTabs, { activeTab, onTabChange: setActiveTab }),
+      activeTab === "crypto" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx(
+          MethodOption,
+          {
+            title: "Connected wallet",
+            description: "Deposit from your connected wallet.",
+            onClick: () => {
+              onSelectConnectedWallet?.();
+              openDeposit("connected");
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MethodOption,
+          {
+            title: "External Wallet",
+            description: "Send funds from external wallet or exchange.",
+            onClick: () => {
+              onSelectExternalWallet?.();
+              openDeposit("external");
+            }
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx(
+        MethodOption,
+        {
+          title: "Moonpay",
+          description: "on selected address",
+          onClick: () => {
+            onSelectCreditCard?.();
+            openDeposit("credit-card");
+          }
+        }
+      ) })
+    ] }),
+    activeView === "deposit" && /* @__PURE__ */ jsx(MoonPayGate, { enabled: source === "credit-card", children: /* @__PURE__ */ jsx(
+      DepositView,
+      {
+        source,
+        selectedToken,
+        amount,
+        allowance,
+        onAmountChange: setAmount,
+        onSelectToken: () => setView("select-token"),
+        onConnectWallet,
+        onSubmit: handleSubmit,
+        isSubmitting: isPending
+      }
+    ) }),
+    activeView === "select-token" && /* @__PURE__ */ jsx(
+      TokenSelectorView2,
+      {
+        selectedTokenId: selectedToken?.id,
+        onSelect: (id) => {
+          setSelectedTokenId(id);
+          setView("deposit");
+        }
+      }
+    ),
+    activeView === "external-deposit" && /* @__PURE__ */ jsx(ExternalDepositView, { token: selectedToken, amount }),
+    activeView === "credit-card-widget" && /* @__PURE__ */ jsx(MoonPayGate, { enabled: true, children: /* @__PURE__ */ jsx(CreditCardWidgetView, { token: selectedToken, amount, allowance }) })
+  ] });
+}
+function DepositModal({ open, onClose, ...handlers }) {
+  const titleId = useId();
+  const descId = useId();
+  const [isCloseBlocked, setIsCloseBlocked] = useState(false);
+  const handleClose = () => {
+    if (!isCloseBlocked) onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (isOpen) => {
+        if (!isOpen) handleClose();
+      },
+      children: /* @__PURE__ */ jsxs(
+        DialogContent,
+        {
+          "data-privana": true,
+          showCloseButton: false,
+          onInteractOutside: isCloseBlocked ? (e) => e.preventDefault() : void 0,
+          onEscapeKeyDown: isCloseBlocked ? (e) => e.preventDefault() : void 0,
+          className: "bg-card flex w-[560px] max-w-[95vw] flex-col gap-2 rounded-2xl border-0 p-2",
+          "aria-labelledby": titleId,
+          "aria-describedby": descId,
+          children: [
+            /* @__PURE__ */ jsx(DialogTitle, { id: titleId, className: "sr-only", children: "Deposit" }),
+            /* @__PURE__ */ jsx(DialogDescription, { id: descId, className: "sr-only", children: "Deposit funds into your account." }),
+            /* @__PURE__ */ jsx(
+              DepositModalContent,
+              {
+                onClose: handleClose,
+                onCloseBlockedChange: setIsCloseBlocked,
+                ...handlers
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function DepositInlineModal({ className, ...handlers }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-privana": true,
+      className: cn(
+        "bg-card relative flex w-[560px] max-w-full flex-col gap-2 overflow-hidden rounded-2xl p-2 shadow-lg",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(DepositModalContent, { ...handlers })
+    }
+  );
+}
+function WithdrawView({
+  selectedToken,
+  amount,
+  onAmountChange,
+  onSelectToken,
+  onPendingChange
+}) {
+  const { chains, getChainById: getChainById2 } = usePrivanaContext();
+  const { isConnected, address } = useAccount();
+  const [showSuccess, setShowSuccess] = useState(false);
+  const [showTimeout, setShowTimeout] = useState(false);
+  const [cancelled, setCancelled] = useState(false);
+  const targetChain = selectedToken ? getChainById2(selectedToken.chainId) ?? chains[0] : chains[0];
+  const {
+    balanceWei,
+    isLoading: isBalanceLoading,
+    isError: isBalanceError
+  } = useBalance({
+    tokenId: selectedToken?.id,
+    enabled: !!selectedToken
+  });
+  const formattedBalance = selectedToken ? formatTokenAmount(balanceWei, selectedToken.decimals) : "0.00";
+  const { withdraw, isPending, currentStep, error, reset } = useWithdraw({
+    onProcessingSuccess: () => {
+      onAmountChange("");
+      setShowSuccess(true);
+    },
+    onProcessingTimeout: () => {
+      onAmountChange("");
+      setShowTimeout(true);
+    }
+  });
+  const explorerUrl = address && targetChain ? getExplorerAddressUrl(targetChain.id, address) : void 0;
+  const getStepStatus = (step, after) => {
+    if (currentStep === step) return "active";
+    if (after.includes(currentStep)) return "completed";
+    return "pending";
+  };
+  const withdrawSteps = [
+    {
+      label: "Switching to signing chain",
+      status: getStepStatus("switching-chain", ["signing", "submitting", "processing"])
+    },
+    { label: "Sign in wallet", status: getStepStatus("signing", ["submitting", "processing"]) },
+    { label: "Submitting withdrawal", status: getStepStatus("submitting", ["processing"]) },
+    { label: "Processing \u2014 may take a minute or two", status: getStepStatus("processing", []) }
+  ];
+  useEffect(() => {
+    if (error) {
+      toast.error(error.message.length > 100 ? `${error.message.slice(0, 100)}...` : error.message);
+    }
+  }, [error]);
+  useEffect(() => {
+    onPendingChange?.(isPending && !cancelled);
+  }, [isPending, cancelled, onPendingChange]);
+  const hasValidAmount = !!amount && parseFloat(amount) > 0;
+  const tooManyDecimals = !!hasValidAmount && !!selectedToken && amount.includes(".") && amount.split(".")[1].length > selectedToken.decimals;
+  const exceedsBalance = !!hasValidAmount && !tooManyDecimals && !!selectedToken && !isBalanceLoading && !isBalanceError && parseTokenAmount(amount, selectedToken.decimals) > BigInt(balanceWei);
+  const canWithdraw = isConnected && hasValidAmount && !!selectedToken && !tooManyDecimals && !exceedsBalance;
+  const handleMax = () => {
+    if (!selectedToken) return;
+    const max = formattedBalance.replace(/\s/g, "");
+    if (parseFloat(max) > 0) onAmountChange(max);
+  };
+  const handleWithdraw = async () => {
+    if (!selectedToken || !canWithdraw) return;
+    setCancelled(false);
+    await withdraw({
+      tokenId: selectedToken.id,
+      amount: parseTokenAmount(amount, selectedToken.decimals)
+    });
+  };
+  const handleCancel = () => {
+    setCancelled(true);
+    reset();
+  };
+  const handleDone = () => {
+    setShowSuccess(false);
+    setShowTimeout(false);
+    setCancelled(false);
+    reset();
+  };
+  if (showSuccess && selectedToken) {
+    return /* @__PURE__ */ jsx("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: /* @__PURE__ */ jsx(
+      TransactionSuccessView,
+      {
+        title: "Withdrawal Complete",
+        message: `Your ${selectedToken.symbol} withdrawal has been processed. Funds should appear in your wallet shortly.`,
+        explorerUrl,
+        explorerLabel: targetChain ? getExplorerLabel(targetChain.id) : void 0,
+        onDone: handleDone
+      }
+    ) });
+  }
+  if (showTimeout) {
+    return /* @__PURE__ */ jsx("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: /* @__PURE__ */ jsx(
+      TransactionWarningView,
+      {
+        title: "Withdrawal Processing",
+        message: "Your withdrawal is still being processed. Please check your balance \u2014 it should update shortly.",
+        onDone: handleDone
+      }
+    ) });
+  }
+  if (isPending && !cancelled) {
+    const canCancel = currentStep === "idle" || currentStep === "switching-chain" || currentStep === "signing";
+    return /* @__PURE__ */ jsx("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: /* @__PURE__ */ jsx(
+      TransactionProgressView,
+      {
+        title: "Withdrawing...",
+        steps: withdrawSteps,
+        onCancel: canCancel ? handleCancel : void 0
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-foreground text-[28px] leading-8 font-medium", children: "Withdraw" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-muted-foreground text-sm", children: "Token" }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onSelectToken,
+          className: "border-border bg-input flex w-full cursor-pointer items-center gap-3 rounded-lg border p-3 text-left",
+          children: [
+            selectedToken ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "h-8 w-8 shrink-0 overflow-hidden rounded-full", children: getTokenIcon(selectedToken.symbol, 32) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-start gap-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: selectedToken.symbol }),
+                /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
+                  "on ",
+                  targetChain?.name ?? "\u2014"
+                ] })
+              ] })
+            ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground flex-1 text-sm", children: "Select token" }),
+            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-muted-foreground text-sm", children: "Amount" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
+          "Available ",
+          formattedBalance,
+          " ",
+          selectedToken?.symbol
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "border-border bg-input flex items-center gap-2 rounded-[10px] border py-1 pr-1 pl-3", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            inputMode: "decimal",
+            placeholder: "Enter Amount",
+            value: amount,
+            onChange: (e) => {
+              const value = e.target.value.replace(/[^0-9.,]/g, "").replace(/,/g, ".");
+              if (value.split(".").length <= 2) onAmountChange(value);
+            },
+            className: "text-foreground placeholder:text-muted-foreground/50 flex-1 bg-transparent text-sm outline-none"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleMax,
+            className: "bg-secondary text-foreground hover:bg-secondary/80 cursor-pointer rounded px-3 py-2.5 text-xs font-semibold transition-colors",
+            children: "MAX"
+          }
+        )
+      ] }),
+      tooManyDecimals && selectedToken && /* @__PURE__ */ jsxs("p", { className: "text-destructive text-sm", children: [
+        "Too many decimal places (max: ",
+        selectedToken.decimals,
+        ")"
+      ] }),
+      exceedsBalance && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: "Insufficient balance" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        disabled: !canWithdraw,
+        onClick: handleWithdraw,
+        className: "bg-primary text-primary-foreground hover:bg-primary/90 flex h-10 w-full 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: !isConnected ? "Connect Wallet" : "Withdraw"
+      }
+    )
+  ] });
+}
+function WithdrawModalContent({
+  onClose,
+  onPendingChange,
+  onBack
+}) {
+  const { serviceName, enabledTokens, defaultToken, hostedAuthConfig } = usePrivanaContext();
+  const { address } = useAccount();
+  const appName = serviceName ?? "Privana";
+  const [view, setView] = useState("form");
+  const [selectedTokenId, setSelectedTokenId] = useState(defaultToken?.id ?? "");
+  const [amount, setAmount] = useState("");
+  const [isPending, setIsPending] = useState(false);
+  const handlePendingChange = (pending) => {
+    setIsPending(pending);
+    onPendingChange?.(pending);
+  };
+  const selectedToken = enabledTokens.find((t) => t.id === selectedTokenId) ?? defaultToken;
+  const prevAddressRef = useRef(address);
+  useEffect(() => {
+    const prev = prevAddressRef.current;
+    prevAddressRef.current = address;
+    if (hostedAuthConfig) return;
+    if (prev && address && prev !== address) {
+      setView("form");
+      setAmount("");
+      setSelectedTokenId("");
+    }
+  }, [address, hostedAuthConfig]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    onClose && !isPending && /* @__PURE__ */ jsx(
+      "button",
+      {
+        "data-privana-close": true,
+        onClick: onClose,
+        "aria-label": "Close",
+        className: "text-muted-foreground hover:text-foreground absolute top-6 right-5 z-20 flex h-5 w-5 cursor-pointer items-center justify-center transition-colors",
+        children: /* @__PURE__ */ jsx(CloseIcon, {})
+      }
+    ),
+    view === "select-token" ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setView("form"),
+        className: "text-foreground flex w-fit cursor-pointer items-center gap-2 px-5 py-4 text-sm font-medium transition-opacity hover:opacity-70",
+        children: [
+          /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
+          "Withdraw"
+        ]
+      }
+    ) : onBack && !isPending ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onBack,
+        className: "text-foreground flex w-fit cursor-pointer items-center gap-2 px-5 py-4 text-sm font-medium transition-opacity hover:opacity-70",
+        children: [
+          /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
+          appName
+        ]
+      }
+    ) : /* @__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 === "form" && /* @__PURE__ */ jsx(
+      WithdrawView,
+      {
+        selectedToken,
+        amount,
+        onAmountChange: setAmount,
+        onSelectToken: () => setView("select-token"),
+        onPendingChange: handlePendingChange
+      }
+    ),
+    view === "select-token" && /* @__PURE__ */ jsx(
+      TokenSelectorView2,
+      {
+        selectedTokenId: selectedToken?.id,
+        onSelect: (id) => {
+          setSelectedTokenId(id);
+          setView("form");
+        }
+      }
+    )
+  ] });
+}
+function WithdrawModal({ open, onClose }) {
+  const titleId = useId();
+  const descId = useId();
+  const [isCloseBlocked, setIsCloseBlocked] = useState(false);
+  const handleClose = () => {
+    if (!isCloseBlocked) onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (isOpen) => {
+        if (!isOpen) handleClose();
+      },
+      children: /* @__PURE__ */ jsxs(
+        DialogContent,
+        {
+          "data-privana": true,
+          showCloseButton: false,
+          onInteractOutside: isCloseBlocked ? (e) => e.preventDefault() : void 0,
+          onEscapeKeyDown: isCloseBlocked ? (e) => e.preventDefault() : void 0,
+          className: "bg-card flex w-[560px] max-w-[95vw] flex-col gap-2 rounded-2xl border-0 p-2",
+          "aria-labelledby": titleId,
+          "aria-describedby": descId,
+          children: [
+            /* @__PURE__ */ jsx(DialogTitle, { id: titleId, className: "sr-only", children: "Withdraw" }),
+            /* @__PURE__ */ jsx(DialogDescription, { id: descId, className: "sr-only", children: "Withdraw funds from your account." }),
+            /* @__PURE__ */ jsx(WithdrawModalContent, { onClose: handleClose, onPendingChange: setIsCloseBlocked })
+          ]
+        }
+      )
+    }
+  );
+}
+function WithdrawInlineModal({ className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-privana": true,
+      className: cn(
+        "bg-card relative flex w-[560px] max-w-full flex-col gap-2 overflow-hidden rounded-2xl p-2 shadow-lg",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(WithdrawModalContent, {})
+    }
+  );
+}
+var AVAILABLE_COLOR = "bg-[#007bff]";
+var IN_USE_COLOR = "bg-[#4fc77f]";
+function toInUseWei(value) {
+  let parsed;
+  try {
+    parsed = typeof value === "bigint" ? value : BigInt(value);
+  } catch {
+    console.warn(`[privana-sdk] Invalid session.inUse value: ${value}`);
+    return 0n;
+  }
+  if (parsed < 0n) {
+    console.warn(`[privana-sdk] Negative session.inUse value: ${value}`);
+    return 0n;
+  }
+  return parsed;
+}
+function useNow(intervalMs, enabled) {
+  const [, setTick] = useState(0);
+  useEffect(() => {
+    if (!enabled) return;
+    const id = setInterval(() => setTick((t) => t + 1), intervalMs);
+    return () => clearInterval(id);
+  }, [intervalMs, enabled]);
+}
+function SegmentedBalanceBar({
+  availableWei,
+  inUseWei
+}) {
+  const total = availableWei + inUseWei;
+  const showAvailable = inUseWei === 0n || availableWei > 0n;
+  const showInUse = inUseWei > 0n;
+  const grow = (part) => total > 0n ? Number(part * 1000n / total) : 1;
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-1.5 w-full", children: [
+    showAvailable && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(AVAILABLE_COLOR, "rounded-l-full", !showInUse && "rounded-r-full"),
+        style: { flexGrow: grow(availableWei) }
+      }
+    ),
+    showInUse && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(IN_USE_COLOR, "rounded-r-full", !showAvailable && "rounded-l-full"),
+        style: { flexGrow: grow(inUseWei) }
+      }
+    )
+  ] });
+}
+function BalanceLegendItem({ color, label }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx("span", { className: cn("h-2.5 w-2.5 rounded-full", color) }),
+    /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm leading-5", children: label })
+  ] });
+}
+function WalletBalanceView({
+  session,
+  allowance,
+  amount,
+  onAmountChange,
+  onPlay,
+  onAddFunds,
+  onWithdraw
+}) {
+  const { serviceName, serviceIcon, defaultToken } = usePrivanaContext();
+  const appName = serviceName ?? "Privana";
+  const token = defaultToken;
+  const {
+    balanceWei,
+    isLoading: isBalanceLoading,
+    isError: isBalanceError
+  } = useBalance({ tokenId: token?.id, enabled: !!token });
+  const inUseWei = session ? toInUseWei(session.inUse) : 0n;
+  const availableWei = BigInt(balanceWei);
+  const variant = !session ? "idle" : inUseWei === 0n ? "session-zero" : availableWei === 0n ? "fully-in-use" : "mixed";
+  const expiry = session?.expiry;
+  useNow(3e4, expiry != null);
+  const countdown = expiry != null ? formatTimeRemaining(expiry) : null;
+  const decimals = token?.decimals ?? 18;
+  const totalFormatted = formatTokenAmount((availableWei + inUseWei).toString(), decimals);
+  const availableFormatted = formatTokenAmount(availableWei.toString(), decimals);
+  const inUseFormatted = formatTokenAmount(inUseWei.toString(), decimals);
+  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 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 showInput = variant !== "fully-in-use";
+  const showInlinePlay = 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: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm leading-[14px]", children: "Total" }),
+        /* @__PURE__ */ jsx("span", { className: "bg-secondary text-muted-foreground rounded-full px-2 py-[5px] text-[10px] leading-[10px] font-bold", children: token?.symbol ?? "\u2014" })
+      ] }),
+      isBalanceLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-40" }) : isBalanceError ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[32px] leading-9 font-medium", children: "\u2014" }) : /* @__PURE__ */ jsx("span", { className: "text-foreground text-[32px] leading-9 font-medium", children: totalFormatted })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(SegmentedBalanceBar, { availableWei, inUseWei }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: variant === "fully-in-use" ? /* @__PURE__ */ jsx(BalanceLegendItem, { color: IN_USE_COLOR, label: "In use" }) : variant === "mixed" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            BalanceLegendItem,
+            {
+              color: AVAILABLE_COLOR,
+              label: `Available (${availableFormatted})`
+            }
+          ),
+          /* @__PURE__ */ jsx(BalanceLegendItem, { color: IN_USE_COLOR, label: `In use (${inUseFormatted})` })
+        ] }) : /* @__PURE__ */ jsx(BalanceLegendItem, { color: AVAILABLE_COLOR, label: "Available" }) }),
+        countdown && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm leading-5 whitespace-nowrap", children: countdown })
+      ] })
+    ] }),
+    showInput && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "border-border bg-input flex h-10 flex-1 items-center gap-2 rounded-[10px] border py-1 pr-1 pl-3", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              inputMode: "decimal",
+              placeholder: "Enter Amount",
+              value: amount,
+              onChange: (e) => {
+                const value = e.target.value.replace(/[^0-9.,]/g, "").replace(/,/g, ".");
+                if (value.split(".").length <= 2) onAmountChange(value);
+              },
+              className: "text-foreground placeholder:text-muted-foreground/50 min-w-0 flex-1 bg-transparent text-sm outline-none"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleMax,
+              className: "text-foreground cursor-pointer rounded px-3 py-2.5 text-xs font-semibold",
+              children: "MAX"
+            }
+          )
+        ] }),
+        showInlinePlay && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled: !onPlay || !canPlay,
+            onClick: handlePlay,
+            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"
+          }
+        )
+      ] }),
+      tooManyDecimals && token && /* @__PURE__ */ jsxs("p", { className: "text-destructive text-sm", children: [
+        "Too many decimal places (max: ",
+        token.decimals,
+        ")"
+      ] }),
+      exceedsBalance && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: "Insufficient balance" })
+    ] }),
+    variant === "idle" && allowance && /* @__PURE__ */ jsx("div", { className: "bg-muted rounded-[10px] p-4", children: /* @__PURE__ */ jsx(
+      AllowancePolicySection,
+      {
+        allowance,
+        serviceName: appName,
+        serviceIcon
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-start gap-4", children: variant === "idle" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: !onPlay || !canPlay,
+          onClick: handlePlay,
+          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"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: !onAddFunds,
+          onClick: onAddFunds,
+          className: "bg-secondary text-foreground hover:bg-secondary/80 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: "Add funds"
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: !onAddFunds,
+          onClick: onAddFunds,
+          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: "Add Funds"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: !onWithdraw,
+          onClick: onWithdraw,
+          className: "bg-secondary text-foreground hover:bg-secondary/80 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: "Withdraw"
+        }
+      )
+    ] }) })
+  ] });
+}
+function WalletModalContent({
+  session,
+  allowance,
+  onPlay,
+  onEndSession,
+  onDepositSuccess,
+  onClose,
+  onCloseBlockedChange,
+  ...depositHandlers
+}) {
+  const { serviceName, hostedAuthConfig } = usePrivanaContext();
+  const { address } = useAccount();
+  const appName = serviceName ?? "Privana";
+  const [view, setView] = useState("balance");
+  const [amount, setAmount] = useState("");
+  const [depositBlocked, setDepositBlocked] = useState(false);
+  const [withdrawPending, setWithdrawPending] = useState(false);
+  const [endSessionError, setEndSessionError] = useState(null);
+  const endSessionRunRef = useRef(0);
+  const prevAddressRef = useRef(address);
+  useEffect(() => {
+    const prev = prevAddressRef.current;
+    prevAddressRef.current = address;
+    if (hostedAuthConfig) return;
+    if (prev && address && prev !== address) {
+      setView("balance");
+      setAmount("");
+      setDepositBlocked(false);
+      setWithdrawPending(false);
+      setEndSessionError(null);
+      endSessionRunRef.current++;
+    }
+  }, [address, hostedAuthConfig]);
+  const closeBlocked = depositBlocked || withdrawPending || view === "ending-session";
+  useEffect(() => {
+    onCloseBlockedChange?.(closeBlocked);
+  }, [closeBlocked, onCloseBlockedChange]);
+  const exitDeposit = () => {
+    setDepositBlocked(false);
+    setView("balance");
+  };
+  const exitWithdraw = () => {
+    setWithdrawPending(false);
+    setView("balance");
+  };
+  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;
+        setEndSessionError(err instanceof Error ? err.message : null);
+        setView("end-session-error");
+      }
+    );
+  };
+  const handleWithdraw = () => {
+    if (session && onEndSession) {
+      startEndSession();
+    } else {
+      setView("withdraw");
+    }
+  };
+  const dismissEndSessionError = () => {
+    endSessionRunRef.current++;
+    setEndSessionError(null);
+    setView("balance");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    onClose && /* @__PURE__ */ jsx(
+      "button",
+      {
+        "data-privana-close": true,
+        onClick: onClose,
+        disabled: closeBlocked,
+        "aria-label": "Close",
+        className: cn(
+          "absolute top-6 right-5 z-20 flex h-5 w-5 items-center justify-center transition-colors",
+          closeBlocked ? "text-muted-foreground/40 cursor-not-allowed" : "text-muted-foreground hover:text-foreground cursor-pointer"
+        ),
+        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" && /* @__PURE__ */ jsx(
+      WalletBalanceView,
+      {
+        session,
+        allowance,
+        amount,
+        onAmountChange: setAmount,
+        onPlay,
+        onAddFunds: () => setView("deposit"),
+        onWithdraw: handleWithdraw
+      }
+    ),
+    view === "ending-session" && /* @__PURE__ */ jsx("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: /* @__PURE__ */ jsx(
+      TransactionProgressView,
+      {
+        title: "Ending game session...",
+        steps: [{ label: "Waiting for the game session to settle", status: "active" }]
+      }
+    ) }),
+    view === "end-session-error" && /* @__PURE__ */ jsx("div", { className: "bg-muted flex flex-col gap-6 rounded-[10px] p-5", children: /* @__PURE__ */ jsx(
+      TransactionErrorView,
+      {
+        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
+      }
+    ) }),
+    view === "withdraw" && /* @__PURE__ */ jsx(WithdrawModalContent, { onBack: exitWithdraw, onPendingChange: setWithdrawPending }),
+    view === "deposit" && /* @__PURE__ */ jsx(
+      DepositModalContent,
+      {
+        ...depositHandlers,
+        allowance,
+        onExit: exitDeposit,
+        onCloseBlockedChange: setDepositBlocked,
+        onDepositSuccess: () => {
+          exitDeposit();
+          onDepositSuccess?.();
+        }
+      }
+    )
+  ] });
+}
+function WalletModal({ open, onClose, ...handlers }) {
+  const titleId = useId();
+  const descId = useId();
+  const [isCloseBlocked, setIsCloseBlocked] = useState(false);
+  const handleClose = () => {
+    if (!isCloseBlocked) onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (isOpen) => {
+        if (!isOpen) handleClose();
+      },
+      children: /* @__PURE__ */ jsxs(
+        DialogContent,
+        {
+          "data-privana": true,
+          showCloseButton: false,
+          onInteractOutside: isCloseBlocked ? (e) => e.preventDefault() : void 0,
+          onEscapeKeyDown: isCloseBlocked ? (e) => e.preventDefault() : void 0,
+          className: "bg-card flex w-[560px] max-w-[95vw] flex-col gap-2 rounded-2xl border-0 p-2",
+          "aria-labelledby": titleId,
+          "aria-describedby": descId,
+          children: [
+            /* @__PURE__ */ jsx(DialogTitle, { id: titleId, className: "sr-only", children: "Wallet" }),
+            /* @__PURE__ */ jsx(DialogDescription, { id: descId, className: "sr-only", children: "Manage your account balance." }),
+            /* @__PURE__ */ jsx(
+              WalletModalContent,
+              {
+                onClose: handleClose,
+                onCloseBlockedChange: setIsCloseBlocked,
+                ...handlers
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function WalletInlineModal({ className, ...handlers }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-privana": true,
+      className: cn(
+        "bg-card relative flex w-[560px] max-w-full flex-col gap-2 overflow-hidden rounded-2xl p-2 shadow-lg",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(WalletModalContent, { ...handlers })
+    }
+  );
+}
 
-export { LOCK_TYPES, MODIFY_LOCK_TYPES, PrivanaButton, PrivanaInlineModal, PrivanaModal, TRANSFER_LOCKED_TYPES, TRANSFER_TYPES, WITHDRAW_FROM_LOCK_TYPES, WITHDRAW_TYPES, createDomain, createLockExpiry, getChainIcon, getTokenIcon, signLockMessage, signModifyLockMessage, signTransferLockedMessage, signTransferMessage, signWithdrawFromLockMessage, signWithdrawMessage, useBalance, useBatchBalances, useDeposit, useExpiredLocks, useHistory, useHostedRedirectAuth, useLockFunds, useLockedFunds, useModifyLock, usePendingWithdrawals, usePrivanaClient, useTokenInfo, useTokenList, useTotalLockedBalance, useTransfer, useUnlockFunds, useWithdraw };
+export { DepositInlineModal, DepositModal, LOCK_TYPES, MODIFY_LOCK_TYPES, PrivanaButton, PrivanaIcon, PrivanaInlineModal, PrivanaModal, TRANSFER_LOCKED_TYPES, TRANSFER_TYPES, WITHDRAW_FROM_LOCK_TYPES, WITHDRAW_TYPES, WalletInlineModal, WalletModal, WithdrawInlineModal, WithdrawModal, createDomain, createLockExpiry, getChainIcon, getTokenIcon, signLockMessage, signModifyLockMessage, signTransferLockedMessage, signTransferMessage, signWithdrawFromLockMessage, signWithdrawMessage, useBalance, useBatchBalances, useDeposit, useDepositAddress, useExpiredLocks, useHistory, useHostedRedirectAuth, useLockFunds, useLockedFunds, useModifyLock, usePendingWithdrawals, usePrivanaClient, useTokenInfo, useTokenList, useTotalLockedBalance, useTransfer, useUnlockFunds, useWithdraw };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map