@doujins/payments-ui 0.0.10 → 0.0.12

package/dist/index.cjs

@@ -20,6 +20,10 @@ var splToken = require('@solana/spl-token');
 var QRCode = require('qrcode');
 var zustand = require('zustand');
 var TabsPrimitive = require('@radix-ui/react-tabs');
+var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
+var walletAdapterReactUi = require('@solana/wallet-adapter-react-ui');
+var bs58 = require('bs58');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -49,6 +53,9 @@ var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive)
 var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
 var QRCode__default = /*#__PURE__*/_interopDefault(QRCode);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
+var bs58__default = /*#__PURE__*/_interopDefault(bs58);
+var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 
 // src/context/PaymentContext.tsx
 
@@ -331,6 +338,38 @@ var SubscriptionService = class {
       body: { ...payload }
     });
   }
+  async getPaymentHistory(params) {
+    const limit = params?.limit ?? 10;
+    const offset = params?.offset ?? 0;
+    const query = {
+      limit: String(limit),
+      offset: String(offset)
+    };
+    if (params?.type) {
+      query.type = params.type;
+    }
+    const response = await this.api.get("/subscriptions/purchases", {
+      query
+    });
+    const totalItems = response?.total_items ?? 0;
+    const pageSize = limit;
+    const pageNumber = response?.page ?? (pageSize > 0 ? Math.floor(offset / pageSize) + 1 : 1);
+    const totalPages = response?.total_pages ?? (pageSize > 0 ? Math.ceil(totalItems / pageSize) : void 0);
+    return {
+      data: response?.data ?? [],
+      total_items: totalItems,
+      limit,
+      offset,
+      page: pageNumber,
+      page_size: pageSize,
+      total_pages: totalPages
+    };
+  }
+  async cancelSubscription(feedback) {
+    return this.api.post("/subscriptions/cancel", {
+      body: feedback ? { feedback } : void 0
+    });
+  }
   serializePayload(platform, payload) {
     if (platform === "nmi") {
       const data2 = payload;
@@ -375,6 +414,48 @@ var SubscriptionService = class {
   }
 };
 
+// src/services/SolanaWalletService.ts
+var SolanaWalletService = class {
+  constructor(api) {
+    this.api = api;
+  }
+  async list() {
+    const response = await this.api.get(
+      "/wallet/solana"
+    );
+    if (Array.isArray(response)) {
+      return response;
+    }
+    if ("wallets" in response && Array.isArray(response.wallets)) {
+      return response.wallets;
+    }
+    if ("wallet" in response) {
+      return response.wallet ? [response.wallet] : [];
+    }
+    if ("address" in response) {
+      return [response];
+    }
+    return [];
+  }
+  async requestChallenge(wallet) {
+    return this.api.post("/wallet/solana/challenge", {
+      body: { wallet }
+    });
+  }
+  async verify(wallet, signature, nonce) {
+    const body = { wallet, signature };
+    if (nonce) {
+      body.nonce = nonce;
+    }
+    return this.api.post("/wallet/solana/verify", { body });
+  }
+  async remove(wallet) {
+    await this.api.delete("/wallet/solana", {
+      query: { wallet }
+    });
+  }
+};
+
 // src/core/PaymentApp.ts
 var PaymentApp = class {
   constructor(options) {
@@ -424,6 +505,7 @@ var PaymentApp = class {
       this.resolveAuthToken
     );
     const solanaPayments = new SolanaPaymentService(billingApi);
+    const solanaWallets = new SolanaWalletService(billingApi);
     const paymentMethods = new PaymentMethodService(accountApi);
     const cardPayments = new CardPaymentService(this.config);
     const walletGateway = new WalletGateway();
@@ -433,6 +515,7 @@ var PaymentApp = class {
       cardPayments,
       paymentMethods,
       solanaPayments,
+      solanaWallets,
       tokenCatalog,
       walletGateway,
       subscriptions,
@@ -2685,155 +2768,1697 @@ var PaymentExperience = ({
     )
   ] });
 };
-var useTokenBalance = (tokens) => {
-  const { publicKey } = walletAdapterReact.useWallet();
-  const { connection } = walletAdapterReact.useConnection();
-  const [balances, setBalances] = React3.useState([]);
-  const [isLoading, setIsLoading] = React3.useState(false);
-  const [error, setError] = React3.useState(null);
-  const fetchTokenBalance = React3.useCallback(
-    async (token, walletAddress) => {
-      try {
-        const mintPublicKey = new web3_js.PublicKey(token.mint);
-        const associatedTokenAddress = await splToken.getAssociatedTokenAddress(
-          mintPublicKey,
-          walletAddress
-        );
-        try {
-          const tokenAccount = await splToken.getAccount(
-            connection,
-            associatedTokenAddress
-          );
-          const balance = Number(tokenAccount.amount);
-          const uiAmount = balance / Math.pow(10, token.decimals);
-          return {
-            token,
-            balance,
-            uiAmount,
-            hasBalance: balance > 0
-          };
-        } catch (accountError) {
-          return {
-            token,
-            balance: 0,
-            uiAmount: 0,
-            hasBalance: false
-          };
-        }
-      } catch (error2) {
-        console.error(`Failed to fetch balance for ${token.symbol}:`, error2);
-        return {
-          token,
-          balance: 0,
-          uiAmount: 0,
-          hasBalance: false
-        };
-      }
-    },
-    [connection]
-  );
-  const tokensKey = React3.useMemo(() => tokens.map((t) => t.mint).join(","), [tokens]);
+var Table = React3__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "table",
+    {
+      ref,
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  )
+);
+Table.displayName = "Table";
+var TableHeader = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tfoot", { ref, className: cn("bg-muted/50 font-medium text-muted-foreground", className), ...props }));
+TableFooter.displayName = "TableFooter";
+var TableRow = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className), ...props }));
+TableRow.displayName = "TableRow";
+var TableHead = React3__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      ref,
+      className: cn(
+        "h-10 px-2 text-left align-middle text-xs font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableHead.displayName = "TableHead";
+var TableCell = React3__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      ref,
+      className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+      ...props
+    }
+  )
+);
+TableCell.displayName = "TableCell";
+var TableCaption = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+TableCaption.displayName = "TableCaption";
+var AlertDialog = AlertDialogPrimitive__namespace.Root;
+var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
+var AlertDialogOverlay = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
+var AlertDialogContent = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-popover p-6 text-popover-foreground shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-2", className),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
+var AlertDialogDescription = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
+var AlertDialogAction = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
+var AlertDialogCancel = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Cancel,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
+var Textarea = React3__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      ref,
+      className: cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Textarea.displayName = "Textarea";
+var notifyDefault = (payload) => {
+  const level = payload.status === "destructive" ? "error" : "info";
+  console[level === "error" ? "error" : "log"]("[payments-ui] cancellation", payload);
+};
+var CancelMembershipDialog = ({
+  minReasonLength = 15,
+  onCancelled,
+  onNotify
+}) => {
+  const { services } = usePaymentContext();
+  const notify = onNotify ?? notifyDefault;
+  const [cancelReason, setCancelReason] = React3.useState("");
+  const [isOpen, setIsOpen] = React3.useState(false);
+  const [isReasonValid, setIsReasonValid] = React3.useState(false);
+  const [hasInteracted, setHasInteracted] = React3.useState(false);
+  const [isSubmitting, setIsSubmitting] = React3.useState(false);
   React3.useEffect(() => {
-    if (!publicKey || tokens.length === 0) {
-      setBalances([]);
-      return;
+    const trimmed = cancelReason.trim();
+    setIsReasonValid(trimmed.length >= minReasonLength);
+  }, [cancelReason, minReasonLength]);
+  const handleOpenChange = (open) => {
+    setIsOpen(open);
+    if (!open) {
+      setCancelReason("");
+      setIsReasonValid(false);
+      setHasInteracted(false);
+      setIsSubmitting(false);
     }
-    setIsLoading(true);
-    setError(null);
-    const fetchAllBalances = async () => {
-      try {
-        const balancePromises = tokens.map(
-          (token) => fetchTokenBalance(token, publicKey)
-        );
-        const tokenBalances = await Promise.all(balancePromises);
-        setBalances(tokenBalances);
-      } catch (error2) {
-        const errorMessage = error2 instanceof Error ? error2.message : "Failed to fetch token balances";
-        setError(errorMessage);
-        console.error("Failed to fetch token balances:", error2);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-    fetchAllBalances();
-  }, [publicKey, tokensKey, fetchTokenBalance]);
-  const getTokenBalance = React3.useCallback(
-    (tokenSymbol) => {
-      return balances.find((balance) => balance.token.symbol === tokenSymbol);
-    },
-    [balances]
-  );
-  const hasSufficientBalance2 = React3.useCallback(
-    (tokenSymbol, requiredAmount) => {
-      const balance = getTokenBalance(tokenSymbol);
-      return balance ? balance.uiAmount >= requiredAmount : false;
-    },
-    [getTokenBalance]
-  );
-  const getFormattedBalance = React3.useCallback(
-    (tokenSymbol) => {
-      const balance = getTokenBalance(tokenSymbol);
-      if (!balance) return "0.00";
-      if (balance.uiAmount < 0.01) {
-        return balance.uiAmount.toFixed(6);
-      } else if (balance.uiAmount < 1) {
-        return balance.uiAmount.toFixed(4);
-      } else {
-        return balance.uiAmount.toFixed(2);
-      }
-    },
-    [getTokenBalance]
-  );
-  const refreshBalances = React3.useCallback(async () => {
-    if (!publicKey || tokens.length === 0) {
-      setBalances([]);
+  };
+  const handleReasonChange = (e) => {
+    setCancelReason(e.target.value);
+    if (!hasInteracted) {
+      setHasInteracted(true);
+    }
+  };
+  const handleConfirm = async () => {
+    if (!isReasonValid) {
+      setHasInteracted(true);
       return;
     }
-    setIsLoading(true);
-    setError(null);
+    setIsSubmitting(true);
     try {
-      const balancePromises = tokens.map(
-        (token) => fetchTokenBalance(token, publicKey)
-      );
-      const tokenBalances = await Promise.all(balancePromises);
-      setBalances(tokenBalances);
-    } catch (error2) {
-      const errorMessage = error2 instanceof Error ? error2.message : "Failed to fetch token balances";
-      setError(errorMessage);
-      console.error("Failed to fetch token balances:", error2);
+      await services.subscriptions.cancelSubscription(cancelReason.trim());
+      notify({
+        title: "Membership cancelled",
+        description: "Your subscription has been cancelled successfully.",
+        status: "success"
+      });
+      onCancelled?.();
+      handleOpenChange(false);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Unable to cancel membership";
+      notify({ title: "Cancellation failed", description: message, status: "destructive" });
     } finally {
-      setIsLoading(false);
+      setIsSubmitting(false);
     }
-  }, [publicKey, tokens, fetchTokenBalance]);
-  const getTotalValue = React3.useCallback(
-    (priceData) => {
-      if (!priceData) return 0;
-      return balances.reduce((total, balance) => {
-        const price = priceData[balance.token.symbol] || 0;
-        return total + balance.uiAmount * price;
-      }, 0);
-    },
-    [balances]
-  );
-  const sortedBalances = [...balances].sort((a, b) => b.uiAmount - a.uiAmount);
-  const positiveBalances = balances.filter((balance) => balance.hasBalance);
-  return {
-    balances: sortedBalances,
-    positiveBalances,
-    isLoading,
-    error,
-    refreshBalances,
-    getTokenBalance,
-    hasSufficientBalance: hasSufficientBalance2,
-    getFormattedBalance,
-    getTotalValue,
-    hasAnyBalance: positiveBalances.length > 0,
-    isConnected: !!publicKey
   };
+  const showError = hasInteracted && !isReasonValid;
+  return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialog, { open: isOpen, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", className: "border-destructive/50 text-destructive", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ban, { className: "mr-2 h-4 w-4" }),
+      " Cancel Membership"
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogContent, { className: "max-h-[90vh] overflow-y-auto rounded-xl border border-border bg-background", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogTitle, { className: "flex items-center gap-2 text-lg font-semibold", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { className: "h-5 w-5 text-destructive" }),
+          " Confirm Membership Cancellation"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogDescription, { className: "mt-3 space-y-3 text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: "You are about to cancel your membership. Please review the consequences:" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "list-disc space-y-1 pl-5 text-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("li", { children: "You will immediately lose access to premium features upon confirmation." }),
+            /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Your benefits remain active until the end of the billing cycle." }),
+            /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Your account will revert to the free plan afterwards." })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-4 space-y-2 py-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "cancelReason", className: "text-sm font-medium", children: "Please provide a reason for cancellation (required):" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Textarea,
+          {
+            id: "cancelReason",
+            value: cancelReason,
+            onChange: handleReasonChange,
+            placeholder: "Your feedback helps us improve...",
+            className: cn(
+              "w-full resize-none border-border bg-background",
+              showError && "border-destructive"
+            ),
+            rows: 4,
+            "aria-describedby": "reason-hint",
+            "aria-invalid": showError
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            id: "reason-hint",
+            className: `text-xs ${showError ? "text-destructive" : "text-muted-foreground"}`,
+            children: showError ? `Reason must be at least ${minReasonLength} characters long.` : `Minimum ${minReasonLength} characters required.`
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogFooter, { className: "mt-6 gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", className: "border-border text-muted-foreground", children: "Keep Membership" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(AlertDialogAction, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            onClick: handleConfirm,
+            disabled: !isReasonValid || isSubmitting,
+            children: isSubmitting ? "Cancelling..." : "Confirm Cancellation"
+          }
+        ) })
+      ] })
+    ] })
+  ] });
 };
-var useDirectWalletPayment = () => {
-  const { publicKey, signTransaction, connected } = walletAdapterReact.useWallet();
-  const solanaService = useSolanaService();
+var notifyDefault2 = (payload) => {
+  const level = payload.status === "destructive" ? "error" : "info";
+  console[level === "error" ? "error" : "log"]("[payments-ui] billing", payload);
+};
+var BillingHistory = ({
+  pageSize = 10,
+  initialPage = 1,
+  enableCancel = true,
+  onNotify
+}) => {
+  const { services } = usePaymentContext();
+  const notify = onNotify ?? notifyDefault2;
+  const [isExpanded, setIsExpanded] = React3.useState(false);
+  const observerRef = React3.useRef(null);
+  const loadMoreRef = React3.useRef(null);
+  const historyQuery = reactQuery.useInfiniteQuery({
+    queryKey: ["payments-ui", "billing-history", pageSize],
+    queryFn: async ({ pageParam = initialPage }) => {
+      const offset = (pageParam - 1) * pageSize;
+      return services.subscriptions.getPaymentHistory({ limit: pageSize, offset });
+    },
+    initialPageParam: initialPage,
+    getNextPageParam: (lastPage) => {
+      const nextOffset = (lastPage.offset ?? 0) + lastPage.data.length;
+      if (lastPage.total_items <= nextOffset) {
+        return void 0;
+      }
+      return lastPage.page ? lastPage.page + 1 : initialPage + 1;
+    },
+    staleTime: 5 * 60 * 1e3
+  });
+  React3.useEffect(() => {
+    if (!loadMoreRef.current || !isExpanded) return;
+    observerRef.current = new IntersectionObserver((entries) => {
+      const [entry] = entries;
+      if (entry?.isIntersecting && historyQuery.hasNextPage && !historyQuery.isFetchingNextPage) {
+        historyQuery.fetchNextPage().catch(() => {
+          notify({ title: "Failed to load more history", status: "destructive" });
+        });
+      }
+    });
+    observerRef.current.observe(loadMoreRef.current);
+    return () => {
+      observerRef.current?.disconnect();
+    };
+  }, [historyQuery, isExpanded, notify]);
+  const payments = React3.useMemo(() => {
+    const data = historyQuery.data;
+    return data?.pages ?? [];
+  }, [historyQuery.data]);
+  const formatDate = (value) => new Date(value).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+  const formatAmount = (amount, currency) => {
+    try {
+      return new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency
+      }).format(amount);
+    } catch {
+      return `${amount.toFixed(2)} ${currency}`;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: "border-0 bg-background/5 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 sm:p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex cursor-pointer items-center justify-between", onClick: () => setIsExpanded((prev) => !prev), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-xl font-semibold", children: "Transaction History" }),
+        /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: "Record of billing history" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: cn("h-5 w-5 text-muted-foreground transition-transform", isExpanded && "rotate-180") })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "overflow-hidden transition-all duration-300",
+          isExpanded ? "mt-4 max-h-[1000px] opacity-100" : "max-h-0 opacity-0"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "p-0 pt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Review your account activity below" }),
+            enableCancel && /* @__PURE__ */ jsxRuntime.jsx(CancelMembershipDialog, { onNotify: notify })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[300px] overflow-y-auto rounded-lg border border-border/70", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: historyQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-4 text-center text-sm text-muted-foreground", children: "Loading..." }) : historyQuery.isError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-4 text-center text-sm text-destructive", children: "Error loading billing history." }) : /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { className: "border-border/60", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Reference" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Date" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Amount" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Processor" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Status" })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: payments.map(
+              (page) => page.data.map((payment) => /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { className: "border-border/40", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "font-mono text-sm", children: payment.id.slice(0, 7).toUpperCase() }),
+                /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: formatDate(payment.purchased_at) }),
+                /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: formatAmount(payment.amount, payment.currency) }),
+                /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "capitalize", children: payment.processor }),
+                /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-emerald-500/10 text-emerald-400", children: (payment.status || "completed").toLowerCase() }) })
+              ] }, payment.id))
+            ) })
+          ] }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: loadMoreRef, className: "h-10 w-full", children: historyQuery.isFetchingNextPage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm text-muted-foreground", children: "Loading more..." }) })
+        ] }) })
+      }
+    )
+  ] }) });
+};
+var formatCardLabel2 = (method) => {
+  const brand = method.card_type ? method.card_type.toUpperCase() : "CARD";
+  const lastFour = method.last_four ? `\u2022\u2022\u2022\u2022 ${method.last_four}` : "";
+  return `${brand} ${lastFour}`.trim();
+};
+var notifyDefault3 = (payload) => {
+  const level = payload.status === "destructive" ? "error" : "info";
+  console[level === "error" ? "error" : "log"]("[payments-ui] notification", payload);
+};
+var PaymentMethodsSection = ({
+  isAuthenticated = true,
+  userEmail,
+  provider = "mobius",
+  defaultCountry = "US",
+  collectPrefix = "account-card",
+  onNotify
+}) => {
+  const paymentMethods = usePaymentMethodService();
+  const queryClient = reactQuery.useQueryClient();
+  const [isModalOpen, setIsModalOpen] = React3.useState(false);
+  const [deletingId, setDeletingId] = React3.useState(null);
+  const notify = onNotify ?? notifyDefault3;
+  const queryKey = ["payments-ui", "payment-methods"];
+  const paymentQuery = reactQuery.useQuery({
+    queryKey,
+    queryFn: () => paymentMethods.list({ pageSize: 50 }),
+    enabled: isAuthenticated,
+    staleTime: 3e4
+  });
+  const createMutation = reactQuery.useMutation({
+    mutationFn: (payload) => paymentMethods.create(payload),
+    onSuccess: () => {
+      notify({ title: "Card added successfully", status: "success" });
+      setIsModalOpen(false);
+      void queryClient.invalidateQueries({ queryKey });
+    },
+    onError: (error) => {
+      notify({
+        title: "Unable to add card",
+        description: error.message,
+        status: "destructive"
+      });
+    }
+  });
+  const deleteMutation = reactQuery.useMutation({
+    mutationFn: (id) => paymentMethods.remove(id),
+    onMutate: (id) => setDeletingId(id),
+    onSuccess: () => {
+      notify({ title: "Card removed", status: "success" });
+      void queryClient.invalidateQueries({ queryKey });
+    },
+    onError: (error) => {
+      notify({
+        title: "Unable to remove card",
+        description: error.message,
+        status: "destructive"
+      });
+    },
+    onSettled: () => setDeletingId(null)
+  });
+  React3.useEffect(() => {
+    if (!isModalOpen) {
+      createMutation.reset();
+    }
+  }, [createMutation, isModalOpen]);
+  const payments = React3.useMemo(() => paymentQuery.data?.data ?? [], [paymentQuery.data]);
+  const loading = paymentQuery.isLoading || paymentQuery.isFetching;
+  const handleCardTokenize = (token, billing) => {
+    const payload = {
+      payment_token: token,
+      first_name: billing.firstName,
+      last_name: billing.lastName,
+      address1: billing.address1,
+      address2: billing.address2,
+      city: billing.city,
+      state: billing.stateRegion,
+      zip: billing.postalCode,
+      country: billing.country,
+      email: billing.email,
+      provider: billing.provider
+    };
+    createMutation.mutate(payload);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-0 bg-background/5 shadow-lg", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { className: "flex items-center gap-2 text-xl", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WalletCards, { className: "h-5 w-5 text-primary" }),
+          " Payment Methods"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: "Manage your saved billing cards" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Button, { onClick: () => setIsModalOpen(true), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "mr-2 h-4 w-4" }),
+        " Add card"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "space-y-4", children: loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center py-10 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-2 h-5 w-5 animate-spin" }),
+      " Loading cards..."
+    ] }) : payments.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-dashed border-border/60 bg-muted/10 p-6 text-sm text-muted-foreground", children: "No saved payment methods yet." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: payments.map((method) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "rounded-lg border border-border/80 bg-background/40 p-4 shadow-sm",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-base font-medium text-foreground", children: formatCardLabel2(method) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                "Added on",
+                " ",
+                method.created_at ? new Date(method.created_at).toLocaleDateString() : "unknown date"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Badge,
+                {
+                  variant: method.is_active ? "default" : "secondary",
+                  className: method.is_active ? "bg-emerald-500/20 text-emerald-400" : "",
+                  children: method.is_active ? "Active" : "Inactive"
+                }
+              ),
+              method.failure_reason && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "destructive", children: method.failure_reason })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              variant: "ghost",
+              className: "text-destructive hover:text-destructive",
+              disabled: deletingId === method.id && deleteMutation.isPending,
+              onClick: () => deleteMutation.mutate(method.id),
+              children: [
+                deletingId === method.id && deleteMutation.isPending ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-2 h-4 w-4" }),
+                "Remove"
+              ]
+            }
+          ) })
+        ]
+      },
+      method.id
+    )) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isModalOpen, onOpenChange: setIsModalOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-h-[95vh] overflow-y-auto border border-border bg-background", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Add a new card" }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Your card details are tokenized securely via our payment provider." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CardDetailsForm,
+        {
+          visible: isModalOpen,
+          collectPrefix,
+          submitting: createMutation.isPending,
+          submitLabel: "Save card",
+          defaultValues: {
+            email: userEmail ?? "",
+            country: defaultCountry,
+            provider
+          },
+          externalError: createMutation.error?.message ?? null,
+          onTokenize: handleCardTokenize,
+          className: "rounded-2xl border border-border bg-muted/20 p-6"
+        }
+      )
+    ] }) })
+  ] });
+};
+var useWalletList = (options = {}) => {
+  const { services } = usePaymentContext();
+  const [state, setState] = React3.useState({
+    wallets: [],
+    isLoading: false,
+    error: null
+  });
+  const fetchWallets = React3.useCallback(async () => {
+    setState((prev) => ({ ...prev, isLoading: true, error: null }));
+    try {
+      const wallets2 = await services.solanaWallets.list();
+      setState({ wallets: wallets2, isLoading: false, error: null });
+      return wallets2;
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to load wallets";
+      console.error("payments-ui: wallet list fetch failed", error);
+      setState((prev) => ({ ...prev, isLoading: false, error: message }));
+      throw error;
+    }
+  }, [services.solanaWallets]);
+  const deleteWallet = React3.useCallback(
+    async (walletIdOrAddress) => {
+      setState((prev) => ({ ...prev, isLoading: true, error: null }));
+      try {
+        await services.solanaWallets.remove(walletIdOrAddress);
+        setState((prev) => ({
+          ...prev,
+          wallets: prev.wallets.filter(
+            (wallet) => wallet.id !== walletIdOrAddress && wallet.address !== walletIdOrAddress
+          ),
+          isLoading: false
+        }));
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Failed to remove wallet";
+        console.error("payments-ui: wallet removal failed", error);
+        setState((prev) => ({ ...prev, isLoading: false, error: message }));
+        throw error;
+      }
+    },
+    [services.solanaWallets]
+  );
+  const addWallet = React3.useCallback((wallet) => {
+    setState((prev) => ({ ...prev, wallets: [...prev.wallets, wallet] }));
+  }, []);
+  const updateWallet = React3.useCallback((walletId, updates) => {
+    setState((prev) => ({
+      ...prev,
+      wallets: prev.wallets.map(
+        (wallet) => wallet.id === walletId ? { ...wallet, ...updates } : wallet
+      )
+    }));
+  }, []);
+  const clearError = React3.useCallback(() => {
+    setState((prev) => ({ ...prev, error: null }));
+  }, []);
+  const findWalletByAddress = React3.useCallback(
+    (address) => state.wallets.find((wallet) => wallet.address === address),
+    [state.wallets]
+  );
+  const getVerifiedWallets = React3.useCallback(
+    () => state.wallets.filter((wallet) => wallet.is_verified),
+    [state.wallets]
+  );
+  React3.useEffect(() => {
+    if (options.autoFetch !== false) {
+      fetchWallets().catch(() => {
+      });
+    }
+  }, [fetchWallets, options.autoFetch]);
+  return {
+    wallets: state.wallets,
+    isLoading: state.isLoading,
+    error: state.error,
+    fetchWallets,
+    deleteWallet,
+    addWallet,
+    updateWallet,
+    clearError,
+    findWalletByAddress,
+    getVerifiedWallets,
+    hasVerifiedWallets: state.wallets.some((w) => w.is_verified),
+    totalWallets: state.wallets.length
+  };
+};
+var useWalletVerification = () => {
+  const { services } = usePaymentContext();
+  const { publicKey, signMessage } = walletAdapterReact.useWallet();
+  const [state, setState] = React3.useState({
+    isVerifying: false,
+    isVerified: false,
+    error: null
+  });
+  const signAndVerifyWallet = React3.useCallback(
+    async (walletAddress, message, nonce) => {
+      if (!publicKey || !signMessage) {
+        throw new Error("Wallet not connected or signing unavailable");
+      }
+      if (publicKey.toBase58() !== walletAddress) {
+        throw new Error("Connected wallet does not match target wallet");
+      }
+      setState((prev) => ({ ...prev, isVerifying: true, error: null }));
+      try {
+        const encodedMessage = new TextEncoder().encode(message);
+        const signature = await signMessage(encodedMessage);
+        const signatureBase58 = bs58__default.default.encode(signature);
+        const response = await services.solanaWallets.verify(
+          walletAddress,
+          signatureBase58,
+          nonce
+        );
+        setState({ isVerifying: false, isVerified: response.verified, error: null });
+        return response;
+      } catch (error) {
+        const message2 = error instanceof Error ? error.message : "Wallet verification failed";
+        console.error("payments-ui: wallet verification failed", error);
+        setState({ isVerifying: false, isVerified: false, error: message2 });
+        throw error;
+      }
+    },
+    [publicKey, signMessage, services.solanaWallets]
+  );
+  const clearError = React3.useCallback(() => {
+    setState((prev) => ({ ...prev, error: null }));
+  }, []);
+  const resetVerification = React3.useCallback(() => {
+    setState({ isVerifying: false, isVerified: false, error: null });
+  }, []);
+  const autoVerifyWallet = React3.useCallback(
+    async (walletAddress, message, nonce) => {
+      try {
+        return await signAndVerifyWallet(walletAddress, message, nonce);
+      } catch (error) {
+        console.warn("payments-ui: auto-verification skipped", error);
+        return null;
+      }
+    },
+    [signAndVerifyWallet]
+  );
+  return {
+    ...state,
+    signAndVerifyWallet,
+    autoVerifyWallet,
+    clearError,
+    resetVerification
+  };
+};
+var useWalletConnection = () => {
+  const { services } = usePaymentContext();
+  const { publicKey, connected, connecting, disconnect, wallet } = walletAdapterReact.useWallet();
+  const [state, setState] = React3.useState({
+    isConnected: false,
+    isConnecting: false,
+    publicKey: null,
+    wallets: [],
+    isLoading: false,
+    error: null
+  });
+  React3.useEffect(() => {
+    setState((prev) => ({
+      ...prev,
+      isConnected: connected,
+      isConnecting: connecting,
+      publicKey: publicKey?.toBase58() ?? null
+    }));
+  }, [connected, connecting, publicKey]);
+  const connectWalletToBackend = React3.useCallback(
+    async (address) => {
+      if (!address) {
+        throw new Error("Wallet address is required");
+      }
+      setState((prev) => ({ ...prev, isLoading: true, error: null }));
+      try {
+        const challenge = await services.solanaWallets.requestChallenge(address);
+        setState((prev) => ({ ...prev, isLoading: false }));
+        return challenge;
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Wallet challenge failed";
+        console.error("payments-ui: wallet challenge failed", error);
+        setState((prev) => ({ ...prev, isLoading: false, error: message }));
+        throw error;
+      }
+    },
+    [services.solanaWallets]
+  );
+  const connectWallet = React3.useCallback(async () => {
+    if (!wallet) {
+      throw new Error("No wallet adapter selected");
+    }
+    setState((prev) => ({ ...prev, isConnecting: true, error: null }));
+    try {
+      await wallet.adapter.connect();
+      if (publicKey) {
+        await connectWalletToBackend(publicKey.toBase58());
+      }
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to connect wallet";
+      console.error("payments-ui: wallet connection failed", error);
+      setState((prev) => ({ ...prev, isConnecting: false, error: message }));
+      throw error;
+    } finally {
+      setState((prev) => ({ ...prev, isConnecting: false }));
+    }
+  }, [wallet, publicKey, connectWalletToBackend]);
+  const disconnectWallet = React3.useCallback(async () => {
+    try {
+      await disconnect();
+      setState((prev) => ({
+        ...prev,
+        isConnected: false,
+        publicKey: null,
+        wallets: [],
+        error: null
+      }));
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to disconnect wallet";
+      console.error("payments-ui: wallet disconnect failed", error);
+      setState((prev) => ({ ...prev, error: message }));
+      throw error;
+    }
+  }, [disconnect]);
+  const clearError = React3.useCallback(() => {
+    setState((prev) => ({ ...prev, error: null }));
+  }, []);
+  return {
+    ...state,
+    walletName: wallet?.adapter.name,
+    walletIcon: wallet?.adapter.icon,
+    connectWallet,
+    disconnectWallet,
+    connectWalletToBackend,
+    clearError
+  };
+};
+var notifyDefault4 = (payload) => {
+  console.log("[payments-ui] wallet-card", payload);
+};
+var WalletCard = ({
+  wallet,
+  isPrimary = false,
+  isConnected = false,
+  balance,
+  onSetPrimary,
+  onVerify,
+  onDelete,
+  isVerifying = false,
+  isDeleting = false,
+  notify = notifyDefault4
+}) => {
+  const [isCopying, setIsCopying] = React3.useState(false);
+  const formatAddress = (address) => address.length <= 12 ? address : `${address.slice(0, 4)}...${address.slice(-4)}`;
+  const copyToClipboard = async (text) => {
+    setIsCopying(true);
+    try {
+      await navigator.clipboard.writeText(text);
+      notify({ title: "Copied", description: "Wallet address copied to clipboard" });
+    } catch (error) {
+      notify({ title: "Failed to copy", description: error.message, status: "destructive" });
+    } finally {
+      setTimeout(() => setIsCopying(false), 500);
+    }
+  };
+  const openExplorer = () => {
+    window.open(`https://solscan.io/account/${wallet.address}`, "_blank", "noopener,noreferrer");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border bg-background/40 p-4 transition-shadow",
+        isPrimary && "border-primary/50 shadow-lg",
+        isConnected && "ring-1 ring-primary"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-primary/20", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-5 rounded-full bg-gradient-to-br from-primary to-primary/60" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-sm font-medium", children: formatAddress(wallet.address) }),
+                isPrimary && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 rounded-full bg-yellow-500/20 px-2 py-0.5 text-xs text-yellow-500", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Star, { className: "h-3 w-3 fill-yellow-500 text-yellow-500" }),
+                  " Primary"
+                ] }),
+                wallet.is_verified ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-xs text-emerald-400", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "h-3.5 w-3.5" }),
+                  " Verified"
+                ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-xs text-amber-400", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-3.5 w-3.5" }),
+                  " Unverified"
+                ] }),
+                isConnected && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-blue-500/20 px-2 py-0.5 text-xs text-blue-400", children: "Connected" })
+              ] }),
+              balance !== null && typeof balance !== "undefined" && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+                "Balance: ",
+                balance.toFixed(4),
+                " SOL"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [
+                "Added ",
+                new Date(wallet.created_at).toLocaleDateString()
+              ] })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: () => copyToClipboard(wallet.address),
+                disabled: isCopying,
+                children: isCopying ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: openExplorer, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-4 w-4" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [
+          !isPrimary && onSetPrimary && wallet.is_verified && /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "border-primary/40 text-primary",
+              onClick: () => onSetPrimary(wallet.id),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Star, { className: "mr-1 h-3 w-3" }),
+                " Set Primary"
+              ]
+            }
+          ),
+          !wallet.is_verified && onVerify && isConnected && /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "border-emerald-500/40 text-emerald-400",
+              onClick: () => onVerify(wallet),
+              disabled: isVerifying,
+              children: isVerifying ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-1 h-3 w-3 animate-spin" }),
+                " Verifying..."
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Shield, { className: "mr-1 h-3 w-3" }),
+                " Verify"
+              ] })
+            }
+          ),
+          onDelete && /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "ml-auto border-destructive/40 text-destructive",
+              onClick: () => onDelete(wallet.id),
+              disabled: isDeleting,
+              children: isDeleting ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-3 w-3" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var EmptyWalletState = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "mb-4 h-12 w-12 text-muted-foreground" }),
+  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-lg font-medium", children: "No wallets connected" }),
+  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-6 text-sm text-muted-foreground", children: "Connect your Solana wallet to get started" }),
+  /* @__PURE__ */ jsxRuntime.jsx(walletAdapterReactUi.WalletMultiButton, { className: "!bg-primary text-primary-foreground hover:!bg-primary/90" })
+] });
+var notifyDefault5 = (payload) => {
+  console.log("[payments-ui] solana-wallets", payload);
+};
+var SolanaWalletSection = ({
+  onNotify,
+  rpcUrl
+}) => {
+  const notify = onNotify ?? notifyDefault5;
+  const { config } = usePaymentContext();
+  const { connected, publicKey, disconnect } = walletAdapterReact.useWallet();
+  const { wallets: wallets2, isLoading, deleteWallet, fetchWallets } = useWalletList();
+  const { signAndVerifyWallet } = useWalletVerification();
+  const walletConnection = useWalletConnection();
+  const [primaryWalletId, setPrimaryWalletId] = React3.useState(null);
+  const [showOtherWallets, setShowOtherWallets] = React3.useState(false);
+  const [balances, setBalances] = React3.useState({});
+  const [verifyingWalletId, setVerifyingWalletId] = React3.useState(null);
+  const [deletingWalletId, setDeletingWalletId] = React3.useState(null);
+  const [walletToDelete, setWalletToDelete] = React3.useState(null);
+  const [isRegistering, setIsRegistering] = React3.useState(false);
+  const rpcEndpoint = rpcUrl || config.solanaRpcUrl || "https://api.mainnet-beta.solana.com";
+  const connection = React3.useMemo(() => new web3_js.Connection(rpcEndpoint), [rpcEndpoint]);
+  const primaryWallet = wallets2.find((w) => w.id === primaryWalletId) ?? wallets2.find((w) => w.is_verified) ?? null;
+  const otherWallets = wallets2.filter((w) => w.id !== primaryWallet?.id);
+  const fetchBalance = React3.useCallback(
+    async (address) => {
+      try {
+        const pubkey = new web3_js.PublicKey(address);
+        const balance = await connection.getBalance(pubkey);
+        return balance / web3_js.LAMPORTS_PER_SOL;
+      } catch (error) {
+        console.error("payments-ui: failed to fetch balance", error);
+        return null;
+      }
+    },
+    [connection]
+  );
+  const fetchAllBalances = React3.useCallback(async () => {
+    const results = await Promise.all(
+      wallets2.map(async (wallet) => ({ address: wallet.address, balance: await fetchBalance(wallet.address) }))
+    );
+    const next = {};
+    results.forEach(({ address, balance }) => {
+      if (balance !== null && typeof balance !== "undefined") {
+        next[address] = balance;
+      }
+    });
+    setBalances(next);
+  }, [wallets2, fetchBalance]);
+  React3.useEffect(() => {
+    if (wallets2.length > 0) {
+      fetchAllBalances().catch(() => void 0);
+    }
+  }, [wallets2, fetchAllBalances]);
+  React3.useEffect(() => {
+    const verifiedWallet = wallets2.find((w) => w.is_verified);
+    if (verifiedWallet && !primaryWalletId) {
+      setPrimaryWalletId(verifiedWallet.id);
+    }
+  }, [wallets2, primaryWalletId]);
+  const registerWallet = React3.useCallback(async () => {
+    if (!connected || !publicKey || isRegistering) return;
+    setIsRegistering(true);
+    try {
+      const challenge = await walletConnection.connectWalletToBackend(publicKey.toBase58());
+      if (!challenge?.message) {
+        throw new Error("Failed to retrieve wallet verification challenge");
+      }
+      await signAndVerifyWallet(challenge.wallet, challenge.message, challenge.nonce);
+      await fetchWallets();
+      notify({
+        title: "Wallet verified",
+        description: "Your wallet has been linked successfully.",
+        status: "success"
+      });
+    } catch (error) {
+      notify({
+        title: "Wallet verification failed",
+        description: error instanceof Error ? error.message : "Failed to verify wallet",
+        status: "destructive"
+      });
+    } finally {
+      setIsRegistering(false);
+    }
+  }, [connected, publicKey, isRegistering, walletConnection, signAndVerifyWallet, fetchWallets, notify]);
+  React3.useEffect(() => {
+    if (connected && publicKey && !walletConnection.isConnecting && wallets2.length === 0) {
+      registerWallet().catch(() => void 0);
+    }
+  }, [connected, publicKey, walletConnection.isConnecting, wallets2.length, registerWallet]);
+  const handleVerifyWallet = React3.useCallback(
+    async (wallet) => {
+      if (!connected || publicKey?.toBase58() !== wallet.address) {
+        notify({
+          title: "Connect wallet first",
+          description: "Please connect the wallet you want to verify.",
+          status: "destructive"
+        });
+        return;
+      }
+      setVerifyingWalletId(wallet.id);
+      try {
+        const challenge = await walletConnection.connectWalletToBackend(wallet.address);
+        if (!challenge?.message) {
+          throw new Error("Failed to retrieve verification challenge");
+        }
+        await signAndVerifyWallet(challenge.wallet, challenge.message, challenge.nonce);
+        await fetchWallets();
+        notify({ title: "Wallet verified", status: "success" });
+      } catch (error) {
+        notify({
+          title: "Verification failed",
+          description: error instanceof Error ? error.message : "Failed to verify wallet",
+          status: "destructive"
+        });
+      } finally {
+        setVerifyingWalletId(null);
+      }
+    },
+    [connected, publicKey, walletConnection, signAndVerifyWallet, fetchWallets, notify]
+  );
+  const handleDeleteWallet = React3.useCallback(
+    async (walletId) => {
+      setDeletingWalletId(walletId);
+      try {
+        await deleteWallet(walletId);
+        if (primaryWalletId === walletId) {
+          setPrimaryWalletId(null);
+        }
+        if (connected && publicKey) {
+          const deletedWallet = wallets2.find((w) => w.id === walletId);
+          if (deletedWallet?.address === publicKey.toBase58()) {
+            await disconnect();
+          }
+        }
+        notify({ title: "Wallet removed", status: "success" });
+      } catch (error) {
+        notify({
+          title: "Failed to remove wallet",
+          description: error instanceof Error ? error.message : "Please try again",
+          status: "destructive"
+        });
+      } finally {
+        setDeletingWalletId(null);
+        setWalletToDelete(null);
+      }
+    },
+    [deleteWallet, primaryWalletId, connected, publicKey, wallets2, disconnect, notify]
+  );
+  const handleSetPrimary = (walletId) => {
+    setPrimaryWalletId(walletId);
+    notify({ title: "Primary wallet updated", status: "success" });
+  };
+  const isWalletRegistered = connected && publicKey && wallets2.some((w) => w.address === publicKey.toBase58());
+  if (isLoading && wallets2.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-0 bg-background/5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-xl", children: "Solana Wallets" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center py-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-2 h-6 w-6 animate-spin text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Loading wallets..." })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-0 bg-background/5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-xl", children: "Solana Wallets" }),
+        /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: "Connect and manage your Solana wallets for payments" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "space-y-4", children: wallets2.length === 0 && !connected ? /* @__PURE__ */ jsxRuntime.jsx(EmptyWalletState, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        primaryWallet && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-sm font-medium uppercase tracking-wide text-muted-foreground", children: "Primary Wallet" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            WalletCard,
+            {
+              wallet: primaryWallet,
+              isPrimary: true,
+              isConnected: connected && publicKey?.toBase58() === primaryWallet.address,
+              balance: balances[primaryWallet.address],
+              onVerify: handleVerifyWallet,
+              onDelete: (id) => {
+                const target = wallets2.find((w) => w.id === id);
+                if (target) setWalletToDelete(target);
+              },
+              isVerifying: verifyingWalletId === primaryWallet.id,
+              isDeleting: deletingWalletId === primaryWallet.id,
+              notify
+            }
+          )
+        ] }),
+        otherWallets.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              className: "mb-3 flex w-full items-center justify-between text-left",
+              onClick: () => setShowOtherWallets((prev) => !prev),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: [
+                  "Other Wallets (",
+                  otherWallets.length,
+                  ")"
+                ] }),
+                showOtherWallets ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 text-muted-foreground" })
+              ]
+            }
+          ),
+          showOtherWallets && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: otherWallets.map((wallet) => /* @__PURE__ */ jsxRuntime.jsx(
+            WalletCard,
+            {
+              wallet,
+              isConnected: connected && publicKey?.toBase58() === wallet.address,
+              balance: balances[wallet.address],
+              onSetPrimary: handleSetPrimary,
+              onVerify: handleVerifyWallet,
+              onDelete: (id) => {
+                const target = wallets2.find((w) => w.id === id);
+                if (target) setWalletToDelete(target);
+              },
+              isVerifying: verifyingWalletId === wallet.id,
+              isDeleting: deletingWalletId === wallet.id,
+              notify
+            },
+            wallet.id
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4", children: connected && publicKey ? isWalletRegistered ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-emerald-500/40 bg-emerald-500/10 p-3 text-sm text-emerald-200", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "h-4 w-4" }),
+            " Connected wallet is verified and linked to your account."
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(walletAdapterReactUi.WalletMultiButton, { className: "w-full !bg-primary text-primary-foreground" })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-amber-500/40 bg-amber-500/10 p-3 text-sm text-amber-200", children: "Your connected wallet is not registered with your account." }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: registerWallet, disabled: isRegistering || walletConnection.isConnecting, className: "flex-1 bg-primary text-primary-foreground", children: isRegistering ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+              " Registering..."
+            ] }) : "Register This Wallet" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => disconnect(), variant: "outline", className: "border-border", children: "Disconnect" })
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(walletAdapterReactUi.WalletMultiButton, { className: "w-full !bg-primary text-primary-foreground" }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialog, { open: !!walletToDelete, onOpenChange: () => setWalletToDelete(null), children: /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTitle, { children: "Remove Wallet" }),
+        /* @__PURE__ */ jsxRuntime.jsx(AlertDialogDescription, { children: "Are you sure you want to remove this wallet from your account? This action cannot be undone." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AlertDialogCancel, { children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(AlertDialogAction, { onClick: () => walletToDelete && handleDeleteWallet(walletToDelete.id), className: "bg-destructive text-destructive-foreground", children: "Remove" })
+      ] })
+    ] }) })
+  ] });
+};
+var WalletManagement = (props) => /* @__PURE__ */ jsxRuntime.jsx(SolanaWalletSection, { ...props });
+var wallets = [
+  {
+    id: "phantom",
+    name: "Phantom",
+    icon: "https://phantom.app/img/logo.png"
+  },
+  {
+    id: "solflare",
+    name: "Solflare",
+    icon: "https://solflare.com/favicon.ico"
+  }
+];
+var WalletModal = ({ open, onOpenChange }) => {
+  const [expandedWallet, setExpandedWallet] = React3.useState(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "max-w-md border border-border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: wallets.map((wallet) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-border/80", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        className: "flex w-full items-center justify-between px-4 py-3",
+        onClick: () => setExpandedWallet((prev) => prev === wallet.id ? null : wallet.id),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-left", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("img", { src: wallet.icon, alt: wallet.name, className: "h-8 w-8 rounded-full" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: wallet.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Connect via browser extension" })
+            ] })
+          ] }),
+          expandedWallet === wallet.id ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 text-muted-foreground" })
+        ]
+      }
+    ),
+    expandedWallet === wallet.id && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border/60 px-4 py-3 text-sm text-muted-foreground", children: [
+      "Follow the prompts in your ",
+      wallet.name,
+      " wallet to approve access."
+    ] })
+  ] }, wallet.id)) }) }) });
+};
+var Checkbox = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  CheckboxPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      CheckboxPrimitive__namespace.Indicator,
+      {
+        className: cn("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3 w-3" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
+var initialState2 = {
+  nameOnCard: "",
+  cardNumber: "",
+  expiration: "",
+  cvv: "",
+  termsAccepted: false
+};
+var WalletDialog = ({ open, onOpenChange }) => {
+  const [form, setForm] = React3.useState(initialState2);
+  const [errors, setErrors] = React3.useState({});
+  const validators = React3.useMemo(
+    () => ({
+      nameOnCard: (value) => !value ? "Name is required" : void 0,
+      cardNumber: (value) => /^\d{16}$/.test(value) ? void 0 : "Card number must be 16 digits",
+      expiration: (value) => /^(0[1-9]|1[0-2])\/([2-9]\d)$/.test(value) ? void 0 : "Must be in MM/YY format",
+      cvv: (value) => /^\d{3,4}$/.test(value) ? void 0 : "CVV must be 3 or 4 digits",
+      termsAccepted: (value) => value ? void 0 : "You must accept the terms"
+    }),
+    []
+  );
+  const updateField = (field, value) => {
+    setForm((prev) => ({ ...prev, [field]: value }));
+    setErrors((prev) => ({ ...prev, [field]: void 0 }));
+  };
+  const validate = () => {
+    const next = {};
+    Object.keys(validators).forEach((key) => {
+      const validator = validators[key];
+      const message = validator?.(form[key]);
+      if (message) {
+        next[key] = message;
+      }
+    });
+    setErrors(next);
+    return Object.keys(next).length === 0;
+  };
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    if (!validate()) return;
+    console.log("[payments-ui] wallet dialog submit", form);
+    onOpenChange(false);
+    setForm(initialState2);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogContent, { className: "max-h-[95vh] max-w-lg overflow-y-auto rounded-2xl border border-border bg-background", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogHeader, { className: "border-b border-border/60 pb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Shield, { className: "h-5 w-5 text-primary" }),
+        /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTitle, { className: "text-center text-base font-semibold uppercase tracking-wide", children: "Secure Payment via Mobius Pay" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-center text-sm text-muted-foreground", children: "$23 USD per month, cancel at any time." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-5 px-2 py-4 sm:px-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "mb-1 block text-sm text-muted-foreground", children: "Name on Card" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserRound, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Input, { value: form.nameOnCard, onChange: (e) => updateField("nameOnCard", e.target.value), className: "pl-10" })
+          ] }),
+          errors.nameOnCard && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-destructive", children: errors.nameOnCard })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "mb-1 block text-sm text-muted-foreground", children: "Credit Card Number" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Input, { value: form.cardNumber, onChange: (e) => updateField("cardNumber", e.target.value), className: "pl-10" })
+          ] }),
+          errors.cardNumber && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-destructive", children: errors.cardNumber })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "mb-1 block text-sm text-muted-foreground", children: "Expiration" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "h-4 w-4" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Input, { value: form.expiration, onChange: (e) => updateField("expiration", e.target.value), className: "pl-10", placeholder: "MM/YY" })
+            ] }),
+            errors.expiration && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-destructive", children: errors.expiration })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "mb-1 block text-sm text-muted-foreground", children: "CVV" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, { className: "h-4 w-4" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Input, { value: form.cvv, onChange: (e) => updateField("cvv", e.target.value), className: "pl-10" })
+            ] }),
+            errors.cvv && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-destructive", children: errors.cvv })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-border/70 bg-muted/10 p-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { id: "terms-agree", checked: form.termsAccepted, onCheckedChange: (checked) => updateField("termsAccepted", Boolean(checked)) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "terms-agree", className: "text-sm text-muted-foreground", children: "By completing this order, I confirm that I am 18 years or older and agree to your privacy policy and terms." })
+      ] }),
+      errors.termsAccepted && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: errors.termsAccepted }),
+      /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogFooter, { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", className: "flex-1", children: "Subscribe" }),
+        /* @__PURE__ */ jsxRuntime.jsx(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", className: "flex-1", children: "Close" }) })
+      ] })
+    ] })
+  ] }) });
+};
+var SubscriptionSuccessDialog = ({
+  open,
+  planName = "Premium Plan",
+  amountLabel = "$0.00",
+  billingPeriodLabel = "billing period",
+  onClose
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: (value) => {
+    if (!value) onClose();
+  }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-sm text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { className: "flex flex-col items-center gap-3 text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "h-10 w-10 text-primary" }),
+        "Subscription activated"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { className: "text-base text-muted-foreground", children: [
+        "You now have access to ",
+        planName,
+        ". Billing: ",
+        amountLabel,
+        " / ",
+        billingPeriodLabel,
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button, { className: "mt-6 w-full", onClick: onClose, children: "Continue" })
+  ] }) });
+};
+var useSubscriptionActions = () => {
+  const { services } = usePaymentContext();
+  const ensurePrice = (priceId) => {
+    if (!priceId) {
+      throw new Error("payments-ui: priceId is required for subscription actions");
+    }
+    return priceId;
+  };
+  const subscribeWithCard = React3.useCallback(
+    async ({
+      priceId,
+      processor = "nmi",
+      provider,
+      paymentToken,
+      billing
+    }) => {
+      const payload = {
+        priceId: ensurePrice(priceId),
+        paymentToken,
+        processor,
+        provider,
+        email: billing.email,
+        firstName: billing.firstName,
+        lastName: billing.lastName,
+        address1: billing.address1,
+        city: billing.city,
+        state: billing.stateRegion,
+        zipCode: billing.postalCode,
+        country: billing.country
+      };
+      return services.subscriptions.subscribe("nmi", payload);
+    },
+    [services]
+  );
+  const subscribeWithSavedMethod = React3.useCallback(
+    async ({
+      priceId,
+      processor = "nmi",
+      provider,
+      paymentMethodId,
+      email
+    }) => {
+      const payload = {
+        priceId: ensurePrice(priceId),
+        paymentMethodId,
+        processor,
+        provider,
+        email
+      };
+      return services.subscriptions.subscribe("nmi", payload);
+    },
+    [services]
+  );
+  const subscribeWithCCBill = React3.useCallback(
+    async ({
+      priceId,
+      email,
+      firstName,
+      lastName,
+      zipCode,
+      country,
+      processor = "ccbill"
+    }) => {
+      const payload = {
+        priceId: ensurePrice(priceId),
+        email,
+        firstName,
+        lastName,
+        zipCode,
+        country,
+        processor
+      };
+      return services.subscriptions.subscribe("ccbill", payload);
+    },
+    [services]
+  );
+  const generateFlexFormUrl = React3.useCallback(
+    async ({
+      priceId,
+      firstName,
+      lastName,
+      address1,
+      city,
+      state,
+      zipCode,
+      country
+    }) => {
+      const payload = {
+        price_id: ensurePrice(priceId),
+        first_name: firstName,
+        last_name: lastName,
+        address1,
+        city,
+        state,
+        zip_code: zipCode,
+        country
+      };
+      return services.subscriptions.generateFlexFormUrl(payload);
+    },
+    [services]
+  );
+  return {
+    subscribeWithCard,
+    subscribeWithSavedMethod,
+    subscribeWithCCBill,
+    generateFlexFormUrl
+  };
+};
+var SubscriptionCheckoutModal = ({
+  open,
+  onOpenChange,
+  priceId,
+  usdAmount = 0,
+  planName,
+  amountLabel,
+  billingPeriodLabel,
+  userEmail,
+  provider = "mobius",
+  onSuccess,
+  enableSolanaPay = true
+}) => {
+  const [showSuccess, setShowSuccess] = React3.useState(false);
+  const { subscribeWithCard, subscribeWithSavedMethod } = useSubscriptionActions();
+  const handleClose = React3.useCallback(
+    (nextOpen) => {
+      onOpenChange(nextOpen);
+      if (!nextOpen) {
+        setShowSuccess(false);
+      }
+    },
+    [onOpenChange]
+  );
+  const ensurePrice = () => {
+    if (!priceId) {
+      throw new Error("Select a plan before subscribing.");
+    }
+    return priceId;
+  };
+  const notifySuccess = (result) => {
+    setShowSuccess(true);
+    onSuccess?.();
+    if (result && typeof window !== "undefined") {
+      console.debug("[payments-ui] subscription success", result);
+    }
+  };
+  const handleNewCardPayment = async ({ token, billing }) => {
+    await subscribeWithCard({
+      priceId: ensurePrice(),
+      provider,
+      paymentToken: token,
+      billing
+    });
+    notifySuccess();
+  };
+  const handleSavedMethodPayment = async ({ paymentMethodId }) => {
+    await subscribeWithSavedMethod({
+      priceId: ensurePrice(),
+      provider,
+      paymentMethodId,
+      email: userEmail ?? ""
+    });
+    notifySuccess();
+  };
+  const solanaSuccess = (result) => {
+    notifySuccess(result);
+    onOpenChange(false);
+  };
+  const summary = React3.useMemo(() => {
+    if (!planName && !amountLabel) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border/60 bg-muted/10 p-3 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-foreground", children: planName ?? "Selected plan" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+        amountLabel ?? `$${usdAmount.toFixed(2)}`,
+        " ",
+        billingPeriodLabel ? `/ ${billingPeriodLabel}` : ""
+      ] })
+    ] });
+  }, [planName, amountLabel, billingPeriodLabel, usdAmount]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-3xl", children: [
+      !priceId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4" }),
+        " Select a subscription plan to continue."
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PaymentExperience,
+        {
+          priceId: priceId ?? "",
+          usdAmount,
+          checkoutSummary: summary,
+          onNewCardPayment: priceId ? handleNewCardPayment : void 0,
+          onSavedMethodPayment: priceId ? handleSavedMethodPayment : void 0,
+          enableNewCard: Boolean(priceId),
+          enableStoredMethods: Boolean(priceId),
+          enableSolanaPay: enableSolanaPay && Boolean(priceId),
+          onSolanaSuccess: solanaSuccess
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SubscriptionSuccessDialog,
+      {
+        open: showSuccess,
+        onClose: () => setShowSuccess(false),
+        planName,
+        amountLabel: amountLabel ?? `$${usdAmount.toFixed(2)}`,
+        billingPeriodLabel
+      }
+    )
+  ] });
+};
+var useTokenBalance = (tokens) => {
+  const { publicKey } = walletAdapterReact.useWallet();
+  const { connection } = walletAdapterReact.useConnection();
+  const [balances, setBalances] = React3.useState([]);
+  const [isLoading, setIsLoading] = React3.useState(false);
+  const [error, setError] = React3.useState(null);
+  const fetchTokenBalance = React3.useCallback(
+    async (token, walletAddress) => {
+      try {
+        const mintPublicKey = new web3_js.PublicKey(token.mint);
+        const associatedTokenAddress = await splToken.getAssociatedTokenAddress(
+          mintPublicKey,
+          walletAddress
+        );
+        try {
+          const tokenAccount = await splToken.getAccount(
+            connection,
+            associatedTokenAddress
+          );
+          const balance = Number(tokenAccount.amount);
+          const uiAmount = balance / Math.pow(10, token.decimals);
+          return {
+            token,
+            balance,
+            uiAmount,
+            hasBalance: balance > 0
+          };
+        } catch (accountError) {
+          return {
+            token,
+            balance: 0,
+            uiAmount: 0,
+            hasBalance: false
+          };
+        }
+      } catch (error2) {
+        console.error(`Failed to fetch balance for ${token.symbol}:`, error2);
+        return {
+          token,
+          balance: 0,
+          uiAmount: 0,
+          hasBalance: false
+        };
+      }
+    },
+    [connection]
+  );
+  const tokensKey = React3.useMemo(() => tokens.map((t) => t.mint).join(","), [tokens]);
+  React3.useEffect(() => {
+    if (!publicKey || tokens.length === 0) {
+      setBalances([]);
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    const fetchAllBalances = async () => {
+      try {
+        const balancePromises = tokens.map(
+          (token) => fetchTokenBalance(token, publicKey)
+        );
+        const tokenBalances = await Promise.all(balancePromises);
+        setBalances(tokenBalances);
+      } catch (error2) {
+        const errorMessage = error2 instanceof Error ? error2.message : "Failed to fetch token balances";
+        setError(errorMessage);
+        console.error("Failed to fetch token balances:", error2);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchAllBalances();
+  }, [publicKey, tokensKey, fetchTokenBalance]);
+  const getTokenBalance = React3.useCallback(
+    (tokenSymbol) => {
+      return balances.find((balance) => balance.token.symbol === tokenSymbol);
+    },
+    [balances]
+  );
+  const hasSufficientBalance2 = React3.useCallback(
+    (tokenSymbol, requiredAmount) => {
+      const balance = getTokenBalance(tokenSymbol);
+      return balance ? balance.uiAmount >= requiredAmount : false;
+    },
+    [getTokenBalance]
+  );
+  const getFormattedBalance = React3.useCallback(
+    (tokenSymbol) => {
+      const balance = getTokenBalance(tokenSymbol);
+      if (!balance) return "0.00";
+      if (balance.uiAmount < 0.01) {
+        return balance.uiAmount.toFixed(6);
+      } else if (balance.uiAmount < 1) {
+        return balance.uiAmount.toFixed(4);
+      } else {
+        return balance.uiAmount.toFixed(2);
+      }
+    },
+    [getTokenBalance]
+  );
+  const refreshBalances = React3.useCallback(async () => {
+    if (!publicKey || tokens.length === 0) {
+      setBalances([]);
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const balancePromises = tokens.map(
+        (token) => fetchTokenBalance(token, publicKey)
+      );
+      const tokenBalances = await Promise.all(balancePromises);
+      setBalances(tokenBalances);
+    } catch (error2) {
+      const errorMessage = error2 instanceof Error ? error2.message : "Failed to fetch token balances";
+      setError(errorMessage);
+      console.error("Failed to fetch token balances:", error2);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [publicKey, tokens, fetchTokenBalance]);
+  const getTotalValue = React3.useCallback(
+    (priceData) => {
+      if (!priceData) return 0;
+      return balances.reduce((total, balance) => {
+        const price = priceData[balance.token.symbol] || 0;
+        return total + balance.uiAmount * price;
+      }, 0);
+    },
+    [balances]
+  );
+  const sortedBalances = [...balances].sort((a, b) => b.uiAmount - a.uiAmount);
+  const positiveBalances = balances.filter((balance) => balance.hasBalance);
+  return {
+    balances: sortedBalances,
+    positiveBalances,
+    isLoading,
+    error,
+    refreshBalances,
+    getTokenBalance,
+    hasSufficientBalance: hasSufficientBalance2,
+    getFormattedBalance,
+    getTotalValue,
+    hasAnyBalance: positiveBalances.length > 0,
+    isConnected: !!publicKey
+  };
+};
+var useDirectWalletPayment = () => {
+  const { publicKey, signTransaction, connected } = walletAdapterReact.useWallet();
+  const solanaService = useSolanaService();
   const [paymentState, setPaymentState] = React3.useState({
     loading: false,
     error: null,
@@ -3176,128 +4801,60 @@ var usePaymentStatus = (options = {}) => {
     isPending: getConfirmationStatus() === "pending"
   };
 };
-var useSubscriptionActions = () => {
-  const { services } = usePaymentContext();
-  const ensurePrice = (priceId) => {
-    if (!priceId) {
-      throw new Error("payments-ui: priceId is required for subscription actions");
-    }
-    return priceId;
-  };
-  const subscribeWithCard = React3.useCallback(
-    async ({
-      priceId,
-      processor = "nmi",
-      provider,
-      paymentToken,
-      billing
-    }) => {
-      const payload = {
-        priceId: ensurePrice(priceId),
-        paymentToken,
-        processor,
-        provider,
-        email: billing.email,
-        firstName: billing.firstName,
-        lastName: billing.lastName,
-        address1: billing.address1,
-        city: billing.city,
-        state: billing.stateRegion,
-        zipCode: billing.postalCode,
-        country: billing.country
-      };
-      return services.subscriptions.subscribe("nmi", payload);
-    },
-    [services]
-  );
-  const subscribeWithSavedMethod = React3.useCallback(
-    async ({
-      priceId,
-      processor = "nmi",
-      provider,
-      paymentMethodId,
-      email
-    }) => {
-      const payload = {
-        priceId: ensurePrice(priceId),
-        paymentMethodId,
-        processor,
-        provider,
-        email
-      };
-      return services.subscriptions.subscribe("nmi", payload);
-    },
-    [services]
-  );
-  const subscribeWithCCBill = React3.useCallback(
-    async ({
-      priceId,
-      email,
-      firstName,
-      lastName,
-      zipCode,
-      country,
-      processor = "ccbill"
-    }) => {
-      const payload = {
-        priceId: ensurePrice(priceId),
-        email,
-        firstName,
-        lastName,
-        zipCode,
-        country,
-        processor
-      };
-      return services.subscriptions.subscribe("ccbill", payload);
-    },
-    [services]
-  );
-  const generateFlexFormUrl = React3.useCallback(
-    async ({
-      priceId,
-      firstName,
-      lastName,
-      address1,
-      city,
-      state,
-      zipCode,
-      country
-    }) => {
-      const payload = {
-        price_id: ensurePrice(priceId),
-        first_name: firstName,
-        last_name: lastName,
-        address1,
-        city,
-        state,
-        zip_code: zipCode,
-        country
-      };
-      return services.subscriptions.generateFlexFormUrl(payload);
+var useAlternativePaymentProvider = () => {
+  const [isLoading, setIsLoading] = React3.useState(false);
+  const [error, setError] = React3.useState(null);
+  const { generateFlexFormUrl } = useSubscriptionActions();
+  const openFlexForm = React3.useCallback(
+    async (payload) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const response = await generateFlexFormUrl(payload);
+        if (response?.iframe_url) {
+          window.location.href = response.iframe_url;
+        } else {
+          throw new Error("Unable to launch payment provider.");
+        }
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Failed to open payment provider.";
+        setError(message);
+        console.error("[payments-ui] failed to open alternative payment provider", err);
+      } finally {
+        setIsLoading(false);
+      }
     },
-    [services]
+    [generateFlexFormUrl]
   );
-  return {
-    subscribeWithCard,
-    subscribeWithSavedMethod,
-    subscribeWithCCBill,
-    generateFlexFormUrl
-  };
+  return { openFlexForm, isLoading, error };
 };
 
+exports.BillingHistory = BillingHistory;
+exports.CancelMembershipDialog = CancelMembershipDialog;
 exports.CardDetailsForm = CardDetailsForm;
 exports.CardPaymentService = CardPaymentService;
+exports.EmptyWalletState = EmptyWalletState;
 exports.PaymentApp = PaymentApp;
 exports.PaymentExperience = PaymentExperience;
 exports.PaymentMethodService = PaymentMethodService;
+exports.PaymentMethodsSection = PaymentMethodsSection;
 exports.PaymentProvider = PaymentProvider;
 exports.SolanaPaymentSelector = SolanaPaymentSelector;
 exports.SolanaPaymentService = SolanaPaymentService;
+exports.SolanaWalletSection = SolanaWalletSection;
+exports.SolanaWalletService = SolanaWalletService;
 exports.StoredPaymentMethods = StoredPaymentMethods;
+exports.SubscriptionCheckoutModal = SubscriptionCheckoutModal;
 exports.SubscriptionService = SubscriptionService;
+exports.SubscriptionSuccessDialog = SubscriptionSuccessDialog;
 exports.TokenCatalog = TokenCatalog;
+exports.WalletCard = WalletCard;
+exports.WalletDialog = WalletDialog;
 exports.WalletGateway = WalletGateway;
+exports.WalletManagement = WalletManagement;
+exports.WalletModal = WalletModal;
 exports.createPaymentStore = createPaymentStore;
+exports.useAlternativePaymentProvider = useAlternativePaymentProvider;
 exports.useDirectWalletPayment = useDirectWalletPayment;
 exports.usePaymentContext = usePaymentContext;
 exports.usePaymentMethodService = usePaymentMethodService;
@@ -3310,5 +4867,8 @@ exports.useSolanaService = useSolanaService;
 exports.useSubscriptionActions = useSubscriptionActions;
 exports.useSupportedTokens = useSupportedTokens;
 exports.useTokenBalance = useTokenBalance;
+exports.useWalletConnection = useWalletConnection;
+exports.useWalletList = useWalletList;
+exports.useWalletVerification = useWalletVerification;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map