@djangocfg/ext-payments 1.0.14 → 1.0.19

package/dist/index.js

@@ -1,16 +1,16 @@
+import { createContext, useState, useMemo, useCallback, useEffect, useContext, useRef } from 'react';
+import { initializeExtensionAPI, createExtensionAPI } from '@djangocfg/ext-base/api';
 import { createConsola, consola } from 'consola';
 import pRetry, { AbortError } from 'p-retry';
 import { z } from 'zod';
-import { initializeExtensionAPI, createExtensionAPI } from '@djangocfg/ext-base/api';
-import { Wallet, CreditCard, History, RefreshCw, Plus, XCircle, ExternalLink, Search, Filter, Clock, AlertCircle, CheckCircle2, ArrowDownLeft, ArrowUpRight } from 'lucide-react';
-import { Tabs, TabsList, TabsTrigger, TabsContent, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Form, FormField, FormItem, FormLabel, FormControl, Input, FormDescription, FormMessage, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, TokenIcon, DialogFooter, Button, CopyButton, Card, CardHeader, CardTitle, Skeleton, CardContent, Badge, Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '@djangocfg/ui-core';
-import { createContext, useState, useMemo, useEffect, useContext } from 'react';
-import useSWR, { SWRConfig, useSWRConfig } from 'swr';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import useSWR, { useSWRConfig } from 'swr';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Plus, ArrowUpRight, RefreshCw, AlertCircle, XCircle, CheckCircle2, Loader2, Clock, ArrowDownLeft, History, ChevronRight, Ban, ExternalLink } from 'lucide-react';
+import { Skeleton, Button, TokenIcon, useLocalStorage, ResponsiveSheet, ResponsiveSheetContent, ResponsiveSheetHeader, ResponsiveSheetTitle, ResponsiveSheetDescription, Form, FormField, FormItem, FormLabel, FormControl, Input, FormMessage, Alert, AlertDescription, CopyButton, Combobox } from '@djangocfg/ui-core';
+import { cn } from '@djangocfg/ui-core/lib';
+import moment3 from 'moment';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import moment from 'moment';
-import { useDRFPagination, StaticPagination } from '@djangocfg/ui-nextjs/components';
 import { createExtensionConfig } from '@djangocfg/ext-base';
 
 var __defProp = Object.defineProperty;
@@ -37,12 +37,47 @@ var ExtPaymentsPayments = class {
   /**
    * Get available currencies
    * 
-   * Returns list of available currencies with token+network info
+   * Returns list of available currencies with token+network info, popular
+   * first
    */
   async currenciesList() {
     const response = await this.client.request("GET", "/cfg/payments/currencies/");
     return response;
   }
+  /**
+   * Get currency estimate
+   * 
+   * Get estimated crypto amount for a given USD amount, including min amount
+   */
+  async currenciesEstimateRetrieve(...args) {
+    const code = args[0];
+    const isParamsObject = args.length === 2 && typeof args[1] === "object" && args[1] !== null && !Array.isArray(args[1]);
+    let params;
+    if (isParamsObject) {
+      params = args[1];
+    } else {
+      params = { amount: args[1] };
+    }
+    const response = await this.client.request("GET", `/cfg/payments/currencies/${code}/estimate/`, { params });
+    return response;
+  }
+  /**
+   * Get withdrawal estimate
+   * 
+   * Get estimated crypto amount for withdrawal with fee breakdown
+   */
+  async currenciesWithdrawalEstimateRetrieve(...args) {
+    const code = args[0];
+    const isParamsObject = args.length === 2 && typeof args[1] === "object" && args[1] !== null && !Array.isArray(args[1]);
+    let params;
+    if (isParamsObject) {
+      params = args[1];
+    } else {
+      params = { amount: args[1] };
+    }
+    const response = await this.client.request("GET", `/cfg/payments/currencies/${code}/withdrawal-estimate/`, { params });
+    return response;
+  }
   /**
    * ViewSet for payment operations. Endpoints: - GET /payments/ - List
    * user's payments - GET /payments/{id}/ - Get payment details - POST
@@ -89,12 +124,12 @@ var ExtPaymentsPayments = class {
     return response.results || response;
   }
   /**
-   * POST /api/v1/payments/create/ Create new payment. Request body: {
-   * "amount_usd": "100.00", "currency_code": "USDTTRC20", "description":
-   * "Optional description" }
+   * Create payment
+   * 
+   * Create a new payment with specified amount and currency
    */
-  async paymentsCreateCreate() {
-    const response = await this.client.request("POST", "/cfg/payments/payments/create/");
+  async paymentsCreateCreate(data) {
+    const response = await this.client.request("POST", "/cfg/payments/payments/create/", { body: data });
     return response;
   }
   /**
@@ -113,6 +148,51 @@ var ExtPaymentsPayments = class {
     const response = await this.client.request("GET", "/cfg/payments/transactions/", { params });
     return response;
   }
+  /**
+   * ViewSet for withdrawal operations. Endpoints: - GET /withdrawals/ - List
+   * user's withdrawal requests - GET /withdrawals/{id}/ - Get withdrawal
+   * details - POST /withdrawals/create/ - Create withdrawal request - POST
+   * /withdrawals/{id}/cancel/ - Cancel pending withdrawal
+   */
+  async withdrawalsList(...args) {
+    const isParamsObject = args.length === 1 && typeof args[0] === "object" && args[0] !== null && !Array.isArray(args[0]);
+    let params;
+    if (isParamsObject) {
+      params = args[0];
+    } else {
+      params = { page: args[0], page_size: args[1] };
+    }
+    const response = await this.client.request("GET", "/cfg/payments/withdrawals/", { params });
+    return response;
+  }
+  /**
+   * ViewSet for withdrawal operations. Endpoints: - GET /withdrawals/ - List
+   * user's withdrawal requests - GET /withdrawals/{id}/ - Get withdrawal
+   * details - POST /withdrawals/create/ - Create withdrawal request - POST
+   * /withdrawals/{id}/cancel/ - Cancel pending withdrawal
+   */
+  async withdrawalsRetrieve(id) {
+    const response = await this.client.request("GET", `/cfg/payments/withdrawals/${id}/`);
+    return response;
+  }
+  /**
+   * Cancel withdrawal request
+   * 
+   * Cancel a pending withdrawal request
+   */
+  async withdrawalsCancelCreate(id) {
+    const response = await this.client.request("POST", `/cfg/payments/withdrawals/${id}/cancel/`);
+    return response;
+  }
+  /**
+   * Create withdrawal request
+   * 
+   * Create a new withdrawal request (requires admin approval)
+   */
+  async withdrawalsCreateCreate(data) {
+    const response = await this.client.request("POST", "/cfg/payments/withdrawals/create/", { body: data });
+    return response;
+  }
 };
 
 // src/api/generated/ext_payments/ext_payments__payments/models.ts
@@ -791,7 +871,9 @@ var enums_exports = {};
 __export(enums_exports, {
   PaymentDetailStatus: () => PaymentDetailStatus,
   PaymentListStatus: () => PaymentListStatus,
-  TransactionTransactionType: () => TransactionTransactionType
+  TransactionTransactionType: () => TransactionTransactionType,
+  WithdrawalDetailStatus: () => WithdrawalDetailStatus,
+  WithdrawalListStatus: () => WithdrawalListStatus
 });
 var PaymentDetailStatus = /* @__PURE__ */ ((PaymentDetailStatus2) => {
   PaymentDetailStatus2["PENDING"] = "pending";
@@ -825,6 +907,24 @@ var TransactionTransactionType = /* @__PURE__ */ ((TransactionTransactionType2)
   TransactionTransactionType2["ADJUSTMENT"] = "adjustment";
   return TransactionTransactionType2;
 })(TransactionTransactionType || {});
+var WithdrawalDetailStatus = /* @__PURE__ */ ((WithdrawalDetailStatus2) => {
+  WithdrawalDetailStatus2["PENDING"] = "pending";
+  WithdrawalDetailStatus2["APPROVED"] = "approved";
+  WithdrawalDetailStatus2["PROCESSING"] = "processing";
+  WithdrawalDetailStatus2["COMPLETED"] = "completed";
+  WithdrawalDetailStatus2["REJECTED"] = "rejected";
+  WithdrawalDetailStatus2["CANCELLED"] = "cancelled";
+  return WithdrawalDetailStatus2;
+})(WithdrawalDetailStatus || {});
+var WithdrawalListStatus = /* @__PURE__ */ ((WithdrawalListStatus2) => {
+  WithdrawalListStatus2["PENDING"] = "pending";
+  WithdrawalListStatus2["APPROVED"] = "approved";
+  WithdrawalListStatus2["PROCESSING"] = "processing";
+  WithdrawalListStatus2["COMPLETED"] = "completed";
+  WithdrawalListStatus2["REJECTED"] = "rejected";
+  WithdrawalListStatus2["CANCELLED"] = "cancelled";
+  return WithdrawalListStatus2;
+})(WithdrawalListStatus || {});
 
 // src/api/generated/ext_payments/_utils/schemas/index.ts
 var schemas_exports = {};
@@ -832,16 +932,24 @@ __export(schemas_exports, {
   BalanceSchema: () => BalanceSchema,
   CurrencySchema: () => CurrencySchema,
   PaginatedPaymentListListSchema: () => PaginatedPaymentListListSchema,
+  PaginatedWithdrawalListListSchema: () => PaginatedWithdrawalListListSchema,
+  PaymentCreateRequestSchema: () => PaymentCreateRequestSchema,
+  PaymentCreateResponseSchema: () => PaymentCreateResponseSchema,
   PaymentDetailSchema: () => PaymentDetailSchema,
   PaymentListSchema: () => PaymentListSchema,
-  TransactionSchema: () => TransactionSchema
+  TransactionSchema: () => TransactionSchema,
+  WithdrawalCancelResponseSchema: () => WithdrawalCancelResponseSchema,
+  WithdrawalCreateRequestSchema: () => WithdrawalCreateRequestSchema,
+  WithdrawalCreateResponseSchema: () => WithdrawalCreateResponseSchema,
+  WithdrawalDetailSchema: () => WithdrawalDetailSchema,
+  WithdrawalListSchema: () => WithdrawalListSchema
 });
 var BalanceSchema = z.object({
   balance_usd: z.string(),
   balance_display: z.string(),
   total_deposited: z.string(),
   total_withdrawn: z.string(),
-  last_transaction_at: z.iso.datetime().nullable()
+  last_transaction_at: z.string().datetime({ offset: true }).nullable()
 });
 var CurrencySchema = z.object({
   code: z.string(),
@@ -863,8 +971,8 @@ var PaymentListSchema = z.object({
   currency_token: z.string(),
   status: z.nativeEnum(PaymentListStatus),
   status_display: z.string(),
-  created_at: z.iso.datetime(),
-  completed_at: z.iso.datetime().nullable()
+  created_at: z.string().datetime({ offset: true }),
+  completed_at: z.string().datetime({ offset: true }).nullable()
 });
 
 // src/api/generated/ext_payments/_utils/schemas/PaginatedPaymentListList.schema.ts
@@ -879,6 +987,36 @@ var PaginatedPaymentListListSchema = z.object({
   previous_page: z.int().nullable().optional(),
   results: z.array(PaymentListSchema)
 });
+var WithdrawalListSchema = z.object({
+  id: z.string().regex(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i),
+  internal_withdrawal_id: z.string(),
+  amount_usd: z.string(),
+  final_amount_usd: z.string(),
+  currency_code: z.string(),
+  currency_token: z.string(),
+  status: z.nativeEnum(WithdrawalListStatus),
+  status_display: z.string(),
+  created_at: z.string().datetime({ offset: true }),
+  completed_at: z.string().datetime({ offset: true }).nullable()
+});
+
+// src/api/generated/ext_payments/_utils/schemas/PaginatedWithdrawalListList.schema.ts
+var PaginatedWithdrawalListListSchema = z.object({
+  count: z.int(),
+  page: z.int(),
+  pages: z.int(),
+  page_size: z.int(),
+  has_next: z.boolean(),
+  has_previous: z.boolean(),
+  next_page: z.int().nullable().optional(),
+  previous_page: z.int().nullable().optional(),
+  results: z.array(WithdrawalListSchema)
+});
+var PaymentCreateRequestSchema = z.object({
+  amount_usd: z.string(),
+  currency_code: z.string().min(1).max(20),
+  description: z.string().max(500).optional()
+});
 var PaymentDetailSchema = z.object({
   id: z.string().regex(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i),
   internal_payment_id: z.string(),
@@ -898,14 +1036,21 @@ var PaymentDetailSchema = z.object({
   transaction_hash: z.string().nullable(),
   explorer_link: z.string().nullable(),
   confirmations_count: z.int(),
-  expires_at: z.iso.datetime().nullable(),
-  completed_at: z.iso.datetime().nullable(),
-  created_at: z.iso.datetime(),
+  expires_at: z.string().datetime({ offset: true }).nullable(),
+  completed_at: z.string().datetime({ offset: true }).nullable(),
+  created_at: z.string().datetime({ offset: true }),
   is_completed: z.boolean(),
   is_failed: z.boolean(),
   is_expired: z.boolean(),
   description: z.string()
 });
+
+// src/api/generated/ext_payments/_utils/schemas/PaymentCreateResponse.schema.ts
+var PaymentCreateResponseSchema = z.object({
+  success: z.boolean(),
+  payment: PaymentDetailSchema,
+  qr_code_url: z.union([z.url(), z.literal("")]).nullable()
+});
 var TransactionSchema = z.object({
   id: z.string().regex(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i),
   transaction_type: z.nativeEnum(TransactionTransactionType),
@@ -915,7 +1060,49 @@ var TransactionSchema = z.object({
   balance_after: z.string(),
   payment_id: z.string().nullable(),
   description: z.string(),
-  created_at: z.iso.datetime()
+  created_at: z.string().datetime({ offset: true })
+});
+var WithdrawalDetailSchema = z.object({
+  id: z.string().regex(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i),
+  internal_withdrawal_id: z.string(),
+  amount_usd: z.string(),
+  currency_code: z.string(),
+  currency_name: z.string(),
+  currency_token: z.string(),
+  currency_network: z.string(),
+  wallet_address: z.string(),
+  network_fee_usd: z.string(),
+  service_fee_usd: z.string(),
+  total_fee_usd: z.string(),
+  final_amount_usd: z.string(),
+  crypto_amount: z.string().nullable(),
+  status: z.nativeEnum(WithdrawalDetailStatus),
+  status_display: z.string(),
+  transaction_hash: z.string().nullable(),
+  explorer_link: z.string().nullable(),
+  admin_notes: z.string(),
+  created_at: z.string().datetime({ offset: true }),
+  approved_at: z.string().datetime({ offset: true }).nullable(),
+  completed_at: z.string().datetime({ offset: true }).nullable(),
+  rejected_at: z.string().datetime({ offset: true }).nullable(),
+  cancelled_at: z.string().datetime({ offset: true }).nullable()
+});
+
+// src/api/generated/ext_payments/_utils/schemas/WithdrawalCancelResponse.schema.ts
+var WithdrawalCancelResponseSchema = z.object({
+  success: z.boolean(),
+  withdrawal: WithdrawalDetailSchema,
+  message: z.string()
+});
+var WithdrawalCreateRequestSchema = z.object({
+  amount_usd: z.string(),
+  currency_code: z.string().min(1).max(20),
+  wallet_address: z.string().min(1).max(255)
+});
+var WithdrawalCreateResponseSchema = z.object({
+  success: z.boolean(),
+  withdrawal: WithdrawalDetailSchema,
+  message: z.string()
 });
 
 // src/api/generated/ext_payments/validation-events.ts
@@ -969,12 +1156,18 @@ var fetchers_exports = {};
 __export(fetchers_exports, {
   createPaymentsPaymentsConfirmCreate: () => createPaymentsPaymentsConfirmCreate,
   createPaymentsPaymentsCreateCreate: () => createPaymentsPaymentsCreateCreate,
+  createPaymentsWithdrawalsCancelCreate: () => createPaymentsWithdrawalsCancelCreate,
+  createPaymentsWithdrawalsCreateCreate: () => createPaymentsWithdrawalsCreateCreate,
   getPaymentsBalanceRetrieve: () => getPaymentsBalanceRetrieve,
+  getPaymentsCurrenciesEstimateRetrieve: () => getPaymentsCurrenciesEstimateRetrieve,
   getPaymentsCurrenciesList: () => getPaymentsCurrenciesList,
+  getPaymentsCurrenciesWithdrawalEstimateRetrieve: () => getPaymentsCurrenciesWithdrawalEstimateRetrieve,
   getPaymentsPaymentsList: () => getPaymentsPaymentsList,
   getPaymentsPaymentsRetrieve: () => getPaymentsPaymentsRetrieve,
   getPaymentsPaymentsStatusRetrieve: () => getPaymentsPaymentsStatusRetrieve,
-  getPaymentsTransactionsList: () => getPaymentsTransactionsList
+  getPaymentsTransactionsList: () => getPaymentsTransactionsList,
+  getPaymentsWithdrawalsList: () => getPaymentsWithdrawalsList,
+  getPaymentsWithdrawalsRetrieve: () => getPaymentsWithdrawalsRetrieve
 });
 
 // src/api/generated/ext_payments/api-instance.ts
@@ -1079,6 +1272,16 @@ async function getPaymentsCurrenciesList(client) {
   const response = await api.ext_payments_payments.currenciesList();
   return response;
 }
+async function getPaymentsCurrenciesEstimateRetrieve(code, params, client) {
+  const api = client || getAPIInstance();
+  const response = await api.ext_payments_payments.currenciesEstimateRetrieve(code, params?.amount);
+  return response;
+}
+async function getPaymentsCurrenciesWithdrawalEstimateRetrieve(code, params, client) {
+  const api = client || getAPIInstance();
+  const response = await api.ext_payments_payments.currenciesWithdrawalEstimateRetrieve(code, params?.amount);
+  return response;
+}
 async function getPaymentsPaymentsList(params, client) {
   const api = client || getAPIInstance();
   const response = await api.ext_payments_payments.paymentsList(params?.page, params?.page_size);
@@ -1247,11 +1450,11 @@ Method: GET`);
     throw error;
   }
 }
-async function createPaymentsPaymentsCreateCreate(client) {
+async function createPaymentsPaymentsCreateCreate(data, client) {
   const api = client || getAPIInstance();
-  const response = await api.ext_payments_payments.paymentsCreateCreate();
+  const response = await api.ext_payments_payments.paymentsCreateCreate(data);
   try {
-    return PaymentListSchema.parse(response);
+    return PaymentCreateResponseSchema.parse(response);
   } catch (error) {
     consola.error("\u274C Zod Validation Failed");
     consola.box(`createPaymentsPaymentsCreateCreate
@@ -1294,6 +1497,174 @@ async function getPaymentsTransactionsList(params, client) {
   const response = await api.ext_payments_payments.transactionsList(params?.limit, params?.offset, params?.type);
   return response;
 }
+async function getPaymentsWithdrawalsList(params, client) {
+  const api = client || getAPIInstance();
+  const response = await api.ext_payments_payments.withdrawalsList(params?.page, params?.page_size);
+  try {
+    return PaginatedWithdrawalListListSchema.parse(response);
+  } catch (error) {
+    consola.error("\u274C Zod Validation Failed");
+    consola.box(`getPaymentsWithdrawalsList
+Path: /cfg/payments/withdrawals/
+Method: GET`);
+    if (error instanceof Error && "issues" in error && Array.isArray(error.issues)) {
+      consola.error("Validation Issues:");
+      error.issues.forEach((issue, index) => {
+        consola.error(`  ${index + 1}. ${issue.path.join(".") || "root"}`);
+        consola.error(`     \u251C\u2500 Message: ${issue.message}`);
+        if (issue.expected) consola.error(`     \u251C\u2500 Expected: ${issue.expected}`);
+        if (issue.received) consola.error(`     \u2514\u2500 Received: ${issue.received}`);
+      });
+    }
+    consola.error("Response data:", response);
+    if (typeof window !== "undefined" && error instanceof Error && "issues" in error) {
+      try {
+        const event = new CustomEvent("zod-validation-error", {
+          detail: {
+            operation: "getPaymentsWithdrawalsList",
+            path: "/cfg/payments/withdrawals/",
+            method: "GET",
+            error,
+            response,
+            timestamp: /* @__PURE__ */ new Date()
+          },
+          bubbles: true,
+          cancelable: false
+        });
+        window.dispatchEvent(event);
+      } catch (eventError) {
+        consola.warn("Failed to dispatch validation error event:", eventError);
+      }
+    }
+    throw error;
+  }
+}
+async function getPaymentsWithdrawalsRetrieve(id, client) {
+  const api = client || getAPIInstance();
+  const response = await api.ext_payments_payments.withdrawalsRetrieve(id);
+  try {
+    return WithdrawalDetailSchema.parse(response);
+  } catch (error) {
+    consola.error("\u274C Zod Validation Failed");
+    consola.box(`getPaymentsWithdrawalsRetrieve
+Path: /cfg/payments/withdrawals/{id}/
+Method: GET`);
+    if (error instanceof Error && "issues" in error && Array.isArray(error.issues)) {
+      consola.error("Validation Issues:");
+      error.issues.forEach((issue, index) => {
+        consola.error(`  ${index + 1}. ${issue.path.join(".") || "root"}`);
+        consola.error(`     \u251C\u2500 Message: ${issue.message}`);
+        if (issue.expected) consola.error(`     \u251C\u2500 Expected: ${issue.expected}`);
+        if (issue.received) consola.error(`     \u2514\u2500 Received: ${issue.received}`);
+      });
+    }
+    consola.error("Response data:", response);
+    if (typeof window !== "undefined" && error instanceof Error && "issues" in error) {
+      try {
+        const event = new CustomEvent("zod-validation-error", {
+          detail: {
+            operation: "getPaymentsWithdrawalsRetrieve",
+            path: "/cfg/payments/withdrawals/{id}/",
+            method: "GET",
+            error,
+            response,
+            timestamp: /* @__PURE__ */ new Date()
+          },
+          bubbles: true,
+          cancelable: false
+        });
+        window.dispatchEvent(event);
+      } catch (eventError) {
+        consola.warn("Failed to dispatch validation error event:", eventError);
+      }
+    }
+    throw error;
+  }
+}
+async function createPaymentsWithdrawalsCancelCreate(id, client) {
+  const api = client || getAPIInstance();
+  const response = await api.ext_payments_payments.withdrawalsCancelCreate(id);
+  try {
+    return WithdrawalCancelResponseSchema.parse(response);
+  } catch (error) {
+    consola.error("\u274C Zod Validation Failed");
+    consola.box(`createPaymentsWithdrawalsCancelCreate
+Path: /cfg/payments/withdrawals/{id}/cancel/
+Method: POST`);
+    if (error instanceof Error && "issues" in error && Array.isArray(error.issues)) {
+      consola.error("Validation Issues:");
+      error.issues.forEach((issue, index) => {
+        consola.error(`  ${index + 1}. ${issue.path.join(".") || "root"}`);
+        consola.error(`     \u251C\u2500 Message: ${issue.message}`);
+        if (issue.expected) consola.error(`     \u251C\u2500 Expected: ${issue.expected}`);
+        if (issue.received) consola.error(`     \u2514\u2500 Received: ${issue.received}`);
+      });
+    }
+    consola.error("Response data:", response);
+    if (typeof window !== "undefined" && error instanceof Error && "issues" in error) {
+      try {
+        const event = new CustomEvent("zod-validation-error", {
+          detail: {
+            operation: "createPaymentsWithdrawalsCancelCreate",
+            path: "/cfg/payments/withdrawals/{id}/cancel/",
+            method: "POST",
+            error,
+            response,
+            timestamp: /* @__PURE__ */ new Date()
+          },
+          bubbles: true,
+          cancelable: false
+        });
+        window.dispatchEvent(event);
+      } catch (eventError) {
+        consola.warn("Failed to dispatch validation error event:", eventError);
+      }
+    }
+    throw error;
+  }
+}
+async function createPaymentsWithdrawalsCreateCreate(data, client) {
+  const api = client || getAPIInstance();
+  const response = await api.ext_payments_payments.withdrawalsCreateCreate(data);
+  try {
+    return WithdrawalCreateResponseSchema.parse(response);
+  } catch (error) {
+    consola.error("\u274C Zod Validation Failed");
+    consola.box(`createPaymentsWithdrawalsCreateCreate
+Path: /cfg/payments/withdrawals/create/
+Method: POST`);
+    if (error instanceof Error && "issues" in error && Array.isArray(error.issues)) {
+      consola.error("Validation Issues:");
+      error.issues.forEach((issue, index) => {
+        consola.error(`  ${index + 1}. ${issue.path.join(".") || "root"}`);
+        consola.error(`     \u251C\u2500 Message: ${issue.message}`);
+        if (issue.expected) consola.error(`     \u251C\u2500 Expected: ${issue.expected}`);
+        if (issue.received) consola.error(`     \u2514\u2500 Received: ${issue.received}`);
+      });
+    }
+    consola.error("Response data:", response);
+    if (typeof window !== "undefined" && error instanceof Error && "issues" in error) {
+      try {
+        const event = new CustomEvent("zod-validation-error", {
+          detail: {
+            operation: "createPaymentsWithdrawalsCreateCreate",
+            path: "/cfg/payments/withdrawals/create/",
+            method: "POST",
+            error,
+            response,
+            timestamp: /* @__PURE__ */ new Date()
+          },
+          bubbles: true,
+          cancelable: false
+        });
+        window.dispatchEvent(event);
+      } catch (eventError) {
+        consola.warn("Failed to dispatch validation error event:", eventError);
+      }
+    }
+    throw error;
+  }
+}
 
 // src/api/generated/ext_payments/index.ts
 var TOKEN_KEY = "auth_token";
@@ -1420,6 +1791,8 @@ var API = class {
     return "./schema.json";
   }
 };
+
+// src/api/index.ts
 initializeExtensionAPI(configureAPI);
 var apiPayments = createExtensionAPI(API);
 function usePaymentsBalanceRetrieve(client) {
@@ -1440,24 +1813,10 @@ function usePaymentsPaymentsList(params, client) {
     () => getPaymentsPaymentsList(params, client)
   );
 }
-function usePaymentsPaymentsRetrieve(id, client) {
-  return useSWR(
-    ["cfg-payments-payment", id],
-    () => getPaymentsPaymentsRetrieve(id, client)
-  );
-}
-function useCreatePaymentsPaymentsConfirmCreate() {
-  const { mutate } = useSWRConfig();
-  return async (id, client) => {
-    const result = await createPaymentsPaymentsConfirmCreate(id, client);
-    mutate("cfg-payments-payments-confirm");
-    return result;
-  };
-}
 function useCreatePaymentsPaymentsCreateCreate() {
   const { mutate } = useSWRConfig();
-  return async (client) => {
-    const result = await createPaymentsPaymentsCreateCreate(client);
+  return async (data, client) => {
+    const result = await createPaymentsPaymentsCreateCreate(data, client);
     mutate("cfg-payments-payments");
     return result;
   };
@@ -1468,287 +1827,1001 @@ function usePaymentsTransactionsList(params, client) {
     () => getPaymentsTransactionsList(params, client)
   );
 }
-var PaymentsContext = createContext(void 0);
-function PaymentsProvider({ children }) {
-  const {
-    data: payments,
-    error: paymentsError,
-    isLoading: isLoadingPayments,
-    mutate: mutatePayments
-  } = usePaymentsPaymentsList({ page: 1, page_size: 1 }, apiPayments);
-  const refreshPayments = async () => {
-    await mutatePayments();
-  };
-  const createPaymentMutation = useCreatePaymentsPaymentsCreateCreate();
-  const confirmPaymentMutation = useCreatePaymentsPaymentsConfirmCreate();
-  const getPayment = async (id) => {
-    return getPaymentsPaymentsRetrieve(id, apiPayments);
-  };
-  const createPayment = async () => {
-    const result = await createPaymentMutation(apiPayments);
-    await refreshPayments();
+function usePaymentsWithdrawalsList(params, client) {
+  return useSWR(
+    params ? ["cfg-payments-withdrawals", params] : "cfg-payments-withdrawals",
+    () => getPaymentsWithdrawalsList(params, client)
+  );
+}
+function useCreatePaymentsWithdrawalsCancelCreate() {
+  const { mutate } = useSWRConfig();
+  return async (id, client) => {
+    const result = await createPaymentsWithdrawalsCancelCreate(id, client);
+    mutate("cfg-payments-withdrawals-cancel");
     return result;
   };
-  const confirmPayment = async (id) => {
-    const result = await confirmPaymentMutation(id, apiPayments);
-    await refreshPayments();
+}
+function useCreatePaymentsWithdrawalsCreateCreate() {
+  const { mutate } = useSWRConfig();
+  return async (data, client) => {
+    const result = await createPaymentsWithdrawalsCreateCreate(data, client);
+    mutate("cfg-payments-withdrawals");
     return result;
   };
-  const checkPaymentStatus = async (id) => {
-    return getPaymentsPaymentsStatusRetrieve(id, apiPayments);
-  };
-  const value = {
-    payments,
-    isLoadingPayments,
-    paymentsError,
-    refreshPayments,
-    getPayment,
-    createPayment,
-    confirmPayment,
-    checkPaymentStatus
-  };
-  return /* @__PURE__ */ jsx(PaymentsContext.Provider, { value, children });
 }
-function usePaymentsContext() {
-  const context = useContext(PaymentsContext);
-  if (!context) {
-    throw new Error("usePaymentsContext must be used within PaymentsProvider");
-  }
-  return context;
-}
-createContext(void 0);
-createContext(void 0);
-var OverviewContext = createContext(void 0);
-function OverviewProvider({ children }) {
-  const swrConfig = {
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    revalidateIfStale: false
-  };
+var WalletContext = createContext(void 0);
+function WalletProvider({ children }) {
   const {
     data: balance,
-    error: balanceError,
     isLoading: isLoadingBalance,
     mutate: mutateBalance
   } = usePaymentsBalanceRetrieve(apiPayments);
   const {
-    data: payments,
-    error: paymentsError,
+    data: paymentsData,
     isLoading: isLoadingPayments,
     mutate: mutatePayments
-  } = usePaymentsPaymentsList({}, apiPayments);
+  } = usePaymentsPaymentsList({ page: 1, page_size: 20 }, apiPayments);
   const {
-    data: transactions,
-    error: transactionsError,
+    data: transactionsData,
     isLoading: isLoadingTransactions,
     mutate: mutateTransactions
-  } = usePaymentsTransactionsList({}, apiPayments);
+  } = usePaymentsTransactionsList({ limit: 20 }, apiPayments);
+  const {
+    data: currenciesData,
+    isLoading: isLoadingCurrencies,
+    mutate: mutateCurrencies
+  } = usePaymentsCurrenciesList(apiPayments);
+  const {
+    data: withdrawalsData,
+    isLoading: isLoadingWithdrawals,
+    mutate: mutateWithdrawals
+  } = usePaymentsWithdrawalsList({ page: 1, page_size: 20 }, apiPayments);
   const createPaymentMutation = useCreatePaymentsPaymentsCreateCreate();
-  const isLoadingOverview = isLoadingBalance || isLoadingPayments || isLoadingTransactions;
-  const overviewError = balanceError || paymentsError || transactionsError;
-  const refreshBalance = async () => {
-    await mutateBalance();
-  };
-  const refreshPayments = async () => {
-    await mutatePayments();
-  };
-  const refreshTransactions = async () => {
-    await mutateTransactions();
-  };
-  const refreshOverview = async () => {
+  const createWithdrawalMutation = useCreatePaymentsWithdrawalsCreateCreate();
+  const cancelWithdrawalMutation = useCreatePaymentsWithdrawalsCancelCreate();
+  const balanceAmount = useMemo(() => {
+    if (!balance?.balance_usd) return 0;
+    return parseFloat(balance.balance_usd) || 0;
+  }, [balance]);
+  const activity = useMemo(() => {
+    const items = [];
+    const payments = paymentsData?.results || [];
+    for (const payment of payments) {
+      items.push({
+        id: `payment-${payment.id}`,
+        type: "payment",
+        amount: payment.amount_usd,
+        amountDisplay: `+$${parseFloat(payment.amount_usd).toFixed(2)}`,
+        currency: payment.currency_code,
+        status: mapPaymentStatus(payment.status),
+        statusDisplay: payment.status_display,
+        description: `${payment.currency_code} payment`,
+        createdAt: payment.created_at,
+        payment
+      });
+    }
+    const withdrawals = withdrawalsData?.results || [];
+    for (const withdrawal of withdrawals) {
+      items.push({
+        id: `withdrawal-${withdrawal.id}`,
+        type: "withdrawal",
+        amount: withdrawal.amount_usd,
+        amountDisplay: `-$${parseFloat(withdrawal.amount_usd).toFixed(2)}`,
+        currency: withdrawal.currency_code,
+        status: mapWithdrawalStatus(withdrawal.status),
+        statusDisplay: withdrawal.status_display,
+        description: `${withdrawal.currency_code} withdrawal`,
+        createdAt: withdrawal.created_at,
+        withdrawal
+      });
+    }
+    const transactions = transactionsData?.results || transactionsData || [];
+    if (Array.isArray(transactions)) {
+      for (const tx of transactions) {
+        if (tx.payment_id && payments.some((p) => p.id === tx.payment_id)) {
+          continue;
+        }
+        const isDeposit = tx.transaction_type === "deposit";
+        items.push({
+          id: `tx-${tx.id}`,
+          type: isDeposit ? "deposit" : "withdrawal",
+          amount: tx.amount_usd,
+          amountDisplay: `${isDeposit ? "+" : "-"}$${Math.abs(parseFloat(tx.amount_usd)).toFixed(2)}`,
+          status: "completed",
+          statusDisplay: "Completed",
+          description: tx.description || tx.type_display,
+          createdAt: tx.created_at,
+          transaction: tx
+        });
+      }
+    }
+    items.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
+    return items;
+  }, [paymentsData, withdrawalsData, transactionsData]);
+  const currencies = useMemo(() => {
+    const data = currenciesData?.currencies || currenciesData?.results || currenciesData || [];
+    if (!Array.isArray(data)) return [];
+    return data.filter((c) => c.is_enabled !== false).map((c) => ({
+      code: c.code || c.currency_code || c.symbol,
+      name: c.name || c.code,
+      token: c.token || c.code,
+      // Token symbol (e.g., USDT, WBTC) with fallback to code
+      network: c.network || void 0,
+      enabled: c.is_enabled !== false
+    }));
+  }, [currenciesData]);
+  const addFunds = useCallback(async (data) => {
+    const response = await createPaymentMutation(data, apiPayments);
+    await Promise.all([mutateBalance(), mutatePayments(), mutateTransactions()]);
+    return response.payment;
+  }, [createPaymentMutation, mutateBalance, mutatePayments, mutateTransactions]);
+  const withdraw = useCallback(async (data) => {
+    const response = await createWithdrawalMutation(data, apiPayments);
+    await Promise.all([mutateBalance(), mutateWithdrawals(), mutateTransactions()]);
+    return response.withdrawal;
+  }, [createWithdrawalMutation, mutateBalance, mutateWithdrawals, mutateTransactions]);
+  const cancelWithdrawal = useCallback(async (id) => {
+    await cancelWithdrawalMutation(id, apiPayments);
+    await Promise.all([mutateBalance(), mutateWithdrawals(), mutateTransactions()]);
+  }, [cancelWithdrawalMutation, mutateBalance, mutateWithdrawals, mutateTransactions]);
+  const getPaymentDetails = useCallback(async (id) => {
+    return apiPayments.ext_payments_payments.paymentsRetrieve(id);
+  }, []);
+  const getWithdrawalDetails = useCallback(async (id) => {
+    return apiPayments.ext_payments_payments.withdrawalsRetrieve(id);
+  }, []);
+  const refreshWallet = useCallback(async () => {
     await Promise.all([
       mutateBalance(),
       mutatePayments(),
-      mutateTransactions()
+      mutateWithdrawals(),
+      mutateTransactions(),
+      mutateCurrencies()
     ]);
-  };
-  const createPayment = async () => {
-    const result = await createPaymentMutation(apiPayments);
-    await refreshOverview();
-    return result;
-  };
+  }, [mutateBalance, mutatePayments, mutateWithdrawals, mutateTransactions, mutateCurrencies]);
+  const isLoading = isLoadingBalance || isLoadingPayments || isLoadingWithdrawals || isLoadingTransactions;
+  const isLoadingActivity = isLoadingPayments || isLoadingWithdrawals || isLoadingTransactions;
   const value = {
     balance,
+    balanceAmount,
     isLoadingBalance,
-    balanceError,
-    refreshBalance,
-    payments,
-    isLoadingPayments,
-    paymentsError,
-    refreshPayments,
-    transactions,
-    isLoadingTransactions,
-    transactionsError,
-    refreshTransactions,
-    createPayment,
-    isLoadingOverview,
-    overviewError,
-    refreshOverview
+    activity,
+    isLoadingActivity,
+    hasMoreActivity: (paymentsData?.count || 0) > 20 || (withdrawalsData?.count || 0) > 20,
+    currencies,
+    isLoadingCurrencies,
+    addFunds,
+    withdraw,
+    cancelWithdrawal,
+    getPaymentDetails,
+    getWithdrawalDetails,
+    refreshWallet,
+    isLoading
   };
-  return /* @__PURE__ */ jsx(SWRConfig, { value: swrConfig, children: /* @__PURE__ */ jsx(OverviewContext.Provider, { value, children }) });
+  return /* @__PURE__ */ jsx(WalletContext.Provider, { value, children });
 }
-function useOverviewContext() {
-  const context = useContext(OverviewContext);
+function useWallet() {
+  const context = useContext(WalletContext);
   if (!context) {
-    throw new Error("useOverviewContext must be used within OverviewProvider");
+    throw new Error("useWallet must be used within WalletProvider");
   }
   return context;
 }
-var RootPaymentsContext = createContext(void 0);
-function RootPaymentsProvider({ children }) {
-  const {
-    data: currencies,
-    error: currenciesError,
-    isLoading: isLoadingCurrencies,
-    mutate: mutateCurrencies
-  } = usePaymentsCurrenciesList(apiPayments);
-  const refreshCurrencies = async () => {
-    await mutateCurrencies();
-  };
-  const value = {
-    currencies,
-    isLoadingCurrencies,
-    currenciesError,
-    refreshCurrencies
-  };
-  return /* @__PURE__ */ jsx(RootPaymentsContext.Provider, { value, children });
+function mapPaymentStatus(status) {
+  switch (status?.toLowerCase()) {
+    case "completed":
+    case "success":
+    case "finished":
+      return "completed";
+    case "pending":
+    case "waiting":
+      return "pending";
+    case "confirming":
+    case "partially_paid":
+      return "confirming";
+    case "expired":
+      return "expired";
+    case "failed":
+    case "error":
+    case "cancelled":
+      return "failed";
+    default:
+      return "pending";
+  }
 }
-function useRootPaymentsContext() {
-  const context = useContext(RootPaymentsContext);
-  if (!context) {
-    throw new Error("useRootPaymentsContext must be used within RootPaymentsProvider");
+function mapWithdrawalStatus(status) {
+  switch (status?.toLowerCase()) {
+    case "completed":
+      return "completed";
+    case "pending":
+    case "approved":
+      return "pending";
+    case "processing":
+      return "confirming";
+    case "rejected":
+    case "cancelled":
+      return "failed";
+    default:
+      return "pending";
   }
-  return context;
+}
+function BalanceHero({ onAddFunds, onWithdraw, className }) {
+  const { balance, balanceAmount, isLoadingBalance, refreshWallet } = useWallet();
+  const formattedBalance = new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).format(balanceAmount);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center py-16 px-4", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "text-center mb-6", children: isLoadingBalance ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-48 mx-auto mb-2" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 mx-auto" })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-5xl font-bold tracking-tight tabular-nums", children: formattedBalance }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: "Available Balance" })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "lg",
+          onClick: onAddFunds,
+          className: "rounded-full px-6",
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-5 w-5 mr-2" }),
+            "Add Funds"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "lg",
+          variant: "outline",
+          onClick: onWithdraw,
+          className: "rounded-full px-6",
+          children: [
+            /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-5 w-5 mr-2" }),
+            "Withdraw"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "icon",
+          variant: "ghost",
+          onClick: () => refreshWallet(),
+          className: "rounded-full",
+          children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    balance && !isLoadingBalance && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6 mt-6 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxs("span", { className: "block font-medium text-foreground", children: [
+          "$",
+          parseFloat(balance.total_deposited || "0").toFixed(2)
+        ] }),
+        /* @__PURE__ */ jsx("span", { children: "Total Deposited" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-8 w-px bg-border" }),
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxs("span", { className: "block font-medium text-foreground", children: [
+          "$",
+          parseFloat(balance.total_withdrawn || "0").toFixed(2)
+        ] }),
+        /* @__PURE__ */ jsx("span", { children: "Total Withdrawn" })
+      ] })
+    ] })
+  ] });
+}
+var statusConfig = {
+  pending: {
+    icon: Clock,
+    color: "text-yellow-500",
+    bg: "bg-yellow-500/10"
+  },
+  confirming: {
+    icon: Loader2,
+    color: "text-blue-500",
+    bg: "bg-blue-500/10",
+    animate: true
+  },
+  completed: {
+    icon: CheckCircle2,
+    color: "text-green-500",
+    bg: "bg-green-500/10"
+  },
+  failed: {
+    icon: XCircle,
+    color: "text-red-500",
+    bg: "bg-red-500/10"
+  },
+  expired: {
+    icon: AlertCircle,
+    color: "text-muted-foreground",
+    bg: "bg-muted"
+  }
+};
+function ActivityItem({ item, onClick }) {
+  const config = statusConfig[item.status];
+  const StatusIcon = config.icon;
+  const isPositive = item.type === "payment" || item.type === "deposit";
+  const DirectionIcon = isPositive ? ArrowDownLeft : ArrowUpRight;
+  const relativeTime = moment3(item.createdAt).fromNow();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick,
+      className: cn(
+        "w-full flex items-center gap-4 p-4 rounded-xl",
+        "cursor-pointer",
+        "hover:bg-accent active:bg-accent/80 transition-colors",
+        "text-left"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: cn(
+          "flex items-center justify-center w-10 h-10 rounded-full",
+          isPositive ? "bg-green-500/10" : "bg-red-500/10"
+        ), children: item.currency ? /* @__PURE__ */ jsx(TokenIcon, { symbol: item.currency, size: 24 }) : /* @__PURE__ */ jsx(DirectionIcon, { className: cn(
+          "h-5 w-5",
+          isPositive ? "text-green-500" : "text-red-500"
+        ) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "font-medium truncate", children: item.description }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { children: relativeTime }),
+            item.status !== "completed" && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+              /* @__PURE__ */ jsxs("span", { className: cn("flex items-center gap-1", config.color), children: [
+                /* @__PURE__ */ jsx(StatusIcon, { className: cn("h-3 w-3", config.animate && "animate-spin") }),
+                item.statusDisplay
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsx("span", { className: cn(
+            "font-semibold tabular-nums",
+            isPositive ? "text-green-600 dark:text-green-400" : "text-foreground"
+          ), children: item.amountDisplay }),
+          item.status === "completed" && /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 text-green-500 ml-2 inline-block" })
+        ] })
+      ]
+    }
+  );
+}
+function ActivityList({
+  onItemClick,
+  onViewAll,
+  limit = 10,
+  className
+}) {
+  const { activity, isLoadingActivity, hasMoreActivity } = useWallet();
+  const displayedActivity = limit ? activity.slice(0, limit) : activity;
+  if (isLoadingActivity) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-4 py-2", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-32" }) }),
+      [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 p-4", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 rounded-full" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
+        ] }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16" })
+      ] }, i))
+    ] });
+  }
+  if (activity.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("text-center py-12", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-muted mb-4", children: /* @__PURE__ */ jsx(History, { className: "h-8 w-8 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsx("h3", { className: "font-semibold mb-1", children: "No Activity Yet" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Your transactions will appear here" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("pt-6", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "font-semibold text-lg", children: "Recent Activity" }),
+      hasMoreActivity && onViewAll && /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onViewAll, className: "text-primary", children: [
+        "View All",
+        /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 ml-1" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50", children: displayedActivity.map((item) => /* @__PURE__ */ jsx(
+      ActivityItem,
+      {
+        item,
+        onClick: () => onItemClick?.(item)
+      },
+      item.id
+    )) })
+  ] });
+}
+function useEstimate({
+  currencyCode,
+  amountUsd,
+  minAmount = 0,
+  debounceMs = 300,
+  skip = false
+}) {
+  const [estimate, setEstimate] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (skip || !currencyCode || amountUsd < minAmount) {
+      setEstimate(null);
+      setError(null);
+      return;
+    }
+    const fetchEstimate = async () => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const response = await apiPayments.ext_payments_payments.currenciesEstimateRetrieve(
+          currencyCode,
+          { amount: amountUsd }
+        );
+        if (response?.success && response?.estimated_amount) {
+          setEstimate({
+            estimatedAmount: parseFloat(response.estimated_amount),
+            usdRate: parseFloat(response.usd_rate) || 0,
+            minAmountUsd: response.min_amount_usd ? parseFloat(response.min_amount_usd) : null,
+            isStablecoin: response.is_stablecoin || false,
+            // New fee fields
+            amountToReceive: parseFloat(response.amount_to_receive) || amountUsd,
+            serviceFeeUsd: parseFloat(response.service_fee_usd) || 0,
+            serviceFeePercent: parseFloat(response.service_fee_percent) || 0,
+            totalToPayUsd: parseFloat(response.total_to_pay_usd) || amountUsd
+          });
+        } else {
+          setEstimate(null);
+        }
+      } catch (err) {
+        console.error("Failed to fetch estimate:", err);
+        setEstimate(null);
+        setError(err instanceof Error ? err : new Error("Failed to fetch estimate"));
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    const timeoutId = setTimeout(fetchEstimate, debounceMs);
+    return () => clearTimeout(timeoutId);
+  }, [currencyCode, amountUsd, minAmount, debounceMs, skip]);
+  return { estimate, isLoading, error };
+}
+function useWithdrawalEstimate({
+  currencyCode,
+  amountUsd,
+  minAmount = 10,
+  debounceMs = 300,
+  skip = false
+}) {
+  const [estimate, setEstimate] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (skip || !currencyCode || amountUsd < minAmount) {
+      setEstimate(null);
+      setError(null);
+      return;
+    }
+    const fetchEstimate = async () => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const response = await apiPayments.ext_payments_payments.currenciesWithdrawalEstimateRetrieve(
+          currencyCode,
+          { amount: amountUsd }
+        );
+        if (response?.success && response?.estimated_amount) {
+          setEstimate({
+            estimatedAmount: parseFloat(response.estimated_amount),
+            usdRate: parseFloat(response.usd_rate) || 0,
+            minAmountUsd: response.min_amount_usd ? parseFloat(response.min_amount_usd) : null,
+            isStablecoin: response.is_stablecoin || false,
+            // Withdrawal-specific fields
+            amountRequested: parseFloat(response.amount_requested) || amountUsd,
+            serviceFeeUsd: parseFloat(response.service_fee_usd) || 0,
+            serviceFeePercent: parseFloat(response.service_fee_percent) || 0,
+            networkFeeUsd: parseFloat(response.network_fee_usd) || 0,
+            totalFeesUsd: parseFloat(response.total_fees_usd) || 0,
+            amountToReceive: parseFloat(response.amount_to_receive) || 0
+          });
+        } else {
+          setEstimate(null);
+        }
+      } catch (err) {
+        console.error("Failed to fetch withdrawal estimate:", err);
+        setEstimate(null);
+        setError(err instanceof Error ? err : new Error("Failed to fetch withdrawal estimate"));
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    const timeoutId = setTimeout(fetchEstimate, debounceMs);
+    return () => clearTimeout(timeoutId);
+  }, [currencyCode, amountUsd, minAmount, debounceMs, skip]);
+  return { estimate, isLoading, error };
+}
+function useCurrencyOptions(currencies) {
+  return useMemo(() => {
+    return currencies.map((c) => ({
+      value: c.code,
+      label: c.name,
+      token: c.token,
+      network: c.network
+    }));
+  }, [currencies]);
+}
+function useDefaultCurrency({
+  currencyOptions,
+  savedCurrency,
+  currentValue,
+  setValue
+}) {
+  useEffect(() => {
+    if (currencyOptions.length > 0 && !currentValue) {
+      const savedOption = savedCurrency && currencyOptions.find((c) => c.value === savedCurrency);
+      if (savedOption) {
+        setValue(savedOption.value);
+      } else {
+        const usdt = currencyOptions.find((c) => c.value.includes("USDT"));
+        setValue(usdt?.value || currencyOptions[0].value);
+      }
+    }
+  }, [currencyOptions, savedCurrency, currentValue, setValue]);
+}
+function useAutoSave(value, save, validate) {
+  const saveRef = useRef(save);
+  const validateRef = useRef(validate);
+  useEffect(() => {
+    saveRef.current = save;
+    validateRef.current = validate;
+  });
+  useEffect(() => {
+    const isValid = validateRef.current ? validateRef.current(value) : Boolean(value);
+    if (isValid) {
+      saveRef.current(value);
+    }
+  }, [value]);
+}
+
+// src/utils/format.ts
+function formatUsdRate(rate) {
+  if (rate >= 1) {
+    return rate.toLocaleString(void 0, {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    });
+  } else if (rate >= 0.01) {
+    return rate.toLocaleString(void 0, {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 4
+    });
+  } else if (rate >= 1e-4) {
+    return rate.toLocaleString(void 0, {
+      minimumFractionDigits: 4,
+      maximumFractionDigits: 6
+    });
+  } else {
+    return rate.toLocaleString(void 0, {
+      minimumFractionDigits: 6,
+      maximumFractionDigits: 8
+    });
+  }
+}
+function formatCryptoAmount(amount, isStablecoin) {
+  const decimals = isStablecoin ? 2 : 8;
+  return amount.toFixed(decimals);
+}
+function formatUsdAmount(amount, alwaysShowCents = false) {
+  if (alwaysShowCents) {
+    return amount.toFixed(2);
+  }
+  const hasCents = amount % 1 !== 0;
+  if (hasCents) {
+    return amount.toFixed(2);
+  }
+  return amount.toFixed(0);
+}
+
+// src/utils/errors.ts
+function extractErrorMessage(err, fallback = "An error occurred") {
+  if (!err) return fallback;
+  const error = err;
+  const responseData = error.response?.data;
+  const response = responseData || error.response;
+  if (response) {
+    if (typeof response.error === "string") return response.error;
+    if (typeof response.message === "string") return response.message;
+    if (typeof response.detail === "string") return response.detail;
+  }
+  if (typeof error.errorMessage === "string") return error.errorMessage;
+  if (typeof error.message === "string") return error.message;
+  return fallback;
 }
 var isDevelopment = process.env.NODE_ENV === "development";
-var logger = createConsola({
+createConsola({
   level: isDevelopment ? 4 : 1
 }).withTag("ext-payments");
-var paymentsLogger = logger;
-
-// src/layouts/PaymentsLayout/events.ts
-var PAYMENT_EVENTS = {
-  OPEN_CREATE_PAYMENT_DIALOG: "payments:open-create-payment",
-  OPEN_PAYMENT_DETAILS_DIALOG: "payments:open-payment-details",
-  CLOSE_DIALOG: "payments:close-dialog"
-};
-var openCreatePaymentDialog = () => {
-  window.dispatchEvent(new Event(PAYMENT_EVENTS.OPEN_CREATE_PAYMENT_DIALOG));
-};
-var openPaymentDetailsDialog = (id) => {
-  window.dispatchEvent(
-    new CustomEvent(PAYMENT_EVENTS.OPEN_PAYMENT_DETAILS_DIALOG, {
-      detail: { id }
-    })
+function CurrencyCombobox({
+  options,
+  value,
+  onChange,
+  disabled,
+  placeholder = "Select currency..."
+}) {
+  return /* @__PURE__ */ jsx(
+    Combobox,
+    {
+      options,
+      value,
+      onValueChange: onChange,
+      placeholder,
+      searchPlaceholder: "Search...",
+      disabled,
+      className: "h-14",
+      renderOption: (option) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
+        /* @__PURE__ */ jsx(TokenIcon, { symbol: option.value, size: 24 }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.label })
+      ] }),
+      renderValue: (option) => option && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(TokenIcon, { symbol: option.value, size: 24 }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.label })
+      ] })
+    }
   );
-};
-var closePaymentsDialog = () => {
-  window.dispatchEvent(new Event(PAYMENT_EVENTS.CLOSE_DIALOG));
-};
-var PaymentCreateSchema = z.object({
-  amount_usd: z.number().min(0.01, "Amount must be at least $0.01"),
-  currency_code: z.string().min(1, "Please select a currency")
+}
+var AddFundsSchema = z.object({
+  amount: z.number().min(1, "Minimum $1"),
+  currency: z.string().min(1, "Select a currency")
 });
-var CreatePaymentDialog = () => {
-  const [open, setOpen] = useState(false);
+var STORAGE_KEY = "payments:addFunds";
+function AddFundsSheet({ open, onOpenChange, onSuccess }) {
+  const { currencies, isLoadingCurrencies, addFunds } = useWallet();
   const [isSubmitting, setIsSubmitting] = useState(false);
-  const { createPayment } = usePaymentsContext();
-  const { currencies, isLoadingCurrencies } = useRootPaymentsContext();
+  const [error, setError] = useState(null);
+  const [saved, setSaved] = useLocalStorage(STORAGE_KEY, {
+    currency: "",
+    amount: 100
+  });
   const form = useForm({
-    resolver: zodResolver(PaymentCreateSchema),
+    resolver: zodResolver(AddFundsSchema),
     defaultValues: {
-      amount_usd: 10,
-      currency_code: "USDT"
+      amount: saved.amount,
+      currency: saved.currency
     }
   });
-  const currenciesList = useMemo(() => {
-    const data = currencies?.currencies || currencies?.results || currencies || [];
-    return Array.isArray(data) ? data : [];
-  }, [currencies]);
-  const currencyOptions = useMemo(() => {
-    return currenciesList.filter((curr) => curr.is_enabled !== false).map((curr) => ({
-      code: curr.code || curr.currency_code || curr.symbol,
-      name: curr.name || curr.code || curr.currency_code,
-      usd_rate: curr.usd_rate || curr.rate || 1,
-      network: curr.network || null
-    }));
-  }, [currenciesList]);
-  const calculateCryptoAmount = useMemo(() => {
-    const amountUsd = form.watch("amount_usd");
-    const currencyCode = form.watch("currency_code");
-    const currency = currencyOptions.find((c) => c.code === currencyCode);
-    if (!currency || !currency.usd_rate || !amountUsd) {
-      return null;
-    }
-    const cryptoAmount = amountUsd / currency.usd_rate;
+  const watchedAmount = form.watch("amount");
+  const watchedCurrency = form.watch("currency");
+  useAutoSave(watchedAmount, (v) => setSaved((prev) => ({ ...prev, amount: v })), (v) => v > 0);
+  useAutoSave(watchedCurrency, (v) => setSaved((prev) => ({ ...prev, currency: v })));
+  const currencyOptions = useCurrencyOptions(currencies);
+  useDefaultCurrency({
+    currencyOptions,
+    savedCurrency: saved.currency,
+    currentValue: watchedCurrency,
+    setValue: (v) => form.setValue("currency", v)
+  });
+  const { estimate, isLoading: isLoadingEstimate } = useEstimate({
+    currencyCode: watchedCurrency,
+    amountUsd: watchedAmount,
+    minAmount: 1
+  });
+  const selectedCurrency = currencyOptions.find((c) => c.value === watchedCurrency);
+  const displayData = useMemo(() => {
+    if (!selectedCurrency || !estimate) return null;
+    const token = selectedCurrency.token;
+    const cryptoAmount = formatCryptoAmount(estimate.estimatedAmount, estimate.isStablecoin);
+    const rate = formatUsdRate(estimate.usdRate);
+    const belowMinimum = estimate.minAmountUsd ? watchedAmount < estimate.minAmountUsd : false;
+    const minAmount = estimate.minAmountUsd ? formatUsdAmount(estimate.minAmountUsd) : void 0;
     return {
-      amount: cryptoAmount,
-      currency: currency.code,
-      rate: currency.usd_rate,
-      network: currency.network
-    };
-  }, [form.watch("amount_usd"), form.watch("currency_code"), currencyOptions]);
-  useEffect(() => {
-    const handleOpen = () => setOpen(true);
-    const handleClose2 = () => setOpen(false);
-    window.addEventListener(PAYMENT_EVENTS.OPEN_CREATE_PAYMENT_DIALOG, handleOpen);
-    window.addEventListener(PAYMENT_EVENTS.CLOSE_DIALOG, handleClose2);
-    return () => {
-      window.removeEventListener(PAYMENT_EVENTS.OPEN_CREATE_PAYMENT_DIALOG, handleOpen);
-      window.removeEventListener(PAYMENT_EVENTS.CLOSE_DIALOG, handleClose2);
+      token,
+      cryptoAmount,
+      rate,
+      showRate: !estimate.isStablecoin && estimate.usdRate > 0,
+      belowMinimum,
+      minAmount,
+      // Fee breakdown from API
+      amountToReceive: estimate.amountToReceive,
+      serviceFeeUsd: estimate.serviceFeeUsd,
+      serviceFeePercent: estimate.serviceFeePercent,
+      totalToPayUsd: estimate.totalToPayUsd
     };
-  }, []);
-  const handleClose = () => {
-    setOpen(false);
-    form.reset();
-  };
-  useEffect(() => {
-    if (currencyOptions.length > 0 && !form.getValues("currency_code")) {
-      form.setValue("currency_code", currencyOptions[0].code);
+  }, [selectedCurrency, estimate, watchedAmount]);
+  const handleSubmit = useCallback(async (data) => {
+    try {
+      setIsSubmitting(true);
+      setError(null);
+      const result = await addFunds({
+        amount_usd: String(data.amount),
+        currency_code: data.currency
+      });
+      form.reset();
+      onOpenChange(false);
+      onSuccess?.(result);
+    } catch (err) {
+      setError(extractErrorMessage(err, "Failed to create payment"));
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [addFunds, form, onOpenChange, onSuccess]);
+  const handleOpenChange = useCallback((open2) => {
+    if (open2) {
+      form.reset({
+        amount: saved.amount,
+        currency: saved.currency
+      });
+    } else {
+      setError(null);
+    }
+    onOpenChange(open2);
+  }, [form, onOpenChange, saved]);
+  return /* @__PURE__ */ jsx(ResponsiveSheet, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(ResponsiveSheetContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsxs(ResponsiveSheetHeader, { children: [
+      /* @__PURE__ */ jsx(ResponsiveSheetTitle, { children: "Add Funds" }),
+      /* @__PURE__ */ jsx(ResponsiveSheetDescription, { children: "Add funds to your wallet using cryptocurrency" })
+    ] }),
+    /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-6 p-4 sm:p-0 sm:mt-4", children: [
+      /* @__PURE__ */ jsx(
+        FormField,
+        {
+          control: form.control,
+          name: "amount",
+          render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { children: "Amount (USD)" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx("span", { className: "absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground text-lg", children: "$" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "number",
+                  step: "0.01",
+                  min: "1",
+                  placeholder: "100",
+                  className: "pl-8 text-2xl h-14 font-semibold",
+                  ...field,
+                  onChange: (e) => field.onChange(parseFloat(e.target.value) || 0)
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormField,
+        {
+          control: form.control,
+          name: "currency",
+          render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { children: "Pay with" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+              CurrencyCombobox,
+              {
+                options: currencyOptions,
+                value: field.value,
+                onChange: field.onChange,
+                disabled: isLoadingCurrencies
+              }
+            ) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] })
+        }
+      ),
+      selectedCurrency && watchedAmount >= 1 && /* @__PURE__ */ jsx("div", { className: "bg-muted rounded-xl p-4 space-y-2", children: isLoadingEstimate ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-2", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "ml-2 text-sm text-muted-foreground", children: "Getting rate..." })
+      ] }) : displayData ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Amount" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "$",
+            formatUsdAmount(displayData.amountToReceive)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            "Service fee (",
+            displayData.serviceFeePercent,
+            "%)"
+          ] }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "+$",
+            formatUsdAmount(displayData.serviceFeeUsd)
+          ] })
+        ] }),
+        displayData.showRate && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { children: "Rate" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "1 ",
+            displayData.token,
+            " = $",
+            displayData.rate
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "border-t pt-2 mt-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "You will send" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 justify-end", children: [
+              /* @__PURE__ */ jsx(TokenIcon, { symbol: displayData.token, size: 20 }),
+              /* @__PURE__ */ jsxs("span", { className: "font-mono font-semibold text-lg", children: [
+                displayData.cryptoAmount,
+                " ",
+                displayData.token
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+              "~$",
+              formatUsdAmount(displayData.totalToPayUsd)
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm pt-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "You will receive" }),
+          /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+            "$",
+            formatUsdAmount(displayData.amountToReceive)
+          ] })
+        ] }),
+        displayData.belowMinimum && displayData.minAmount && /* @__PURE__ */ jsxs("div", { className: "text-sm text-destructive mt-2 pt-2 border-t border-destructive/20", children: [
+          "Minimum amount: $",
+          displayData.minAmount
+        ] })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "text-center text-sm text-muted-foreground py-2", children: "Enter amount to see conversion" }) }),
+      error && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx(AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          size: "lg",
+          className: "w-full h-14 text-lg rounded-xl",
+          disabled: isSubmitting || currencyOptions.length === 0 || isLoadingEstimate || displayData?.belowMinimum,
+          children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(RefreshCw, { className: "h-5 w-5 mr-2 animate-spin" }),
+            "Creating..."
+          ] }) : "Continue"
+        }
+      )
+    ] }) })
+  ] }) });
+}
+var WithdrawSchema = z.object({
+  amount: z.number().min(10, "Minimum $10"),
+  currency: z.string().min(1, "Select a currency"),
+  wallet_address: z.string().min(26, "Invalid wallet address")
+});
+var STORAGE_KEY2 = "payments:withdraw";
+function WithdrawSheet({ open, onOpenChange, onSuccess }) {
+  const { currencies, isLoadingCurrencies, withdraw, balanceAmount } = useWallet();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const [saved, setSaved] = useLocalStorage(STORAGE_KEY2, {
+    currency: "",
+    wallet: ""
+  });
+  const form = useForm({
+    resolver: zodResolver(WithdrawSchema),
+    defaultValues: {
+      amount: 10,
+      currency: saved.currency,
+      wallet_address: saved.wallet
     }
-  }, [currencyOptions, form]);
-  const handleSubmit = async (data) => {
+  });
+  const watchedAmount = form.watch("amount");
+  const watchedCurrency = form.watch("currency");
+  const watchedWallet = form.watch("wallet_address");
+  useAutoSave(watchedCurrency, (v) => setSaved((prev) => ({ ...prev, currency: v })));
+  useAutoSave(watchedWallet, (v) => setSaved((prev) => ({ ...prev, wallet: v })), (v) => v.length >= 26);
+  const currencyOptions = useCurrencyOptions(currencies);
+  useDefaultCurrency({
+    currencyOptions,
+    savedCurrency: saved.currency,
+    currentValue: watchedCurrency,
+    setValue: (v) => form.setValue("currency", v)
+  });
+  const selectedCurrency = currencyOptions.find((c) => c.value === watchedCurrency);
+  const amount = watchedAmount || 0;
+  const { estimate, isLoading: isLoadingEstimate } = useWithdrawalEstimate({
+    currencyCode: watchedCurrency,
+    amountUsd: amount,
+    minAmount: 10,
+    skip: amount < 10
+  });
+  const cryptoDisplay = useMemo(() => {
+    if (!selectedCurrency || !estimate) return null;
+    return {
+      token: selectedCurrency.token,
+      cryptoAmount: formatCryptoAmount(estimate.estimatedAmount, estimate.isStablecoin)
+    };
+  }, [selectedCurrency, estimate]);
+  const insufficientBalance = amount > balanceAmount;
+  const handleSubmit = useCallback(async (data) => {
     try {
       setIsSubmitting(true);
-      const result = await createPayment();
-      handleClose();
-      closePaymentsDialog();
-      const paymentData = result;
-      const paymentId = paymentData?.payment?.id || paymentData?.id;
-      if (paymentId) {
-        openPaymentDetailsDialog(String(paymentId));
-      }
-    } catch (error) {
-      paymentsLogger.error("Failed to create payment:", error);
+      setError(null);
+      const result = await withdraw({
+        amount_usd: String(data.amount),
+        currency_code: data.currency,
+        wallet_address: data.wallet_address
+      });
+      form.reset();
+      onOpenChange(false);
+      onSuccess?.(result);
+    } catch (err) {
+      setError(extractErrorMessage(err, "Failed to create withdrawal request"));
     } finally {
       setIsSubmitting(false);
     }
-  };
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: "Create Payment" }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: "Create a new payment to add funds to your account." })
+  }, [withdraw, form, onOpenChange, onSuccess]);
+  const handleOpenChange = useCallback((open2) => {
+    if (open2) {
+      form.reset({
+        amount: 10,
+        currency: saved.currency,
+        wallet_address: saved.wallet
+      });
+    } else {
+      setError(null);
+    }
+    onOpenChange(open2);
+  }, [form, onOpenChange, saved]);
+  return /* @__PURE__ */ jsx(ResponsiveSheet, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(ResponsiveSheetContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsxs(ResponsiveSheetHeader, { children: [
+      /* @__PURE__ */ jsx(ResponsiveSheetTitle, { children: "Withdraw" }),
+      /* @__PURE__ */ jsx(ResponsiveSheetDescription, { children: "Withdraw funds to your cryptocurrency wallet" })
     ] }),
-    /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-6 p-4 sm:p-0 sm:mt-4", children: [
       /* @__PURE__ */ jsx(
         FormField,
         {
           control: form.control,
-          name: "amount_usd",
+          name: "amount",
           render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
             /* @__PURE__ */ jsx(FormLabel, { children: "Amount (USD)" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx("span", { className: "absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground text-lg", children: "$" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "number",
+                  step: "0.01",
+                  min: "10",
+                  placeholder: "10",
+                  className: "pl-8 text-2xl h-14 font-semibold",
+                  ...field,
+                  onChange: (e) => field.onChange(parseFloat(e.target.value) || 0)
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx(FormMessage, {}),
+            insufficientBalance && /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive mt-1", children: [
+              "Insufficient balance (Available: $",
+              formatUsdAmount(balanceAmount),
+              ")"
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormField,
+        {
+          control: form.control,
+          name: "currency",
+          render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { children: "Withdraw as" }),
             /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
-              Input,
+              CurrencyCombobox,
               {
-                type: "number",
-                step: "0.01",
-                min: "0.01",
-                placeholder: "10.00",
-                ...field,
-                onChange: (e) => field.onChange(parseFloat(e.target.value) || 0)
+                options: currencyOptions,
+                value: field.value,
+                onChange: field.onChange,
+                disabled: isLoadingCurrencies
               }
             ) }),
-            /* @__PURE__ */ jsx(FormDescription, { children: "The amount you want to pay in USD." }),
             /* @__PURE__ */ jsx(FormMessage, {})
           ] })
         }
@@ -1757,122 +2830,366 @@ var CreatePaymentDialog = () => {
         FormField,
         {
           control: form.control,
-          name: "currency_code",
+          name: "wallet_address",
           render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-            /* @__PURE__ */ jsx(FormLabel, { children: "Currency" }),
-            /* @__PURE__ */ jsxs(
-              Select,
+            /* @__PURE__ */ jsx(FormLabel, { children: "Wallet Address" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+              Input,
               {
-                onValueChange: field.onChange,
-                defaultValue: field.value,
-                disabled: isLoadingCurrencies,
-                children: [
-                  /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select currency..." }) }) }),
-                  /* @__PURE__ */ jsx(SelectContent, { children: currencyOptions.map((curr) => /* @__PURE__ */ jsx(SelectItem, { value: curr.code, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx(TokenIcon, { symbol: curr.code, size: 16 }),
-                    /* @__PURE__ */ jsx("span", { children: curr.code }),
-                    curr.network && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-                      "(",
-                      curr.network,
-                      ")"
-                    ] })
-                  ] }) }, curr.code)) })
-                ]
+                placeholder: "Enter your wallet address",
+                className: "font-mono text-sm",
+                ...field
               }
-            ),
-            /* @__PURE__ */ jsx(FormDescription, { children: "The cryptocurrency to use for payment." }),
+            ) }),
             /* @__PURE__ */ jsx(FormMessage, {})
           ] })
         }
       ),
-      calculateCryptoAmount && /* @__PURE__ */ jsxs("div", { className: "rounded-sm bg-muted p-4 space-y-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "You will send" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(TokenIcon, { symbol: calculateCryptoAmount.currency, size: 16 }),
-            /* @__PURE__ */ jsxs("span", { className: "font-mono font-semibold", children: [
-              calculateCryptoAmount.amount.toFixed(8),
+      amount >= 10 && selectedCurrency && /* @__PURE__ */ jsxs("div", { className: "bg-muted rounded-xl p-4 space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Amount" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "$",
+            formatUsdAmount(amount)
+          ] })
+        ] }),
+        isLoadingEstimate ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground py-2", children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+          /* @__PURE__ */ jsx("span", { children: "Calculating fees..." })
+        ] }) : estimate ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              "Service fee (",
+              estimate.serviceFeePercent,
+              "%)"
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+              "-$",
+              formatUsdAmount(estimate.serviceFeeUsd)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Network fee" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+              "-$",
+              formatUsdAmount(estimate.networkFeeUsd)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "border-t pt-2 mt-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "You will receive" }),
+            /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+              /* @__PURE__ */ jsxs("div", { className: "font-semibold", children: [
+                "$",
+                formatUsdAmount(estimate.amountToReceive)
+              ] }),
+              cryptoDisplay && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(TokenIcon, { symbol: cryptoDisplay.token, size: 16 }),
+                /* @__PURE__ */ jsxs("span", { className: "font-mono", children: [
+                  cryptoDisplay.cryptoAmount,
+                  " ",
+                  cryptoDisplay.token
+                ] })
+              ] })
+            ] })
+          ] }) })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs(Alert, { children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx(AlertDescription, { children: "Withdrawal requests require admin approval. Processing may take 24-48 hours." })
+      ] }),
+      error && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx(AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          size: "lg",
+          className: "w-full h-14 text-lg rounded-xl",
+          disabled: isSubmitting || currencyOptions.length === 0 || insufficientBalance || !estimate || estimate.amountToReceive <= 0 || isLoadingEstimate,
+          children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(RefreshCw, { className: "h-5 w-5 mr-2 animate-spin" }),
+            "Submitting..."
+          ] }) : "Request Withdrawal"
+        }
+      )
+    ] }) })
+  ] }) });
+}
+var statusConfig2 = {
+  pending: {
+    icon: Clock,
+    color: "text-yellow-500",
+    bg: "bg-yellow-500/10",
+    label: "Pending Approval"
+  },
+  approved: {
+    icon: CheckCircle2,
+    color: "text-blue-500",
+    bg: "bg-blue-500/10",
+    label: "Approved"
+  },
+  processing: {
+    icon: RefreshCw,
+    color: "text-blue-500",
+    bg: "bg-blue-500/10",
+    label: "Processing",
+    animate: true
+  },
+  completed: {
+    icon: CheckCircle2,
+    color: "text-green-500",
+    bg: "bg-green-500/10",
+    label: "Completed"
+  },
+  rejected: {
+    icon: XCircle,
+    color: "text-red-500",
+    bg: "bg-red-500/10",
+    label: "Rejected"
+  },
+  cancelled: {
+    icon: Ban,
+    color: "text-muted-foreground",
+    bg: "bg-muted",
+    label: "Cancelled"
+  }
+};
+function WithdrawalSheet({ withdrawalId, open, onOpenChange }) {
+  const { getWithdrawalDetails, cancelWithdrawal, refreshWallet } = useWallet();
+  const { data: withdrawal, isLoading, error, mutate } = useSWR(
+    open && withdrawalId ? ["withdrawal-details", withdrawalId] : null,
+    () => getWithdrawalDetails(withdrawalId),
+    { refreshInterval: 3e4 }
+  );
+  const displayData = useMemo(() => {
+    const s = withdrawal?.status?.toLowerCase() || "pending";
+    const config2 = statusConfig2[s] || statusConfig2.pending;
+    const isPending = s === "pending";
+    const isCompleted = s === "completed";
+    const isRejected = s === "rejected";
+    const isCancelled = s === "cancelled";
+    const isProcessing = s === "processing" || s === "approved";
+    const canCancel2 = isPending;
+    let description2 = "";
+    if (isPending) description2 = "Waiting for admin approval";
+    else if (isProcessing) description2 = "Your withdrawal is being processed";
+    else if (isCompleted) description2 = "Withdrawal completed successfully";
+    else if (isRejected) description2 = "Withdrawal was rejected";
+    else if (isCancelled) description2 = "Withdrawal was cancelled";
+    const amountUsd2 = withdrawal?.amount_usd ? `$${parseFloat(withdrawal.amount_usd).toFixed(2)}` : "";
+    const finalAmountUsd2 = withdrawal?.final_amount_usd ? `$${parseFloat(withdrawal.final_amount_usd).toFixed(2)}` : "";
+    const totalFeeUsd2 = withdrawal?.total_fee_usd ? `$${parseFloat(withdrawal.total_fee_usd).toFixed(2)}` : "";
+    const createdAt2 = withdrawal?.created_at ? moment3.utc(withdrawal.created_at).local().format("MMM D, YYYY HH:mm") : "";
+    const completedAt2 = withdrawal?.completed_at ? moment3.utc(withdrawal.completed_at).local().format("MMM D, YYYY HH:mm") : null;
+    return {
+      status: s,
+      config: config2,
+      isPending,
+      isCompleted,
+      isRejected,
+      isCancelled,
+      isProcessing,
+      canCancel: canCancel2,
+      description: description2,
+      amountUsd: amountUsd2,
+      finalAmountUsd: finalAmountUsd2,
+      totalFeeUsd: totalFeeUsd2,
+      createdAt: createdAt2,
+      completedAt: completedAt2
+    };
+  }, [withdrawal]);
+  const { config, canCancel, description, amountUsd, finalAmountUsd, totalFeeUsd, createdAt, completedAt } = displayData;
+  const StatusIcon = config.icon;
+  const handleCancel = async () => {
+    if (!withdrawalId) return;
+    try {
+      await cancelWithdrawal(withdrawalId);
+      await mutate();
+      await refreshWallet();
+    } catch (err) {
+      console.error("Failed to cancel withdrawal:", err);
+    }
+  };
+  return /* @__PURE__ */ jsx(ResponsiveSheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(ResponsiveSheetContent, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsxs(ResponsiveSheetHeader, { children: [
+      /* @__PURE__ */ jsx(ResponsiveSheetTitle, { children: "Withdrawal Details" }),
+      /* @__PURE__ */ jsx(ResponsiveSheetDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-0 sm:mt-4 overflow-y-auto max-h-[70vh]", children: [
+      isLoading && /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full rounded-xl" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full rounded-xl" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full rounded-xl" })
+      ] }),
+      error && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
+        /* @__PURE__ */ jsx(XCircle, { className: "h-12 w-12 text-destructive mb-4" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Failed to load withdrawal" }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => mutate(), children: "Try Again" })
+      ] }),
+      withdrawal && !isLoading && /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3 p-4 rounded-xl", config.bg), children: [
+          /* @__PURE__ */ jsx(StatusIcon, { className: cn("h-6 w-6", config.color, config.animate && "animate-spin") }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "font-semibold", children: config.label }),
+            withdrawal.admin_notes && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: withdrawal.admin_notes })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "bg-muted rounded-xl p-4 space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Amount" }),
+            /* @__PURE__ */ jsx("span", { className: "font-semibold", children: amountUsd })
+          ] }),
+          totalFeeUsd && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Total fees" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+              "-",
+              totalFeeUsd
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-2 border-t", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "You receive" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(TokenIcon, { symbol: withdrawal.currency_code, size: 24 }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono font-bold text-lg", children: finalAmountUsd })
+            ] })
+          ] }),
+          withdrawal.crypto_amount && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Crypto amount" }),
+            /* @__PURE__ */ jsxs("span", { className: "font-mono", children: [
+              withdrawal.crypto_amount,
               " ",
-              calculateCryptoAmount.currency
+              withdrawal.currency_token
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "You will receive" }),
-          /* @__PURE__ */ jsxs("span", { className: "text-lg font-bold", children: [
-            "$",
-            form.watch("amount_usd")?.toFixed(2),
-            " USD"
+        withdrawal.wallet_address && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Destination Wallet" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1 p-3 bg-muted rounded-xl font-mono text-sm break-all", children: withdrawal.wallet_address }),
+            /* @__PURE__ */ jsx(CopyButton, { value: withdrawal.wallet_address, variant: "outline", className: "shrink-0" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Rate" }),
-          /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-            "1 ",
-            calculateCryptoAmount.currency,
-            " = $",
-            calculateCryptoAmount.rate?.toFixed(2)
+        withdrawal.transaction_hash && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Transaction Hash" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1 p-3 bg-muted rounded-xl font-mono text-sm break-all", children: withdrawal.transaction_hash }),
+            /* @__PURE__ */ jsx(CopyButton, { value: withdrawal.transaction_hash, variant: "outline", className: "shrink-0" })
           ] })
         ] }),
-        calculateCryptoAmount.network && /* @__PURE__ */ jsx("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Network" }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: calculateCryptoAmount.network })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsxs(DialogFooter, { children: [
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: handleClose, disabled: isSubmitting, children: "Cancel" }),
-        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting || currencyOptions.length === 0, children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4 mr-2 animate-spin" }),
-          "Creating..."
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-          "Create Payment"
-        ] }) })
+        withdrawal.explorer_link && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            className: "w-full",
+            onClick: () => window.open(withdrawal.explorer_link, "_blank"),
+            children: [
+              /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4 mr-2" }),
+              "View on Explorer"
+            ]
+          }
+        ),
+        canCancel && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "destructive",
+            className: "w-full",
+            onClick: handleCancel,
+            children: [
+              /* @__PURE__ */ jsx(Ban, { className: "h-4 w-4 mr-2" }),
+              "Cancel Withdrawal"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-xs text-muted-foreground pt-4 border-t", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("span", { children: "Withdrawal ID" }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono", children: withdrawal.id })
+          ] }),
+          withdrawal.internal_withdrawal_id && /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("span", { children: "Reference #" }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono", children: withdrawal.internal_withdrawal_id })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("span", { children: "Created" }),
+            /* @__PURE__ */ jsx("span", { children: createdAt })
+          ] }),
+          completedAt && /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("span", { children: "Completed" }),
+            /* @__PURE__ */ jsx("span", { children: completedAt })
+          ] }),
+          withdrawal.currency_network && /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("span", { children: "Network" }),
+            /* @__PURE__ */ jsx("span", { children: withdrawal.currency_network })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            className: "w-full",
+            onClick: () => mutate(),
+            children: [
+              /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4 mr-2" }),
+              "Refresh Status"
+            ]
+          }
+        )
       ] })
-    ] }) })
+    ] })
   ] }) });
+}
+var statusConfig3 = {
+  pending: {
+    icon: Clock,
+    color: "text-yellow-500",
+    bg: "bg-yellow-500/10",
+    label: "Waiting for payment"
+  },
+  confirming: {
+    icon: RefreshCw,
+    color: "text-blue-500",
+    bg: "bg-blue-500/10",
+    label: "Confirming",
+    animate: true
+  },
+  completed: {
+    icon: CheckCircle2,
+    color: "text-green-500",
+    bg: "bg-green-500/10",
+    label: "Completed"
+  },
+  failed: {
+    icon: XCircle,
+    color: "text-red-500",
+    bg: "bg-red-500/10",
+    label: "Failed"
+  },
+  expired: {
+    icon: AlertCircle,
+    color: "text-muted-foreground",
+    bg: "bg-muted",
+    label: "Expired"
+  }
 };
-var PaymentDetailsDialog = () => {
-  const [open, setOpen] = useState(false);
-  const [paymentId, setPaymentId] = useState(null);
+function PaymentSheet({ paymentId, open, onOpenChange, onCreateNew }) {
+  const { getPaymentDetails } = useWallet();
   const [timeLeft, setTimeLeft] = useState("");
-  const shouldFetch = open && !!paymentId;
-  const { data: payment, isLoading, error, mutate } = usePaymentsPaymentsRetrieve(
-    shouldFetch ? paymentId : "",
-    apiPayments
+  const { data: payment, isLoading, error, mutate } = useSWR(
+    open && paymentId ? ["payment-details", paymentId] : null,
+    () => getPaymentDetails(paymentId),
+    { refreshInterval: 1e4 }
   );
-  useEffect(() => {
-    const handleOpen = (event) => {
-      const customEvent = event;
-      setPaymentId(customEvent.detail.id);
-      setOpen(true);
-    };
-    const handleClose2 = () => {
-      setOpen(false);
-      setPaymentId(null);
-    };
-    window.addEventListener(PAYMENT_EVENTS.OPEN_PAYMENT_DETAILS_DIALOG, handleOpen);
-    window.addEventListener(PAYMENT_EVENTS.CLOSE_DIALOG, handleClose2);
-    return () => {
-      window.removeEventListener(PAYMENT_EVENTS.OPEN_PAYMENT_DETAILS_DIALOG, handleOpen);
-      window.removeEventListener(PAYMENT_EVENTS.CLOSE_DIALOG, handleClose2);
-    };
-  }, []);
-  const handleClose = () => {
-    setOpen(false);
-    setPaymentId(null);
-  };
   useEffect(() => {
     if (!payment?.expires_at) return;
     const updateTimeLeft = () => {
-      const now = moment();
-      const expires = moment.utc(payment.expires_at);
+      const now = moment3();
+      const expires = moment3.utc(payment.expires_at);
       const diff = expires.diff(now);
       if (diff <= 0) {
         setTimeLeft("Expired");
         return;
       }
-      const duration = moment.duration(diff);
+      const duration = moment3.duration(diff);
       const hours = Math.floor(duration.asHours());
       const minutes = duration.minutes();
       const seconds = duration.seconds();
@@ -1882,713 +3199,245 @@ var PaymentDetailsDialog = () => {
     const interval = setInterval(updateTimeLeft, 1e3);
     return () => clearInterval(interval);
   }, [payment?.expires_at]);
-  const getStatusInfo = () => {
-    switch (payment?.status?.toLowerCase()) {
-      case "pending":
-        return { icon: Clock, color: "text-yellow-500", bg: "bg-yellow-500/10" };
-      case "completed":
-      case "success":
-        return { icon: CheckCircle2, color: "text-green-500", bg: "bg-green-500/10" };
-      case "failed":
-      case "error":
-        return { icon: XCircle, color: "text-red-500", bg: "bg-red-500/10" };
-      case "expired":
-        return { icon: AlertCircle, color: "text-gray-500", bg: "bg-gray-500/10" };
-      case "confirming":
-        return { icon: RefreshCw, color: "text-blue-500", bg: "bg-blue-500/10" };
-      default:
-        return { icon: Clock, color: "text-gray-500", bg: "bg-gray-500/10" };
-    }
-  };
-  if (!open) return null;
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: "Payment Details" }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "Loading payment information..." })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-8 w-8 animate-spin text-muted-foreground" }) })
-    ] }) });
-  }
-  if (shouldFetch && !isLoading && (error || !payment)) {
-    return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: "Payment Details" }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "Failed to load payment information" })
+  const displayData = useMemo(() => {
+    const s = payment?.status?.toLowerCase();
+    let status;
+    if (s === "completed" || s === "success" || s === "finished") status = "completed";
+    else if (s === "confirming" || s === "partially_paid") status = "confirming";
+    else if (s === "expired") status = "expired";
+    else if (s === "failed" || s === "error" || s === "cancelled") status = "failed";
+    else status = "pending";
+    const config2 = statusConfig3[status];
+    const isPending = status === "pending";
+    const isExpired2 = status === "expired" || timeLeft === "Expired";
+    const isCompleted = status === "completed";
+    const isFailed = status === "failed";
+    const isConfirming = status === "confirming";
+    const canPay2 = isPending && !isExpired2;
+    let description2 = "";
+    if (canPay2) description2 = "Send cryptocurrency to complete payment";
+    else if (isExpired2) description2 = "This payment has expired";
+    else if (isCompleted) description2 = "Payment completed successfully";
+    else if (isFailed) description2 = "Payment failed";
+    else if (isConfirming) description2 = "Confirming your payment";
+    const statusBadge2 = {
+      bg: isExpired2 ? "bg-muted" : config2.bg,
+      iconColor: isExpired2 ? "text-muted-foreground" : config2.color,
+      iconAnimate: config2.animate,
+      label: isExpired2 ? "Payment Expired" : config2.label,
+      subtitle: canPay2 && timeLeft ? `Expires in ${timeLeft}` : isExpired2 ? "Please create a new payment to continue" : null
+    };
+    const qrCodeUrl2 = payment?.pay_address && canPay2 ? `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(payment.pay_address)}` : null;
+    const amountUsd2 = payment?.amount_usd ? `$${parseFloat(payment.amount_usd).toFixed(2)} USD` : "";
+    const createdAt2 = payment?.created_at ? moment3.utc(payment.created_at).local().format("MMM D, YYYY HH:mm") : "";
+    return {
+      status,
+      config: config2,
+      isPending,
+      isExpired: isExpired2,
+      isCompleted,
+      isFailed,
+      isConfirming,
+      canPay: canPay2,
+      description: description2,
+      statusBadge: statusBadge2,
+      qrCodeUrl: qrCodeUrl2,
+      amountUsd: amountUsd2,
+      createdAt: createdAt2
+    };
+  }, [payment, timeLeft]);
+  const { config, canPay, isExpired, description, statusBadge, qrCodeUrl, amountUsd, createdAt } = displayData;
+  const StatusIcon = config.icon;
+  return /* @__PURE__ */ jsx(ResponsiveSheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(ResponsiveSheetContent, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsxs(ResponsiveSheetHeader, { children: [
+      /* @__PURE__ */ jsx(ResponsiveSheetTitle, { children: "Payment Details" }),
+      /* @__PURE__ */ jsx(ResponsiveSheetDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-0 sm:mt-4 overflow-y-auto max-h-[70vh]", children: [
+      isLoading && /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-48 w-48 rounded-xl" }) }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-4", children: [
-        /* @__PURE__ */ jsx(XCircle, { className: "h-12 w-12 text-destructive" }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: error ? `Error: ${error}` : "Payment not found" }),
+      error && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
+        /* @__PURE__ */ jsx(XCircle, { className: "h-12 w-12 text-destructive mb-4" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Failed to load payment" }),
         /* @__PURE__ */ jsx(Button, { onClick: () => mutate(), children: "Try Again" })
-      ] })
-    ] }) });
-  }
-  const statusInfo = getStatusInfo();
-  const StatusIcon = statusInfo.icon;
-  const qrCodeUrl = payment.pay_address ? `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(payment.pay_address)}` : null;
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: "Payment Details" }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: "Send cryptocurrency to complete your payment" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-3 p-4 rounded-sm ${statusInfo.bg}`, children: [
-        /* @__PURE__ */ jsx(StatusIcon, { className: `h-5 w-5 ${statusInfo.color}` }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsx("div", { className: "font-semibold capitalize", children: payment.status }),
-          payment.status === "pending" && timeLeft && /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
-            "Expires in ",
-            timeLeft
-          ] })
-        ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 bg-muted rounded-sm", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Amount to send" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(TokenIcon, { symbol: String(payment.currency_code || "BTC"), size: 20 }),
-            /* @__PURE__ */ jsxs("span", { className: "font-mono font-bold text-lg", children: [
-              payment.pay_amount || "0.00000000",
-              " ",
-              payment.currency_code
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Equivalent to" }),
-          /* @__PURE__ */ jsxs("span", { className: "font-semibold text-lg", children: [
-            "$",
-            parseFloat(payment.amount_usd || "0").toFixed(2),
-            " USD"
+      payment && !isLoading && /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3 p-4 rounded-xl", statusBadge.bg), children: [
+          /* @__PURE__ */ jsx(StatusIcon, { className: cn("h-6 w-6", statusBadge.iconColor, statusBadge.iconAnimate && "animate-spin") }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "font-semibold", children: statusBadge.label }),
+            statusBadge.subtitle && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: statusBadge.subtitle })
           ] })
         ] }),
-        payment.internal_payment_id && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Payment Order #" }),
-          /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: payment.internal_payment_id })
-        ] }),
-        payment.currency_network && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Network" }),
-          /* @__PURE__ */ jsx("span", { className: "font-medium", children: payment.currency_network })
-        ] })
-      ] }),
-      qrCodeUrl && payment.status === "pending" && /* @__PURE__ */ jsx("div", { className: "flex justify-center p-6 bg-white rounded-sm", children: /* @__PURE__ */ jsx("img", { src: qrCodeUrl, alt: "Payment QR Code", className: "w-48 h-48" }) }),
-      payment.pay_address && payment.status === "pending" && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Payment Address" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-1 p-3 bg-muted rounded-sm font-mono text-sm break-all", children: payment.pay_address }),
-          /* @__PURE__ */ jsx(CopyButton, { value: payment.pay_address, variant: "outline" })
-        ] })
-      ] }),
-      payment.transaction_hash && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Transaction Hash" }),
-        /* @__PURE__ */ jsx("div", { className: "p-3 bg-muted rounded-sm font-mono text-sm break-all", children: payment.transaction_hash })
-      ] }),
-      payment.payment_url && payment.status === "pending" && /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "outline",
-          className: "w-full",
-          onClick: () => window.open(payment.payment_url, "_blank"),
-          children: [
-            /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4 mr-2" }),
-            "Open in Payment Provider"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "pt-4 border-t space-y-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ jsx("span", { children: "Payment ID" }),
-          /* @__PURE__ */ jsx("span", { className: "font-mono", children: payment.id })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ jsx("span", { children: "Created" }),
-          /* @__PURE__ */ jsx("span", { children: moment.utc(payment.created_at).local().format("MMM D, YYYY HH:mm") })
-        ] }),
-        payment.confirmations_count !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ jsx("span", { children: "Confirmations" }),
-          /* @__PURE__ */ jsx("span", { children: payment.confirmations_count })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClose, children: "Close" }),
-      /* @__PURE__ */ jsxs(Button, { onClick: () => mutate(), variant: "ghost", size: "sm", children: [
-        /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4 mr-2" }),
-        "Refresh"
-      ] })
-    ] })
-  ] }) });
-};
-var BalanceCard = () => {
-  const {
-    balance,
-    isLoadingBalance,
-    refreshBalance
-  } = useOverviewContext();
-  const formatCurrency = (amount) => {
-    if (amount === null || amount === void 0) return "$0.00";
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: "USD",
-      minimumFractionDigits: 2
-    }).format(amount);
-  };
-  const formatDate = (dateStr) => {
-    if (!dateStr) return "No transactions yet";
-    try {
-      return moment.utc(dateStr).local().format("MMM D, YYYY");
-    } catch {
-      return "Invalid date";
-    }
-  };
-  if (isLoadingBalance) {
-    return /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Wallet, { className: "h-5 w-5" }),
-          "Account Balance"
-        ] }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" })
-      ] }) }),
-      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-32" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
-      ] })
-    ] });
-  }
-  const balanceData = balance?.balance || balance;
-  const amountUsd = balanceData?.amount_usd ?? 0;
-  const totalDeposited = balanceData?.total_deposited ?? 0;
-  const totalWithdrawn = balanceData?.total_withdrawn ?? 0;
-  const lastTransactionAt = balanceData?.last_transaction_at;
-  const isEmpty = amountUsd === 0 && totalDeposited === 0;
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Wallet, { className: "h-5 w-5" }),
-        "Account Balance"
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: refreshBalance, children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => openCreatePaymentDialog(), children: [
-          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-          "Add Funds"
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "text-4xl font-bold", children: formatCurrency(amountUsd) }),
-        /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground mt-1", children: [
-          "Available balance \u2022 Last updated ",
-          formatDate(lastTransactionAt)
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 pt-4 border-t", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Total Deposited" }),
-          /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold text-green-600", children: formatCurrency(totalDeposited) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Total Withdrawn" }),
-          /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold text-red-600", children: formatCurrency(totalWithdrawn) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Badge, { variant: !isEmpty ? "default" : "secondary", children: !isEmpty ? "Active" : "New Account" }),
-        isEmpty && /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Empty Balance" })
-      ] })
-    ] })
-  ] });
-};
-var RecentPayments = () => {
-  const { payments, isLoadingPayments } = useOverviewContext();
-  const formatCurrency = (amount) => {
-    if (amount === null || amount === void 0) return "$0.00";
-    const numAmount = typeof amount === "string" ? parseFloat(amount) : amount;
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: "USD",
-      minimumFractionDigits: 2
-    }).format(numAmount);
-  };
-  const getRelativeTime = (date) => {
-    if (!date) return "N/A";
-    const m = moment.utc(date).local();
-    const now = moment();
-    const diffInSeconds = now.diff(m, "seconds");
-    if (diffInSeconds < 60) return "Just now";
-    if (diffInSeconds < 3600) return `${Math.floor(diffInSeconds / 60)}m ago`;
-    if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / 3600)}h ago`;
-    return `${Math.floor(diffInSeconds / 86400)}d ago`;
-  };
-  const getStatusVariant = (status) => {
-    switch (status?.toLowerCase()) {
-      case "completed":
-      case "success":
-        return "default";
-      case "pending":
-      case "confirming":
-        return "secondary";
-      case "failed":
-      case "error":
-      case "expired":
-        return "destructive";
-      default:
-        return "outline";
-    }
-  };
-  if (isLoadingPayments) {
-    return /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(History, { className: "h-5 w-5" }),
-        "Recent Payments"
-      ] }) }),
-      /* @__PURE__ */ jsx(CardContent, { className: "space-y-3", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 border rounded-sm", children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
-        ] }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16" })
-      ] }, i)) })
-    ] });
-  }
-  const recentPaymentsList = payments?.results?.slice(0, 5) || [];
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(History, { className: "h-5 w-5" }),
-        "Recent Payments"
-      ] }),
-      /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", children: [
-        "View All",
-        /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4 ml-2" })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(CardContent, { children: recentPaymentsList.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(History, { className: "h-12 w-12 mx-auto mb-4 opacity-50" }),
-      /* @__PURE__ */ jsx("p", { children: "No recent payments" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm mt-2", children: "Create your first payment to get started" })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: recentPaymentsList.map((payment) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex items-center justify-between p-3 border rounded-sm hover:bg-accent cursor-pointer transition-colors",
-        onClick: () => openPaymentDetailsDialog(String(payment.id)),
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "bg-muted rounded-xl p-4 space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Amount to send" }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "font-medium", children: formatCurrency(payment.amount_usd) }),
-              /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(payment.status), className: "text-xs", children: payment.status })
-            ] }),
-            /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-              getRelativeTime(payment.created_at),
-              " \u2022 ",
-              payment.currency_code || "USD"
+              /* @__PURE__ */ jsx(TokenIcon, { symbol: payment.currency_code, size: 24 }),
+              /* @__PURE__ */ jsxs("span", { className: "font-mono font-bold text-lg", children: [
+                payment.pay_amount,
+                " ",
+                payment.currency_code
+              ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4 text-muted-foreground" })
-        ]
-      },
-      payment.id
-    )) }) })
-  ] });
-};
-var OverviewView = () => {
-  return /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-2", children: [
-    /* @__PURE__ */ jsx(BalanceCard, {}),
-    /* @__PURE__ */ jsx(RecentPayments, {})
-  ] }) });
-};
-var PaymentsList = () => {
-  const pagination = useDRFPagination(1, 20);
-  const {
-    data: payments,
-    error,
-    isLoading: isLoadingPayments,
-    mutate: refreshPayments
-  } = usePaymentsPaymentsList(pagination.params, apiPayments);
-  const paymentsList = payments?.results || [];
-  payments?.count || 0;
-  const [searchTerm, setSearchTerm] = useState("");
-  const [statusFilter, setStatusFilter] = useState("all");
-  const formatCurrency = (amount) => {
-    if (amount === null || amount === void 0) return "$0.00";
-    const numAmount = typeof amount === "string" ? parseFloat(amount) : amount;
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: "USD",
-      minimumFractionDigits: 2
-    }).format(numAmount);
-  };
-  const getRelativeTime = (date) => {
-    if (!date) return "N/A";
-    const m = moment.utc(date).local();
-    const now = moment();
-    const diffInSeconds = now.diff(m, "seconds");
-    if (diffInSeconds < 60) return "Just now";
-    if (diffInSeconds < 3600) return `${Math.floor(diffInSeconds / 60)}m ago`;
-    if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / 3600)}h ago`;
-    return `${Math.floor(diffInSeconds / 86400)}d ago`;
-  };
-  const formatDate = (date) => {
-    if (!date) return "N/A";
-    return moment.utc(date).local().format("MMM D, YYYY");
-  };
-  const getStatusVariant = (status) => {
-    switch (status?.toLowerCase()) {
-      case "completed":
-      case "success":
-        return "default";
-      case "pending":
-      case "confirming":
-        return "secondary";
-      case "failed":
-      case "error":
-      case "expired":
-        return "destructive";
-      default:
-        return "outline";
-    }
-  };
-  const handleSearch = (value) => {
-    setSearchTerm(value);
-  };
-  const handleStatusFilter = (status) => {
-    setStatusFilter(status);
-  };
-  const truncateId = (id) => {
-    if (!id) return "N/A";
-    const str = id.toString();
-    return str.length > 8 ? `${str.slice(0, 8)}...` : str;
-  };
-  const filteredPayments = paymentsList.filter((payment) => {
-    const matchesSearch = searchTerm ? payment.id?.toLowerCase().includes(searchTerm.toLowerCase()) || payment.status?.toLowerCase().includes(searchTerm.toLowerCase()) || payment.currency_code?.toLowerCase().includes(searchTerm.toLowerCase()) : true;
-    const matchesStatus = statusFilter !== "all" ? payment.status?.toLowerCase() === statusFilter.toLowerCase() : true;
-    return matchesSearch && matchesStatus;
-  }).map((payment) => ({
-    ...payment,
-    formattedDate: formatDate(payment.created_at),
-    relativeTime: getRelativeTime(payment.created_at),
-    truncatedId: truncateId(payment.id)
-  }));
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("span", { children: "Payment History" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => refreshPayments(), disabled: isLoadingPayments, children: [
-          /* @__PURE__ */ jsx(RefreshCw, { className: `h-4 w-4 mr-2 ${isLoadingPayments ? "animate-spin" : ""}` }),
-          "Refresh"
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Equivalent" }),
+            /* @__PURE__ */ jsx("span", { className: "font-semibold", children: amountUsd })
+          ] }),
+          payment.currency_network && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm pt-2 border-t", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Network" }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: payment.currency_network })
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => openCreatePaymentDialog(), children: [
-          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-          "New Payment"
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              placeholder: "Search by ID, status, or currency...",
-              value: searchTerm,
-              onChange: (e) => handleSearch(e.target.value),
-              className: "pl-10"
-            }
-          )
+        qrCodeUrl && /* @__PURE__ */ jsx("div", { className: "flex justify-center p-6 bg-white rounded-xl", children: /* @__PURE__ */ jsx("img", { src: qrCodeUrl, alt: "Payment QR Code", className: "w-48 h-48" }) }),
+        payment.pay_address && canPay && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Payment Address" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1 p-3 bg-muted rounded-xl font-mono text-sm break-all", children: payment.pay_address }),
+            /* @__PURE__ */ jsx(CopyButton, { value: payment.pay_address, variant: "outline", className: "shrink-0" })
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs(Select, { value: statusFilter, onValueChange: handleStatusFilter, children: [
-          /* @__PURE__ */ jsxs(SelectTrigger, { className: "w-full sm:w-48", children: [
-            /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4 mr-2" }),
-            /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter by status" })
+        isExpired && onCreateNew && /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "lg",
+            className: "w-full",
+            onClick: () => {
+              onOpenChange(false);
+              onCreateNew();
+            },
+            children: "Create New Payment"
+          }
+        ),
+        payment.transaction_hash && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Transaction Hash" }),
+          /* @__PURE__ */ jsx("div", { className: "p-3 bg-muted rounded-xl font-mono text-sm break-all", children: payment.transaction_hash })
+        ] }),
+        payment.payment_url && canPay && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            className: "w-full",
+            onClick: () => window.open(payment.payment_url, "_blank"),
+            children: [
+              /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4 mr-2" }),
+              "Open in Payment Provider"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-xs text-muted-foreground pt-4 border-t", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("span", { children: "Payment ID" }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono", children: payment.id })
+          ] }),
+          payment.internal_payment_id && /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("span", { children: "Order #" }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono", children: payment.internal_payment_id })
           ] }),
-          /* @__PURE__ */ jsxs(SelectContent, { children: [
-            /* @__PURE__ */ jsx(SelectItem, { value: "all", children: "All Statuses" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "completed", children: "Completed" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "pending", children: "Pending" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "confirming", children: "Confirming" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "failed", children: "Failed" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "expired", children: "Expired" })
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("span", { children: "Created" }),
+            /* @__PURE__ */ jsx("span", { children: createdAt })
           ] })
-        ] })
-      ] }),
-      isLoadingPayments ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border rounded-sm", children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
         ] }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16" })
-      ] }, i)) }) : filteredPayments.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-12", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto mb-4 bg-muted rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx(Search, { className: "w-8 h-8 text-muted-foreground" }) }),
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "No Payments Found" }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4", children: searchTerm || statusFilter !== "all" ? "No payments match your current filters" : "You haven't made any payments yet" }),
-        /* @__PURE__ */ jsxs(Button, { onClick: () => openCreatePaymentDialog(), children: [
-          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-          "Create Payment"
-        ] })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
-          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-            /* @__PURE__ */ jsx(TableHead, { children: "Date" }),
-            /* @__PURE__ */ jsx(TableHead, { children: "Amount" }),
-            /* @__PURE__ */ jsx(TableHead, { children: "Currency" }),
-            /* @__PURE__ */ jsx(TableHead, { children: "Status" }),
-            /* @__PURE__ */ jsx(TableHead, { children: "Provider" }),
-            /* @__PURE__ */ jsx(TableHead, { children: "Payment ID" }),
-            /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: "Actions" })
-          ] }) }),
-          /* @__PURE__ */ jsx(TableBody, { children: filteredPayments.map((payment) => /* @__PURE__ */ jsxs(
-            TableRow,
-            {
-              className: "cursor-pointer hover:bg-accent",
-              onClick: () => openPaymentDetailsDialog(String(payment.id)),
-              children: [
-                /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("div", { className: "font-medium", children: payment.formattedDate }),
-                  /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: payment.relativeTime })
-                ] }) }),
-                /* @__PURE__ */ jsx(TableCell, { className: "font-mono font-semibold", children: formatCurrency(payment.amount_usd) }),
-                /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: "outline", children: payment.currency_code || "USD" }) }),
-                /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(payment.status), children: payment.status }) }),
-                /* @__PURE__ */ jsx(TableCell, { className: "text-sm text-muted-foreground", children: "NowPayments" }),
-                /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-sm text-muted-foreground", children: payment.truncatedId }),
-                /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      openPaymentDetailsDialog(String(payment.id));
-                    },
-                    children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" })
-                  }
-                ) })
-              ]
-            },
-            payment.id
-          )) })
-        ] }) }),
-        /* @__PURE__ */ jsx(
-          StaticPagination,
+        /* @__PURE__ */ jsxs(
+          Button,
           {
-            data: payments,
-            onPageChange: pagination.setPage,
-            className: "mt-4"
+            variant: "ghost",
+            className: "w-full",
+            onClick: () => mutate(),
+            children: [
+              /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4 mr-2" }),
+              "Refresh Status"
+            ]
           }
         )
       ] })
     ] })
-  ] });
-};
-var PaymentsView = () => {
-  return /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsx(PaymentsList, {}) });
-};
-var TransactionsList = () => {
-  const {
-    transactions,
-    isLoadingTransactions,
-    refreshTransactions
-  } = useOverviewContext();
-  const [searchTerm, setSearchTerm] = useState("");
-  const [typeFilter, setTypeFilter] = useState("all");
-  const transactionsList = transactions?.results || transactions?.transactions || [];
-  const formatCurrency = (amount) => {
-    if (amount === null || amount === void 0) return "$0.00";
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: "USD",
-      minimumFractionDigits: 2
-    }).format(amount);
-  };
-  const formatDate = (date) => {
-    if (!date) return "N/A";
-    try {
-      return moment.utc(date).local().format("MMM D, YYYY hh:mm A");
-    } catch {
-      return "Invalid date";
-    }
-  };
-  const getRelativeTime = (date) => {
-    if (!date) return "N/A";
-    const m = moment.utc(date).local();
-    const now = moment();
-    const diffInSeconds = now.diff(m, "seconds");
-    if (diffInSeconds < 60) return "Just now";
-    if (diffInSeconds < 3600) return `${Math.floor(diffInSeconds / 60)}m ago`;
-    if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / 3600)}h ago`;
-    return `${Math.floor(diffInSeconds / 86400)}d ago`;
-  };
-  const getTypeVariant = (type) => {
-    switch (type?.toLowerCase()) {
-      case "deposit":
-      case "credit":
-        return "default";
-      case "withdrawal":
-      case "debit":
-        return "destructive";
-      default:
-        return "outline";
+  ] }) });
+}
+var WalletContent = () => {
+  const [addFundsOpen, setAddFundsOpen] = useState(false);
+  const [withdrawOpen, setWithdrawOpen] = useState(false);
+  const [selectedPaymentId, setSelectedPaymentId] = useState(null);
+  const [paymentSheetOpen, setPaymentSheetOpen] = useState(false);
+  const [selectedWithdrawalId, setSelectedWithdrawalId] = useState(null);
+  const [withdrawalSheetOpen, setWithdrawalSheetOpen] = useState(false);
+  const handleActivityClick = useCallback((item) => {
+    if (item.payment) {
+      setSelectedPaymentId(item.payment.id);
+      setPaymentSheetOpen(true);
+    } else if (item.withdrawal) {
+      setSelectedWithdrawalId(item.withdrawal.id);
+      setWithdrawalSheetOpen(true);
     }
-  };
-  const getTypeIcon = (type) => {
-    const isDeposit = type?.toLowerCase() === "deposit" || type?.toLowerCase() === "credit";
-    return isDeposit ? /* @__PURE__ */ jsx(ArrowDownLeft, { className: "h-4 w-4 text-green-600" }) : /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-4 w-4 text-red-600" });
-  };
-  const handleSearch = async (value) => {
-    setSearchTerm(value);
-    await refreshTransactions();
-  };
-  const handleTypeFilter = async (type) => {
-    setTypeFilter(type);
-    await refreshTransactions();
-  };
-  const truncateId = (id) => {
-    if (!id) return "N/A";
-    const str = id.toString();
-    return str.length > 8 ? `${str.slice(0, 8)}...` : str;
-  };
-  const filteredTransactions = transactionsList.filter((transaction) => {
-    const matchesSearch = searchTerm ? transaction.id?.toString().toLowerCase().includes(searchTerm.toLowerCase()) || transaction.description?.toLowerCase().includes(searchTerm.toLowerCase()) || transaction.type?.toLowerCase().includes(searchTerm.toLowerCase()) : true;
-    const matchesType = typeFilter !== "all" ? transaction.type?.toLowerCase() === typeFilter.toLowerCase() : true;
-    return matchesSearch && matchesType;
-  }).map((transaction) => ({
-    ...transaction,
-    isDeposit: transaction.type?.toLowerCase() === "deposit" || transaction.type?.toLowerCase() === "credit",
-    formattedDate: formatDate(transaction.created_at || transaction.timestamp),
-    relativeTime: getRelativeTime(transaction.created_at || transaction.timestamp),
-    truncatedRef: truncateId(transaction.reference || transaction.payment_id)
-  }));
-  if (isLoadingTransactions) {
-    return /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(History, { className: "h-5 w-5" }),
-        "Transaction History"
-      ] }) }),
-      /* @__PURE__ */ jsx(CardContent, { className: "space-y-3", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border rounded-sm", children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
-        ] }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16" })
-      ] }, i)) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(History, { className: "h-5 w-5" }),
-        "Transaction History"
-      ] }),
-      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: refreshTransactions, disabled: isLoadingTransactions, children: [
-        /* @__PURE__ */ jsx(RefreshCw, { className: `h-4 w-4 mr-2 ${isLoadingTransactions ? "animate-spin" : ""}` }),
-        "Refresh"
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              placeholder: "Search by ID, description, or type...",
-              value: searchTerm,
-              onChange: (e) => handleSearch(e.target.value),
-              className: "pl-10"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(Select, { value: typeFilter, onValueChange: handleTypeFilter, children: [
-          /* @__PURE__ */ jsxs(SelectTrigger, { className: "w-full sm:w-48", children: [
-            /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4 mr-2" }),
-            /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter by type" })
-          ] }),
-          /* @__PURE__ */ jsxs(SelectContent, { children: [
-            /* @__PURE__ */ jsx(SelectItem, { value: "all", children: "All Types" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "deposit", children: "Deposits" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "withdrawal", children: "Withdrawals" })
-          ] })
-        ] })
-      ] }),
-      filteredTransactions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-12", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto mb-4 bg-muted rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx(History, { className: "w-8 h-8 text-muted-foreground" }) }),
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "No Transactions Found" }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: searchTerm || typeFilter !== "all" ? "No transactions match your current filters" : "You don't have any transactions yet" })
-      ] }) : /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx(TableHead, { children: "Date & Time" }),
-          /* @__PURE__ */ jsx(TableHead, { children: "Type" }),
-          /* @__PURE__ */ jsx(TableHead, { children: "Amount" }),
-          /* @__PURE__ */ jsx(TableHead, { children: "Balance After" }),
-          /* @__PURE__ */ jsx(TableHead, { children: "Description" }),
-          /* @__PURE__ */ jsx(TableHead, { children: "Reference" })
-        ] }) }),
-        /* @__PURE__ */ jsx(TableBody, { children: filteredTransactions.map((transaction, index) => /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: transaction.formattedDate }),
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: transaction.relativeTime })
-          ] }) }),
-          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            getTypeIcon(transaction.type),
-            /* @__PURE__ */ jsx(Badge, { variant: getTypeVariant(transaction.type), children: transaction.type || "Unknown" })
-          ] }) }),
-          /* @__PURE__ */ jsx(TableCell, { className: "font-mono font-semibold", children: /* @__PURE__ */ jsxs("span", { className: transaction.isDeposit ? "text-green-600" : "text-red-600", children: [
-            transaction.isDeposit ? "+" : "-",
-            formatCurrency(Math.abs(transaction.amount || transaction.amount_usd || 0))
-          ] }) }),
-          /* @__PURE__ */ jsx(TableCell, { className: "font-mono", children: formatCurrency(transaction.balance_after || 0) }),
-          /* @__PURE__ */ jsx(TableCell, { className: "text-sm", children: transaction.description || transaction.note || "No description" }),
-          /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-sm text-muted-foreground", children: transaction.truncatedRef })
-        ] }, transaction.id || index)) })
-      ] }) })
-    ] })
+  }, []);
+  const handlePaymentCreated = useCallback((payment) => {
+    setSelectedPaymentId(payment.id);
+    setPaymentSheetOpen(true);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen", children: [
+    /* @__PURE__ */ jsx(
+      BalanceHero,
+      {
+        onAddFunds: () => setAddFundsOpen(true),
+        onWithdraw: () => setWithdrawOpen(true),
+        className: "bg-muted/30 border-b"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ActivityList,
+      {
+        onItemClick: handleActivityClick,
+        limit: 20,
+        className: "max-w-2xl mx-auto pb-12"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AddFundsSheet,
+      {
+        open: addFundsOpen,
+        onOpenChange: setAddFundsOpen,
+        onSuccess: handlePaymentCreated
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      WithdrawSheet,
+      {
+        open: withdrawOpen,
+        onOpenChange: setWithdrawOpen
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PaymentSheet,
+      {
+        paymentId: selectedPaymentId,
+        open: paymentSheetOpen,
+        onOpenChange: setPaymentSheetOpen,
+        onCreateNew: () => setAddFundsOpen(true)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      WithdrawalSheet,
+      {
+        withdrawalId: selectedWithdrawalId,
+        open: withdrawalSheetOpen,
+        onOpenChange: setWithdrawalSheetOpen
+      }
+    )
   ] });
 };
-var TransactionsView = () => {
-  return /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsx(TransactionsList, {}) });
-};
-var PaymentsLayout = () => {
-  return /* @__PURE__ */ jsx(RootPaymentsProvider, { children: /* @__PURE__ */ jsxs("div", { className: "h-full p-6 space-y-6", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold tracking-tight", children: "Payments" }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Manage your payments, balance, and transaction history" })
-    ] }),
-    /* @__PURE__ */ jsxs(Tabs, { defaultValue: "overview", className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs(TabsList, { className: "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", children: [
-        /* @__PURE__ */ jsxs(TabsTrigger, { value: "overview", className: "inline-flex items-center gap-2 px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx(Wallet, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Overview" })
-        ] }),
-        /* @__PURE__ */ jsxs(TabsTrigger, { value: "payments", className: "inline-flex items-center gap-2 px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx(CreditCard, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Payments" })
-        ] }),
-        /* @__PURE__ */ jsxs(TabsTrigger, { value: "transactions", className: "inline-flex items-center gap-2 px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx(History, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Transactions" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "overview", className: "space-y-6", children: /* @__PURE__ */ jsx(OverviewProvider, { children: /* @__PURE__ */ jsxs(PaymentsProvider, { children: [
-        /* @__PURE__ */ jsx(OverviewView, {}),
-        /* @__PURE__ */ jsx(CreatePaymentDialog, {})
-      ] }) }) }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "payments", className: "space-y-6", children: /* @__PURE__ */ jsxs(PaymentsProvider, { children: [
-        /* @__PURE__ */ jsx(PaymentsView, {}),
-        /* @__PURE__ */ jsx(CreatePaymentDialog, {})
-      ] }) }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "transactions", className: "space-y-6", children: /* @__PURE__ */ jsx(OverviewProvider, { children: /* @__PURE__ */ jsx(TransactionsView, {}) }) })
-    ] }),
-    /* @__PURE__ */ jsx(PaymentDetailsDialog, {})
-  ] }) });
-};
+function WalletPage() {
+  return /* @__PURE__ */ jsx(WalletProvider, { children: /* @__PURE__ */ jsx(WalletContent, {}) });
+}
 
 // package.json
 var package_default = {
   name: "@djangocfg/ext-payments",
-  version: "1.0.14",
+  version: "1.0.19",
   description: "Payments system extension for DjangoCFG",
   keywords: [
     "django",
@@ -2625,11 +3474,6 @@ var package_default = {
       import: "./dist/index.js",
       require: "./dist/index.cjs"
     },
-    "./hooks": {
-      types: "./dist/hooks.d.ts",
-      import: "./dist/hooks.js",
-      require: "./dist/hooks.cjs"
-    },
     "./config": {
       types: "./dist/config.d.ts",
       import: "./dist/config.js",
@@ -2657,8 +3501,10 @@ var package_default = {
     "p-retry": "^7.0.0",
     react: "^19",
     swr: "^2.3.7",
-    zod: "^4.1.13",
-    moment: "^2.30.1"
+    zod: "^4.3.4",
+    moment: "^2.30.1",
+    "react-hook-form": "^7.69.0",
+    "@hookform/resolvers": "^5.2.2"
   },
   devDependencies: {
     "@djangocfg/api": "workspace:*",
@@ -2731,4 +3577,4 @@ export default function CryptoCheckout() {
   ]
 });
 
-export { API, APIClient, APIError, APILogger, BalanceSchema, CookieStorageAdapter, CurrencySchema, DEFAULT_RETRY_CONFIG, enums_exports as Enums, models_exports as ExtPaymentsPaymentsTypes, FetchAdapter, fetchers_exports as Fetchers, LocalStorageAdapter, MemoryStorageAdapter, NetworkError, PAYMENT_EVENTS, PaginatedPaymentListListSchema, PaymentDetailSchema, PaymentListSchema, PaymentsLayout, REFRESH_TOKEN_KEY, schemas_exports as Schemas, TOKEN_KEY, TransactionSchema, apiPayments, clearAPITokens, closePaymentsDialog, configureAPI, createPaymentsPaymentsConfirmCreate, createPaymentsPaymentsCreateCreate, dispatchValidationError, extensionConfig, formatZodError, getAPIInstance, getPaymentsBalanceRetrieve, getPaymentsCurrenciesList, getPaymentsPaymentsList, getPaymentsPaymentsRetrieve, getPaymentsPaymentsStatusRetrieve, getPaymentsTransactionsList, isAPIConfigured, onValidationError, openCreatePaymentDialog, openPaymentDetailsDialog, reconfigureAPI, resetAPI, shouldRetry, withRetry };
+export { API, APIClient, APIError, APILogger, ActivityItem, ActivityList, AddFundsSheet, BalanceHero, BalanceSchema, CookieStorageAdapter, CurrencySchema, DEFAULT_RETRY_CONFIG, enums_exports as Enums, models_exports as ExtPaymentsPaymentsTypes, FetchAdapter, fetchers_exports as Fetchers, LocalStorageAdapter, MemoryStorageAdapter, NetworkError, PaginatedPaymentListListSchema, PaginatedWithdrawalListListSchema, PaymentCreateRequestSchema, PaymentCreateResponseSchema, PaymentDetailSchema, PaymentListSchema, PaymentSheet, REFRESH_TOKEN_KEY, schemas_exports as Schemas, TOKEN_KEY, TransactionSchema, WalletPage, WithdrawSheet, WithdrawalCancelResponseSchema, WithdrawalCreateRequestSchema, WithdrawalCreateResponseSchema, WithdrawalDetailSchema, WithdrawalListSchema, WithdrawalSheet, apiPayments, clearAPITokens, configureAPI, createPaymentsPaymentsConfirmCreate, createPaymentsPaymentsCreateCreate, createPaymentsWithdrawalsCancelCreate, createPaymentsWithdrawalsCreateCreate, dispatchValidationError, extensionConfig, formatZodError, getAPIInstance, getPaymentsBalanceRetrieve, getPaymentsCurrenciesEstimateRetrieve, getPaymentsCurrenciesList, getPaymentsCurrenciesWithdrawalEstimateRetrieve, getPaymentsPaymentsList, getPaymentsPaymentsRetrieve, getPaymentsPaymentsStatusRetrieve, getPaymentsTransactionsList, getPaymentsWithdrawalsList, getPaymentsWithdrawalsRetrieve, isAPIConfigured, onValidationError, reconfigureAPI, resetAPI, shouldRetry, withRetry };