@djangocfg/ext-payments 1.0.13 → 1.0.17

package/dist/index.cjs

@@ -6,20 +6,39 @@ var zod = require('zod');
 var api = require('@djangocfg/ext-base/api');
 var lucideReact = require('lucide-react');
 var uiCore = require('@djangocfg/ui-core');
-var react = require('react');
-var useSWR = require('swr');
+var lib = require('@djangocfg/ui-core/lib');
+var React2 = require('react');
+var useSWR2 = require('swr');
 var jsxRuntime = require('react/jsx-runtime');
+var moment2 = require('moment');
 var reactHookForm = require('react-hook-form');
 var zod$1 = require('@hookform/resolvers/zod');
-var moment = require('moment');
-var components = require('@djangocfg/ui-nextjs/components');
 var extBase = require('@djangocfg/ext-base');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
 var pRetry__default = /*#__PURE__*/_interopDefault(pRetry);
-var useSWR__default = /*#__PURE__*/_interopDefault(useSWR);
-var moment__default = /*#__PURE__*/_interopDefault(moment);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var useSWR2__default = /*#__PURE__*/_interopDefault(useSWR2);
+var moment2__default = /*#__PURE__*/_interopDefault(moment2);
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -97,12 +116,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;
   }
   /**
@@ -121,6 +140,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
@@ -683,8 +747,8 @@ var APIClient = class {
 // src/api/generated/ext_payments/storage.ts
 var LocalStorageAdapter = class {
   logger;
-  constructor(logger2) {
-    this.logger = logger2;
+  constructor(logger) {
+    this.logger = logger;
   }
   getItem(key) {
     try {
@@ -726,8 +790,8 @@ var LocalStorageAdapter = class {
 };
 var CookieStorageAdapter = class {
   logger;
-  constructor(logger2) {
-    this.logger = logger2;
+  constructor(logger) {
+    this.logger = logger;
   }
   getItem(key) {
     try {
@@ -776,8 +840,8 @@ var CookieStorageAdapter = class {
 var MemoryStorageAdapter = class {
   storage = /* @__PURE__ */ new Map();
   logger;
-  constructor(logger2) {
-    this.logger = logger2;
+  constructor(logger) {
+    this.logger = logger;
   }
   getItem(key) {
     const value = this.storage.get(key) || null;
@@ -799,7 +863,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";
@@ -833,6 +899,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 = {};
@@ -840,9 +924,14 @@ __export(schemas_exports, {
   BalanceSchema: () => BalanceSchema,
   CurrencySchema: () => CurrencySchema,
   PaginatedPaymentListListSchema: () => PaginatedPaymentListListSchema,
+  PaginatedWithdrawalListListSchema: () => PaginatedWithdrawalListListSchema,
+  PaymentCreateRequestSchema: () => PaymentCreateRequestSchema,
   PaymentDetailSchema: () => PaymentDetailSchema,
   PaymentListSchema: () => PaymentListSchema,
-  TransactionSchema: () => TransactionSchema
+  TransactionSchema: () => TransactionSchema,
+  WithdrawalCreateRequestSchema: () => WithdrawalCreateRequestSchema,
+  WithdrawalDetailSchema: () => WithdrawalDetailSchema,
+  WithdrawalListSchema: () => WithdrawalListSchema
 });
 var BalanceSchema = zod.z.object({
   balance_usd: zod.z.string(),
@@ -887,6 +976,36 @@ var PaginatedPaymentListListSchema = zod.z.object({
   previous_page: zod.z.int().nullable().optional(),
   results: zod.z.array(PaymentListSchema)
 });
+var WithdrawalListSchema = zod.z.object({
+  id: zod.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: zod.z.string(),
+  amount_usd: zod.z.string(),
+  final_amount_usd: zod.z.string(),
+  currency_code: zod.z.string(),
+  currency_token: zod.z.string(),
+  status: zod.z.nativeEnum(WithdrawalListStatus),
+  status_display: zod.z.string(),
+  created_at: zod.z.iso.datetime(),
+  completed_at: zod.z.iso.datetime().nullable()
+});
+
+// src/api/generated/ext_payments/_utils/schemas/PaginatedWithdrawalListList.schema.ts
+var PaginatedWithdrawalListListSchema = zod.z.object({
+  count: zod.z.int(),
+  page: zod.z.int(),
+  pages: zod.z.int(),
+  page_size: zod.z.int(),
+  has_next: zod.z.boolean(),
+  has_previous: zod.z.boolean(),
+  next_page: zod.z.int().nullable().optional(),
+  previous_page: zod.z.int().nullable().optional(),
+  results: zod.z.array(WithdrawalListSchema)
+});
+var PaymentCreateRequestSchema = zod.z.object({
+  amount_usd: zod.z.string(),
+  currency_code: zod.z.string().min(1).max(20),
+  description: zod.z.string().max(500).optional()
+});
 var PaymentDetailSchema = zod.z.object({
   id: zod.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: zod.z.string(),
@@ -925,6 +1044,36 @@ var TransactionSchema = zod.z.object({
   description: zod.z.string(),
   created_at: zod.z.iso.datetime()
 });
+var WithdrawalCreateRequestSchema = zod.z.object({
+  amount_usd: zod.z.string(),
+  currency_code: zod.z.string().min(1).max(20),
+  wallet_address: zod.z.string().min(1).max(255)
+});
+var WithdrawalDetailSchema = zod.z.object({
+  id: zod.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: zod.z.string(),
+  amount_usd: zod.z.string(),
+  currency_code: zod.z.string(),
+  currency_name: zod.z.string(),
+  currency_token: zod.z.string(),
+  currency_network: zod.z.string(),
+  wallet_address: zod.z.string(),
+  network_fee_usd: zod.z.string(),
+  service_fee_usd: zod.z.string(),
+  total_fee_usd: zod.z.string(),
+  final_amount_usd: zod.z.string(),
+  crypto_amount: zod.z.string().nullable(),
+  status: zod.z.nativeEnum(WithdrawalDetailStatus),
+  status_display: zod.z.string(),
+  transaction_hash: zod.z.string().nullable(),
+  explorer_link: zod.z.string().nullable(),
+  admin_notes: zod.z.string(),
+  created_at: zod.z.iso.datetime(),
+  approved_at: zod.z.iso.datetime().nullable(),
+  completed_at: zod.z.iso.datetime().nullable(),
+  rejected_at: zod.z.iso.datetime().nullable(),
+  cancelled_at: zod.z.iso.datetime().nullable()
+});
 
 // src/api/generated/ext_payments/validation-events.ts
 function dispatchValidationError(detail) {
@@ -977,12 +1126,16 @@ var fetchers_exports = {};
 __export(fetchers_exports, {
   createPaymentsPaymentsConfirmCreate: () => createPaymentsPaymentsConfirmCreate,
   createPaymentsPaymentsCreateCreate: () => createPaymentsPaymentsCreateCreate,
+  createPaymentsWithdrawalsCancelCreate: () => createPaymentsWithdrawalsCancelCreate,
+  createPaymentsWithdrawalsCreateCreate: () => createPaymentsWithdrawalsCreateCreate,
   getPaymentsBalanceRetrieve: () => getPaymentsBalanceRetrieve,
   getPaymentsCurrenciesList: () => getPaymentsCurrenciesList,
   getPaymentsPaymentsList: () => getPaymentsPaymentsList,
   getPaymentsPaymentsRetrieve: () => getPaymentsPaymentsRetrieve,
   getPaymentsPaymentsStatusRetrieve: () => getPaymentsPaymentsStatusRetrieve,
-  getPaymentsTransactionsList: () => getPaymentsTransactionsList
+  getPaymentsTransactionsList: () => getPaymentsTransactionsList,
+  getPaymentsWithdrawalsList: () => getPaymentsWithdrawalsList,
+  getPaymentsWithdrawalsRetrieve: () => getPaymentsWithdrawalsRetrieve
 });
 
 // src/api/generated/ext_payments/api-instance.ts
@@ -1255,11 +1408,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 PaymentDetailSchema.parse(response);
   } catch (error) {
     consola.consola.error("\u274C Zod Validation Failed");
     consola.consola.box(`createPaymentsPaymentsCreateCreate
@@ -1302,6 +1455,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.consola.error("\u274C Zod Validation Failed");
+    consola.consola.box(`getPaymentsWithdrawalsList
+Path: /cfg/payments/withdrawals/
+Method: GET`);
+    if (error instanceof Error && "issues" in error && Array.isArray(error.issues)) {
+      consola.consola.error("Validation Issues:");
+      error.issues.forEach((issue, index) => {
+        consola.consola.error(`  ${index + 1}. ${issue.path.join(".") || "root"}`);
+        consola.consola.error(`     \u251C\u2500 Message: ${issue.message}`);
+        if (issue.expected) consola.consola.error(`     \u251C\u2500 Expected: ${issue.expected}`);
+        if (issue.received) consola.consola.error(`     \u2514\u2500 Received: ${issue.received}`);
+      });
+    }
+    consola.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.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.consola.error("\u274C Zod Validation Failed");
+    consola.consola.box(`getPaymentsWithdrawalsRetrieve
+Path: /cfg/payments/withdrawals/{id}/
+Method: GET`);
+    if (error instanceof Error && "issues" in error && Array.isArray(error.issues)) {
+      consola.consola.error("Validation Issues:");
+      error.issues.forEach((issue, index) => {
+        consola.consola.error(`  ${index + 1}. ${issue.path.join(".") || "root"}`);
+        consola.consola.error(`     \u251C\u2500 Message: ${issue.message}`);
+        if (issue.expected) consola.consola.error(`     \u251C\u2500 Expected: ${issue.expected}`);
+        if (issue.received) consola.consola.error(`     \u2514\u2500 Received: ${issue.received}`);
+      });
+    }
+    consola.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.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 WithdrawalDetailSchema.parse(response);
+  } catch (error) {
+    consola.consola.error("\u274C Zod Validation Failed");
+    consola.consola.box(`createPaymentsWithdrawalsCancelCreate
+Path: /cfg/payments/withdrawals/{id}/cancel/
+Method: POST`);
+    if (error instanceof Error && "issues" in error && Array.isArray(error.issues)) {
+      consola.consola.error("Validation Issues:");
+      error.issues.forEach((issue, index) => {
+        consola.consola.error(`  ${index + 1}. ${issue.path.join(".") || "root"}`);
+        consola.consola.error(`     \u251C\u2500 Message: ${issue.message}`);
+        if (issue.expected) consola.consola.error(`     \u251C\u2500 Expected: ${issue.expected}`);
+        if (issue.received) consola.consola.error(`     \u2514\u2500 Received: ${issue.received}`);
+      });
+    }
+    consola.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.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 WithdrawalDetailSchema.parse(response);
+  } catch (error) {
+    consola.consola.error("\u274C Zod Validation Failed");
+    consola.consola.box(`createPaymentsWithdrawalsCreateCreate
+Path: /cfg/payments/withdrawals/create/
+Method: POST`);
+    if (error instanceof Error && "issues" in error && Array.isArray(error.issues)) {
+      consola.consola.error("Validation Issues:");
+      error.issues.forEach((issue, index) => {
+        consola.consola.error(`  ${index + 1}. ${issue.path.join(".") || "root"}`);
+        consola.consola.error(`     \u251C\u2500 Message: ${issue.message}`);
+        if (issue.expected) consola.consola.error(`     \u251C\u2500 Expected: ${issue.expected}`);
+        if (issue.received) consola.consola.error(`     \u2514\u2500 Received: ${issue.received}`);
+      });
+    }
+    consola.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.consola.warn("Failed to dispatch validation error event:", eventError);
+      }
+    }
+    throw error;
+  }
+}
 
 // src/api/generated/ext_payments/index.ts
 var TOKEN_KEY = "auth_token";
@@ -1318,8 +1639,8 @@ var API = class {
   constructor(baseUrl, options) {
     this.baseUrl = baseUrl;
     this.options = options;
-    const logger2 = options?.loggerConfig ? new APILogger(options.loggerConfig) : void 0;
-    this.storage = options?.storage || new LocalStorageAdapter(logger2);
+    const logger = options?.loggerConfig ? new APILogger(options.loggerConfig) : void 0;
+    this.storage = options?.storage || new LocalStorageAdapter(logger);
     this._loadTokensFromStorage();
     this._client = new APIClient(this.baseUrl, {
       retryConfig: this.options?.retryConfig,
@@ -1430,333 +1751,296 @@ var API = class {
 };
 api.initializeExtensionAPI(configureAPI);
 var apiPayments = api.createExtensionAPI(API);
-function usePaymentsBalanceRetrieve(client) {
-  return useSWR__default.default(
-    "cfg-payments-balance",
-    () => getPaymentsBalanceRetrieve(client)
-  );
-}
-function usePaymentsCurrenciesList(client) {
-  return useSWR__default.default(
-    "cfg-payments-currencies",
-    () => getPaymentsCurrenciesList(client)
-  );
-}
-function usePaymentsPaymentsList(params, client) {
-  return useSWR__default.default(
-    params ? ["cfg-payments-payments", params] : "cfg-payments-payments",
-    () => getPaymentsPaymentsList(params, client)
-  );
-}
-function usePaymentsPaymentsRetrieve(id, client) {
-  return useSWR__default.default(
-    ["cfg-payments-payment", id],
-    () => getPaymentsPaymentsRetrieve(id, client)
-  );
-}
-function useCreatePaymentsPaymentsConfirmCreate() {
-  const { mutate } = useSWR.useSWRConfig();
-  return async (id, client) => {
-    const result = await createPaymentsPaymentsConfirmCreate(id, client);
-    mutate("cfg-payments-payments-confirm");
-    return result;
-  };
-}
-function useCreatePaymentsPaymentsCreateCreate() {
-  const { mutate } = useSWR.useSWRConfig();
-  return async (client) => {
-    const result = await createPaymentsPaymentsCreateCreate(client);
-    mutate("cfg-payments-payments");
-    return result;
-  };
-}
-function usePaymentsTransactionsList(params, client) {
-  return useSWR__default.default(
-    params ? ["cfg-payments-transactions", params] : "cfg-payments-transactions",
-    () => getPaymentsTransactionsList(params, client)
-  );
-}
-var PaymentsContext = react.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();
-    return result;
-  };
-  const confirmPayment = async (id) => {
-    const result = await confirmPaymentMutation(id, apiPayments);
-    await refreshPayments();
-    return result;
-  };
-  const checkPaymentStatus = async (id) => {
-    return getPaymentsPaymentsStatusRetrieve(id, apiPayments);
-  };
-  const value = {
-    payments,
-    isLoadingPayments,
-    paymentsError,
-    refreshPayments,
-    getPayment,
-    createPayment,
-    confirmPayment,
-    checkPaymentStatus
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(PaymentsContext.Provider, { value, children });
-}
-function usePaymentsContext() {
-  const context = react.useContext(PaymentsContext);
-  if (!context) {
-    throw new Error("usePaymentsContext must be used within PaymentsProvider");
-  }
-  return context;
-}
-react.createContext(void 0);
-react.createContext(void 0);
-var OverviewContext = react.createContext(void 0);
-function OverviewProvider({ children }) {
-  const swrConfig = {
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    revalidateIfStale: false
-  };
-  const {
-    data: balance,
-    error: balanceError,
-    isLoading: isLoadingBalance,
-    mutate: mutateBalance
-  } = usePaymentsBalanceRetrieve(apiPayments);
-  const {
-    data: payments,
-    error: paymentsError,
-    isLoading: isLoadingPayments,
-    mutate: mutatePayments
-  } = usePaymentsPaymentsList({}, apiPayments);
-  const {
-    data: transactions,
-    error: transactionsError,
-    isLoading: isLoadingTransactions,
-    mutate: mutateTransactions
-  } = usePaymentsTransactionsList({}, 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 () => {
-    await Promise.all([
-      mutateBalance(),
-      mutatePayments(),
-      mutateTransactions()
-    ]);
-  };
-  const createPayment = async () => {
-    const result = await createPaymentMutation(apiPayments);
-    await refreshOverview();
-    return result;
-  };
-  const value = {
-    balance,
-    isLoadingBalance,
-    balanceError,
-    refreshBalance,
-    payments,
-    isLoadingPayments,
-    paymentsError,
-    refreshPayments,
-    transactions,
-    isLoadingTransactions,
-    transactionsError,
-    refreshTransactions,
-    createPayment,
-    isLoadingOverview,
-    overviewError,
-    refreshOverview
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(useSWR.SWRConfig, { value: swrConfig, children: /* @__PURE__ */ jsxRuntime.jsx(OverviewContext.Provider, { value, children }) });
-}
-function useOverviewContext() {
-  const context = react.useContext(OverviewContext);
-  if (!context) {
-    throw new Error("useOverviewContext must be used within OverviewProvider");
-  }
-  return context;
-}
-var RootPaymentsContext = react.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__ */ jsxRuntime.jsx(RootPaymentsContext.Provider, { value, children });
-}
-function useRootPaymentsContext() {
-  const context = react.useContext(RootPaymentsContext);
+var WalletContext = React2.createContext(void 0);
+function useWallet() {
+  const context = React2.useContext(WalletContext);
   if (!context) {
-    throw new Error("useRootPaymentsContext must be used within RootPaymentsProvider");
+    throw new Error("useWallet must be used within WalletProvider");
   }
   return context;
 }
-var isDevelopment = process.env.NODE_ENV === "development";
-var logger = consola.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 }
-    })
-  );
-};
-var closePaymentsDialog = () => {
-  window.dispatchEvent(new Event(PAYMENT_EVENTS.CLOSE_DIALOG));
-};
-var PaymentCreateSchema = zod.z.object({
-  amount_usd: zod.z.number().min(0.01, "Amount must be at least $0.01"),
-  currency_code: zod.z.string().min(1, "Please select a currency")
-});
-var CreatePaymentDialog = () => {
-  const [open, setOpen] = react.useState(false);
-  const [isSubmitting, setIsSubmitting] = react.useState(false);
-  const { createPayment } = usePaymentsContext();
-  const { currencies, isLoadingCurrencies } = useRootPaymentsContext();
-  const form = reactHookForm.useForm({
-    resolver: zod$1.zodResolver(PaymentCreateSchema),
+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__ */ jsxRuntime.jsxs("div", { className: lib.cn("flex flex-col items-center py-16 px-4", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center mb-6", children: isLoadingBalance ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-12 w-48 mx-auto mb-2" }),
+      /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-4 w-24 mx-auto" })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-5xl font-bold tracking-tight tabular-nums", children: formattedBalance }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1", children: "Available Balance" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        uiCore.Button,
+        {
+          size: "lg",
+          onClick: onAddFunds,
+          className: "rounded-full px-6",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-5 w-5 mr-2" }),
+            "Add Funds"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        uiCore.Button,
+        {
+          size: "lg",
+          variant: "outline",
+          onClick: onWithdraw,
+          className: "rounded-full px-6",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpRight, { className: "h-5 w-5 mr-2" }),
+            "Withdraw"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        uiCore.Button,
+        {
+          size: "icon",
+          variant: "ghost",
+          onClick: () => refreshWallet(),
+          className: "rounded-full",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    balance && !isLoadingBalance && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6 mt-6 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block font-medium text-foreground", children: [
+          "$",
+          parseFloat(balance.total_deposited || "0").toFixed(2)
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Total Deposited" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-px bg-border" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block font-medium text-foreground", children: [
+          "$",
+          parseFloat(balance.total_withdrawn || "0").toFixed(2)
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Total Withdrawn" })
+      ] })
+    ] })
+  ] });
+}
+var statusConfig = {
+  pending: {
+    icon: lucideReact.Clock,
+    color: "text-yellow-500",
+    bg: "bg-yellow-500/10"
+  },
+  confirming: {
+    icon: lucideReact.Loader2,
+    color: "text-blue-500",
+    bg: "bg-blue-500/10",
+    animate: true
+  },
+  completed: {
+    icon: lucideReact.CheckCircle2,
+    color: "text-green-500",
+    bg: "bg-green-500/10"
+  },
+  failed: {
+    icon: lucideReact.XCircle,
+    color: "text-red-500",
+    bg: "bg-red-500/10"
+  },
+  expired: {
+    icon: lucideReact.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 ? lucideReact.ArrowDownLeft : lucideReact.ArrowUpRight;
+  const relativeTime = moment2__default.default(item.createdAt).fromNow();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      onClick,
+      className: lib.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__ */ jsxRuntime.jsx("div", { className: lib.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__ */ jsxRuntime.jsx(uiCore.TokenIcon, { symbol: item.currency, size: 24 }) : /* @__PURE__ */ jsxRuntime.jsx(DirectionIcon, { className: lib.cn(
+          "h-5 w-5",
+          isPositive ? "text-green-500" : "text-red-500"
+        ) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium truncate", children: item.description }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: relativeTime }),
+            item.status !== "completed" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: lib.cn("flex items-center gap-1", config.color), children: [
+                /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { className: lib.cn("h-3 w-3", config.animate && "animate-spin") }),
+                item.statusDisplay
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: lib.cn(
+            "font-semibold tabular-nums",
+            isPositive ? "text-green-600 dark:text-green-400" : "text-foreground"
+          ), children: item.amountDisplay }),
+          item.status === "completed" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsxs("div", { className: lib.cn("space-y-2", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-5 w-32" }) }),
+      [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 p-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-10 w-10 rounded-full" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-4 w-32" }),
+          /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-3 w-24" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-5 w-16" })
+      ] }, i))
+    ] });
+  }
+  if (activity.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("text-center py-12", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-muted mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "h-8 w-8 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold mb-1", children: "No Activity Yet" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Your transactions will appear here" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("pt-6", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-lg", children: "Recent Activity" }),
+      hasMoreActivity && onViewAll && /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Button, { variant: "ghost", size: "sm", onClick: onViewAll, className: "text-primary", children: [
+        "View All",
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4 ml-1" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border/50", children: displayedActivity.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+      ActivityItem,
+      {
+        item,
+        onClick: () => onItemClick?.(item)
+      },
+      item.id
+    )) })
+  ] });
+}
+var AddFundsSchema = zod.z.object({
+  amount: zod.z.number().min(1, "Minimum $1.00"),
+  currency: zod.z.string().min(1, "Select a currency")
+});
+function AddFundsSheet({ open, onOpenChange, onSuccess }) {
+  const { currencies, isLoadingCurrencies, addFunds } = useWallet();
+  const [isSubmitting, setIsSubmitting] = React2.useState(false);
+  const [error, setError] = React2.useState(null);
+  const form = reactHookForm.useForm({
+    resolver: zod$1.zodResolver(AddFundsSchema),
     defaultValues: {
-      amount_usd: 10,
-      currency_code: "USDT"
+      amount: 100,
+      currency: ""
     }
   });
-  const currenciesList = react.useMemo(() => {
-    const data = currencies?.currencies || currencies?.results || currencies || [];
-    return Array.isArray(data) ? data : [];
-  }, [currencies]);
-  const currencyOptions = react.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
+  const currencyOptions = React2.useMemo(() => {
+    return currencies.map((c) => ({
+      value: c.code,
+      label: c.network ? `${c.code} (${c.network})` : c.code,
+      rate: c.rate,
+      network: c.network
     }));
-  }, [currenciesList]);
-  const calculateCryptoAmount = react.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;
-    return {
-      amount: cryptoAmount,
-      currency: currency.code,
-      rate: currency.usd_rate,
-      network: currency.network
-    };
-  }, [form.watch("amount_usd"), form.watch("currency_code"), currencyOptions]);
-  react.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);
-    };
-  }, []);
-  const handleClose = () => {
-    setOpen(false);
-    form.reset();
-  };
-  react.useEffect(() => {
-    if (currencyOptions.length > 0 && !form.getValues("currency_code")) {
-      form.setValue("currency_code", currencyOptions[0].code);
+  }, [currencies]);
+  React2.useMemo(() => {
+    if (currencyOptions.length > 0 && !form.getValues("currency")) {
+      const usdt = currencyOptions.find((c) => c.value.includes("USDT"));
+      form.setValue("currency", usdt?.value || currencyOptions[0].value);
     }
   }, [currencyOptions, form]);
-  const handleSubmit = async (data) => {
+  const selectedCurrency = currencyOptions.find((c) => c.value === form.watch("currency"));
+  const cryptoAmount = React2.useMemo(() => {
+    const amount = form.watch("amount");
+    if (!selectedCurrency?.rate || !amount) return null;
+    return amount / selectedCurrency.rate;
+  }, [form.watch("amount"), selectedCurrency]);
+  const handleSubmit = React2.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 addFunds({
+        amount_usd: String(data.amount),
+        currency_code: data.currency
+      });
+      form.reset();
+      onOpenChange(false);
+      onSuccess?.(result);
+    } catch (err) {
+      const message = err?.response?.data?.message || err?.response?.data?.detail || err?.message || "Failed to create payment";
+      setError(message);
     } finally {
       setIsSubmitting(false);
     }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(uiCore.Dialog, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(uiCore.DialogHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogTitle, { children: "Create Payment" }),
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogDescription, { children: "Create a new payment to add funds to your account." })
+  }, [addFunds, form, onOpenChange, onSuccess]);
+  const handleOpenChange = React2.useCallback((open2) => {
+    if (!open2) {
+      setError(null);
+      form.reset();
+    }
+    onOpenChange(open2);
+  }, [form, onOpenChange]);
+  return /* @__PURE__ */ jsxRuntime.jsx(uiCore.ResponsiveSheet, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.ResponsiveSheetContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(uiCore.ResponsiveSheetHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(uiCore.ResponsiveSheetTitle, { children: "Add Funds" }),
+      /* @__PURE__ */ jsxRuntime.jsx(uiCore.ResponsiveSheetDescription, { children: "Add funds to your wallet using cryptocurrency" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(uiCore.Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(uiCore.Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-6 p-4 sm:p-0 sm:mt-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         uiCore.FormField,
         {
           control: form.control,
-          name: "amount_usd",
+          name: "amount",
           render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(uiCore.FormItem, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormLabel, { children: "Amount (USD)" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
-              uiCore.Input,
-              {
-                type: "number",
-                step: "0.01",
-                min: "0.01",
-                placeholder: "10.00",
-                ...field,
-                onChange: (e) => field.onChange(parseFloat(e.target.value) || 0)
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormDescription, { children: "The amount you want to pay in USD." }),
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground text-lg", children: "$" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                uiCore.Input,
+                {
+                  type: "number",
+                  step: "0.01",
+                  min: "1",
+                  placeholder: "100.00",
+                  className: "pl-8 text-2xl h-14 font-semibold",
+                  ...field,
+                  onChange: (e) => field.onChange(parseFloat(e.target.value) || 0)
+                }
+              )
+            ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormMessage, {})
           ] })
         }
@@ -1765,122 +2049,344 @@ var CreatePaymentDialog = () => {
         uiCore.FormField,
         {
           control: form.control,
-          name: "currency_code",
+          name: "currency",
           render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(uiCore.FormItem, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormLabel, { children: "Currency" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              uiCore.Select,
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormLabel, { children: "Pay with" }),
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              uiCore.Combobox,
               {
+                options: currencyOptions,
+                value: field.value,
                 onValueChange: field.onChange,
-                defaultValue: field.value,
+                placeholder: "Select currency...",
+                searchPlaceholder: "Search...",
                 disabled: isLoadingCurrencies,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectValue, { placeholder: "Select currency..." }) }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectContent, { children: currencyOptions.map((curr) => /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectItem, { value: curr.code, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(uiCore.TokenIcon, { symbol: curr.code, size: 16 }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: curr.code }),
-                    curr.network && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
-                      "(",
-                      curr.network,
-                      ")"
-                    ] })
-                  ] }) }, curr.code)) })
-                ]
+                className: "h-14",
+                renderOption: (option) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(uiCore.TokenIcon, { symbol: option.value, size: 24 }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: option.label })
+                ] }),
+                renderValue: (option) => option && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(uiCore.TokenIcon, { symbol: option.value, size: 24 }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: option.label })
+                ] })
               }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormDescription, { children: "The cryptocurrency to use for payment." }),
+            ) }),
             /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormMessage, {})
           ] })
         }
       ),
-      calculateCryptoAmount && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-sm bg-muted p-4 space-y-3", children: [
+      cryptoAmount !== null && selectedCurrency && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-muted rounded-xl p-4 space-y-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "You will send" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "You will send" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.TokenIcon, { symbol: calculateCryptoAmount.currency, size: 16 }),
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.TokenIcon, { symbol: selectedCurrency.value, size: 20 }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono font-semibold", children: [
-              calculateCryptoAmount.amount.toFixed(8),
+              cryptoAmount.toFixed(8),
               " ",
-              calculateCryptoAmount.currency
+              selectedCurrency.value
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "You will receive" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-lg font-bold", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Rate" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "1 ",
+            selectedCurrency.value,
+            " = $",
+            selectedCurrency.rate.toFixed(2)
+          ] })
+        ] })
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsx(uiCore.Alert, { variant: "destructive", children: /* @__PURE__ */ jsxRuntime.jsx(uiCore.AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        uiCore.Button,
+        {
+          type: "submit",
+          size: "lg",
+          className: "w-full h-14 text-lg rounded-xl",
+          disabled: isSubmitting || currencyOptions.length === 0,
+          children: isSubmitting ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-5 w-5 mr-2 animate-spin" }),
+            "Creating..."
+          ] }) : "Continue"
+        }
+      )
+    ] }) })
+  ] }) });
+}
+var WithdrawSchema = zod.z.object({
+  amount: zod.z.number().min(10, "Minimum $10.00"),
+  currency: zod.z.string().min(1, "Select a currency"),
+  wallet_address: zod.z.string().min(26, "Invalid wallet address")
+});
+var SERVICE_FEE_PERCENT = 0.01;
+var NETWORK_FEE_USD = 1;
+function WithdrawSheet({ open, onOpenChange, onSuccess }) {
+  const { currencies, isLoadingCurrencies, withdraw, balanceAmount } = useWallet();
+  const [isSubmitting, setIsSubmitting] = React2.useState(false);
+  const [error, setError] = React2.useState(null);
+  const form = reactHookForm.useForm({
+    resolver: zod$1.zodResolver(WithdrawSchema),
+    defaultValues: {
+      amount: 10,
+      currency: "",
+      wallet_address: ""
+    }
+  });
+  const currencyOptions = React2.useMemo(() => {
+    return currencies.map((c) => ({
+      value: c.code,
+      label: c.network ? `${c.code} (${c.network})` : c.code,
+      rate: c.rate,
+      network: c.network
+    }));
+  }, [currencies]);
+  React2.useMemo(() => {
+    if (currencyOptions.length > 0 && !form.getValues("currency")) {
+      const usdt = currencyOptions.find((c) => c.value.includes("USDT"));
+      form.setValue("currency", usdt?.value || currencyOptions[0].value);
+    }
+  }, [currencyOptions, form]);
+  const selectedCurrency = currencyOptions.find((c) => c.value === form.watch("currency"));
+  const amount = form.watch("amount") || 0;
+  const feeBreakdown = React2.useMemo(() => {
+    const serviceFee = amount * SERVICE_FEE_PERCENT;
+    const networkFee = NETWORK_FEE_USD;
+    const totalFee = serviceFee + networkFee;
+    const finalAmount = Math.max(0, amount - totalFee);
+    const cryptoAmount = selectedCurrency?.rate ? finalAmount / selectedCurrency.rate : null;
+    return {
+      serviceFee,
+      networkFee,
+      totalFee,
+      finalAmount,
+      cryptoAmount
+    };
+  }, [amount, selectedCurrency]);
+  const insufficientBalance = amount > balanceAmount;
+  const handleSubmit = React2.useCallback(async (data) => {
+    try {
+      setIsSubmitting(true);
+      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) {
+      const message = err?.response?.data?.error || err?.response?.data?.message || err?.response?.data?.detail || err?.message || "Failed to create withdrawal request";
+      setError(message);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [withdraw, form, onOpenChange, onSuccess]);
+  const handleOpenChange = React2.useCallback((open2) => {
+    if (!open2) {
+      setError(null);
+      form.reset();
+    }
+    onOpenChange(open2);
+  }, [form, onOpenChange]);
+  return /* @__PURE__ */ jsxRuntime.jsx(uiCore.ResponsiveSheet, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.ResponsiveSheetContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(uiCore.ResponsiveSheetHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(uiCore.ResponsiveSheetTitle, { children: "Withdraw" }),
+      /* @__PURE__ */ jsxRuntime.jsx(uiCore.ResponsiveSheetDescription, { children: "Withdraw funds to your cryptocurrency wallet" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(uiCore.Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-6 p-4 sm:p-0 sm:mt-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        uiCore.FormField,
+        {
+          control: form.control,
+          name: "amount",
+          render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(uiCore.FormItem, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormLabel, { children: "Amount (USD)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground text-lg", children: "$" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                uiCore.Input,
+                {
+                  type: "number",
+                  step: "0.01",
+                  min: "10",
+                  placeholder: "10.00",
+                  className: "pl-8 text-2xl h-14 font-semibold",
+                  ...field,
+                  onChange: (e) => field.onChange(parseFloat(e.target.value) || 0)
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormMessage, {}),
+            insufficientBalance && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-destructive mt-1", children: [
+              "Insufficient balance (Available: $",
+              balanceAmount.toFixed(2),
+              ")"
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        uiCore.FormField,
+        {
+          control: form.control,
+          name: "currency",
+          render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(uiCore.FormItem, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormLabel, { children: "Withdraw as" }),
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              uiCore.Combobox,
+              {
+                options: currencyOptions,
+                value: field.value,
+                onValueChange: field.onChange,
+                placeholder: "Select currency...",
+                searchPlaceholder: "Search...",
+                disabled: isLoadingCurrencies,
+                className: "h-14",
+                renderOption: (option) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(uiCore.TokenIcon, { symbol: option.value, size: 24 }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: option.label })
+                ] }),
+                renderValue: (option) => option && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(uiCore.TokenIcon, { symbol: option.value, size: 24 }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: option.label })
+                ] })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        uiCore.FormField,
+        {
+          control: form.control,
+          name: "wallet_address",
+          render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(uiCore.FormItem, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormLabel, { children: "Wallet Address" }),
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              uiCore.Input,
+              {
+                placeholder: "Enter your wallet address",
+                className: "font-mono text-sm",
+                ...field
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.FormMessage, {})
+          ] })
+        }
+      ),
+      amount >= 10 && selectedCurrency && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-muted rounded-xl p-4 space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Amount" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
             "$",
-            form.watch("amount_usd")?.toFixed(2),
-            " USD"
+            amount.toFixed(2)
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Rate" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
-            "1 ",
-            calculateCryptoAmount.currency,
-            " = $",
-            calculateCryptoAmount.rate?.toFixed(2)
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Service fee (1%)" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-destructive", children: [
+            "-$",
+            feeBreakdown.serviceFee.toFixed(2)
           ] })
         ] }),
-        calculateCryptoAmount.network && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Network" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: calculateCryptoAmount.network })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Network fee" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-destructive", children: [
+            "-$",
+            feeBreakdown.networkFee.toFixed(2)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t pt-2 mt-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "You will receive" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "font-semibold", children: [
+              "$",
+              feeBreakdown.finalAmount.toFixed(2)
+            ] }),
+            feeBreakdown.cryptoAmount !== null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(uiCore.TokenIcon, { symbol: selectedCurrency.value, size: 16 }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: feeBreakdown.cryptoAmount.toFixed(8) })
+            ] })
+          ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(uiCore.DialogFooter, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Button, { type: "button", variant: "outline", onClick: handleClose, disabled: isSubmitting, children: "Cancel" }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Button, { type: "submit", disabled: isSubmitting || currencyOptions.length === 0, children: isSubmitting ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4 mr-2 animate-spin" }),
-          "Creating..."
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-2" }),
-          "Create Payment"
-        ] }) })
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Alert, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx(uiCore.AlertDescription, { children: "Withdrawal requests require admin approval. Processing may take 24-48 hours." })
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsx(uiCore.Alert, { variant: "destructive", children: /* @__PURE__ */ jsxRuntime.jsx(uiCore.AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        uiCore.Button,
+        {
+          type: "submit",
+          size: "lg",
+          className: "w-full h-14 text-lg rounded-xl",
+          disabled: isSubmitting || currencyOptions.length === 0 || insufficientBalance || feeBreakdown.finalAmount <= 0,
+          children: isSubmitting ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-5 w-5 mr-2 animate-spin" }),
+            "Submitting..."
+          ] }) : "Request Withdrawal"
+        }
+      )
     ] }) })
   ] }) });
+}
+var statusConfig2 = {
+  pending: {
+    icon: lucideReact.Clock,
+    color: "text-yellow-500",
+    bg: "bg-yellow-500/10",
+    label: "Waiting for payment"
+  },
+  confirming: {
+    icon: lucideReact.RefreshCw,
+    color: "text-blue-500",
+    bg: "bg-blue-500/10",
+    label: "Confirming",
+    animate: true
+  },
+  completed: {
+    icon: lucideReact.CheckCircle2,
+    color: "text-green-500",
+    bg: "bg-green-500/10",
+    label: "Completed"
+  },
+  failed: {
+    icon: lucideReact.XCircle,
+    color: "text-red-500",
+    bg: "bg-red-500/10",
+    label: "Failed"
+  },
+  expired: {
+    icon: lucideReact.AlertCircle,
+    color: "text-muted-foreground",
+    bg: "bg-muted",
+    label: "Expired"
+  }
 };
-var PaymentDetailsDialog = () => {
-  const [open, setOpen] = react.useState(false);
-  const [paymentId, setPaymentId] = react.useState(null);
-  const [timeLeft, setTimeLeft] = react.useState("");
-  const shouldFetch = open && !!paymentId;
-  const { data: payment, isLoading, error, mutate } = usePaymentsPaymentsRetrieve(
-    shouldFetch ? paymentId : "",
-    apiPayments
+function PaymentSheet({ paymentId, open, onOpenChange }) {
+  const { getPaymentDetails } = useWallet();
+  const [timeLeft, setTimeLeft] = React2.useState("");
+  const { data: payment, isLoading, error, mutate } = useSWR2__default.default(
+    open && paymentId ? ["payment-details", paymentId] : null,
+    () => getPaymentDetails(paymentId),
+    { refreshInterval: 1e4 }
   );
-  react.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);
-  };
-  react.useEffect(() => {
+  React2.useEffect(() => {
     if (!payment?.expires_at) return;
     const updateTimeLeft = () => {
-      const now = moment__default.default();
-      const expires = moment__default.default.utc(payment.expires_at);
+      const now = moment2__default.default();
+      const expires = moment2__default.default.utc(payment.expires_at);
       const diff = expires.diff(now);
       if (diff <= 0) {
         setTimeLeft("Expired");
         return;
       }
-      const duration = moment__default.default.duration(diff);
+      const duration = moment2__default.default.duration(diff);
       const hours = Math.floor(duration.asHours());
       const minutes = duration.minutes();
       const seconds = duration.seconds();
@@ -1890,713 +2396,172 @@ var PaymentDetailsDialog = () => {
     const interval = setInterval(updateTimeLeft, 1e3);
     return () => clearInterval(interval);
   }, [payment?.expires_at]);
-  const getStatusInfo = () => {
-    switch (payment?.status?.toLowerCase()) {
-      case "pending":
-        return { icon: lucideReact.Clock, color: "text-yellow-500", bg: "bg-yellow-500/10" };
-      case "completed":
-      case "success":
-        return { icon: lucideReact.CheckCircle2, color: "text-green-500", bg: "bg-green-500/10" };
-      case "failed":
-      case "error":
-        return { icon: lucideReact.XCircle, color: "text-red-500", bg: "bg-red-500/10" };
-      case "expired":
-        return { icon: lucideReact.AlertCircle, color: "text-gray-500", bg: "bg-gray-500/10" };
-      case "confirming":
-        return { icon: lucideReact.RefreshCw, color: "text-blue-500", bg: "bg-blue-500/10" };
-      default:
-        return { icon: lucideReact.Clock, color: "text-gray-500", bg: "bg-gray-500/10" };
-    }
-  };
-  if (!open) return null;
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(uiCore.Dialog, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.DialogContent, { className: "sm:max-w-lg", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(uiCore.DialogHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogTitle, { children: "Payment Details" }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogDescription, { children: "Loading payment information..." })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-8 w-8 animate-spin text-muted-foreground" }) })
-    ] }) });
-  }
-  if (shouldFetch && !isLoading && (error || !payment)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(uiCore.Dialog, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.DialogContent, { className: "sm:max-w-lg", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(uiCore.DialogHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogTitle, { children: "Payment Details" }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogDescription, { children: "Failed to load payment information" })
+  const status = React2.useMemo(() => {
+    const s = payment?.status?.toLowerCase();
+    if (s === "completed" || s === "success" || s === "finished") return "completed";
+    if (s === "confirming" || s === "partially_paid") return "confirming";
+    if (s === "expired") return "expired";
+    if (s === "failed" || s === "error" || s === "cancelled") return "failed";
+    return "pending";
+  }, [payment?.status]);
+  const config = statusConfig2[status];
+  const StatusIcon = config.icon;
+  const qrCodeUrl = payment?.pay_address ? `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(payment.pay_address)}` : null;
+  const isPending = status === "pending";
+  return /* @__PURE__ */ jsxRuntime.jsx(uiCore.ResponsiveSheet, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.ResponsiveSheetContent, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(uiCore.ResponsiveSheetHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(uiCore.ResponsiveSheetTitle, { children: "Payment Details" }),
+      /* @__PURE__ */ jsxRuntime.jsx(uiCore.ResponsiveSheetDescription, { children: isPending ? "Send cryptocurrency to complete payment" : "Payment information" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 sm:p-0 sm:mt-4 overflow-y-auto max-h-[70vh]", children: [
+      isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-48 w-48 rounded-xl" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-12 w-full" }),
+        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-24 w-full" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-12 w-12 text-destructive" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: error ? `Error: ${error}` : "Payment not found" }),
+      error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-12 w-12 text-destructive mb-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Failed to load payment" }),
         /* @__PURE__ */ jsxRuntime.jsx(uiCore.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__ */ jsxRuntime.jsx(uiCore.Dialog, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.DialogContent, { className: "sm:max-w-lg", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(uiCore.DialogHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogTitle, { children: "Payment Details" }),
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogDescription, { children: "Send cryptocurrency to complete your payment" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-3 p-4 rounded-sm ${statusInfo.bg}`, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { className: `h-5 w-5 ${statusInfo.color}` }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold capitalize", children: payment.status }),
-          payment.status === "pending" && timeLeft && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-muted-foreground", children: [
-            "Expires in ",
-            timeLeft
-          ] })
-        ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 bg-muted rounded-sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Amount to send" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.TokenIcon, { symbol: String(payment.currency_code || "BTC"), size: 20 }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono font-bold text-lg", children: [
-              payment.pay_amount || "0.00000000",
-              " ",
-              payment.currency_code
+      payment && !isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("flex items-center gap-3 p-4 rounded-xl", config.bg), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { className: lib.cn("h-6 w-6", config.color, config.animate && "animate-spin") }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold", children: config.label }),
+            isPending && timeLeft && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-muted-foreground", children: [
+              "Expires in ",
+              timeLeft
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Equivalent to" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold text-lg", children: [
-            "$",
-            parseFloat(payment.amount_usd || "0").toFixed(2),
-            " USD"
-          ] })
-        ] }),
-        payment.internal_payment_id && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Payment Order #" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium", children: payment.internal_payment_id })
-        ] }),
-        payment.currency_network && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Network" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: payment.currency_network })
-        ] })
-      ] }),
-      qrCodeUrl && payment.status === "pending" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center p-6 bg-white rounded-sm", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: qrCodeUrl, alt: "Payment QR Code", className: "w-48 h-48" }) }),
-      payment.pay_address && payment.status === "pending" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Payment Address" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-3 bg-muted rounded-sm font-mono text-sm break-all", children: payment.pay_address }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.CopyButton, { value: payment.pay_address, variant: "outline" })
-        ] })
-      ] }),
-      payment.transaction_hash && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Transaction Hash" }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-        uiCore.Button,
-        {
-          variant: "outline",
-          className: "w-full",
-          onClick: () => window.open(payment.payment_url, "_blank"),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-4 w-4 mr-2" }),
-            "Open in Payment Provider"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-4 border-t space-y-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Payment ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: payment.id })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Created" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: moment__default.default.utc(payment.created_at).local().format("MMM D, YYYY HH:mm") })
-        ] }),
-        payment.confirmations_count !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Confirmations" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: payment.confirmations_count })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(uiCore.DialogFooter, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.Button, { variant: "outline", onClick: handleClose, children: "Close" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Button, { onClick: () => mutate(), variant: "ghost", size: "sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__default.default.utc(dateStr).local().format("MMM D, YYYY");
-    } catch {
-      return "Invalid date";
-    }
-  };
-  if (isLoadingBalance) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Card, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.CardTitle, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-5 w-5" }),
-          "Account Balance"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-8 w-20" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(uiCore.CardContent, { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-10 w-32" }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.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__ */ jsxRuntime.jsxs(uiCore.Card, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(uiCore.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.CardTitle, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-5 w-5" }),
-        "Account Balance"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Button, { variant: "ghost", size: "sm", onClick: refreshBalance, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Button, { size: "sm", onClick: () => openCreatePaymentDialog(), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-2" }),
-          "Add Funds"
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(uiCore.CardContent, { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-4xl font-bold", children: formatCurrency(amountUsd) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground mt-1", children: [
-          "Available balance \u2022 Last updated ",
-          formatDate(lastTransactionAt)
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 pt-4 border-t", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Total Deposited" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold text-green-600", children: formatCurrency(totalDeposited) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Total Withdrawn" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold text-red-600", children: formatCurrency(totalWithdrawn) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Badge, { variant: !isEmpty ? "default" : "secondary", children: !isEmpty ? "Active" : "New Account" }),
-        isEmpty && /* @__PURE__ */ jsxRuntime.jsx(uiCore.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__default.default.utc(date).local();
-    const now = moment__default.default();
-    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__ */ jsxRuntime.jsxs(uiCore.Card, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.CardTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "h-5 w-5" }),
-        "Recent Payments"
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.CardContent, { className: "space-y-3", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-3 border rounded-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-4 w-32" }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-3 w-24" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-6 w-16" })
-      ] }, i)) })
-    ] });
-  }
-  const recentPaymentsList = payments?.results?.slice(0, 5) || [];
-  return /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Card, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(uiCore.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.CardTitle, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "h-5 w-5" }),
-        "Recent Payments"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Button, { variant: "ghost", size: "sm", children: [
-        "View All",
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-4 w-4 ml-2" })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(uiCore.CardContent, { children: recentPaymentsList.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "h-12 w-12 mx-auto mb-4 opacity-50" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No recent payments" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm mt-2", children: "Create your first payment to get started" })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: recentPaymentsList.map((payment) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-muted rounded-xl p-4 space-y-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Amount to send" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: formatCurrency(payment.amount_usd) }),
-              /* @__PURE__ */ jsxRuntime.jsx(uiCore.Badge, { variant: getStatusVariant(payment.status), className: "text-xs", children: payment.status })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
-              getRelativeTime(payment.created_at),
-              " \u2022 ",
-              payment.currency_code || "USD"
+              /* @__PURE__ */ jsxRuntime.jsx(uiCore.TokenIcon, { symbol: payment.currency_code, size: 24 }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono font-bold text-lg", children: [
+                payment.pay_amount,
+                " ",
+                payment.currency_code
+              ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-4 w-4 text-muted-foreground" })
-        ]
-      },
-      payment.id
-    )) }) })
-  ] });
-};
-var OverviewView = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 lg:grid-cols-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(BalanceCard, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(RecentPayments, {})
-  ] }) });
-};
-var PaymentsList = () => {
-  const pagination = components.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] = react.useState("");
-  const [statusFilter, setStatusFilter] = react.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__default.default.utc(date).local();
-    const now = moment__default.default();
-    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__default.default.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__ */ jsxRuntime.jsxs(uiCore.Card, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(uiCore.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.CardTitle, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Payment History" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Button, { variant: "outline", size: "sm", onClick: () => refreshPayments(), disabled: isLoadingPayments, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: `h-4 w-4 mr-2 ${isLoadingPayments ? "animate-spin" : ""}` }),
-          "Refresh"
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Equivalent" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold", children: [
+              "$",
+              parseFloat(payment.amount_usd).toFixed(2),
+              " USD"
+            ] })
+          ] }),
+          payment.currency_network && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm pt-2 border-t", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Network" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: payment.currency_network })
+          ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Button, { size: "sm", onClick: () => openCreatePaymentDialog(), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-2" }),
-          "New Payment"
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(uiCore.CardContent, { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            uiCore.Input,
-            {
-              placeholder: "Search by ID, status, or currency...",
-              value: searchTerm,
-              onChange: (e) => handleSearch(e.target.value),
-              className: "pl-10"
-            }
-          )
+        qrCodeUrl && isPending && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center p-6 bg-white rounded-xl", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: qrCodeUrl, alt: "Payment QR Code", className: "w-48 h-48" }) }),
+        payment.pay_address && isPending && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Payment Address" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-3 bg-muted rounded-xl font-mono text-sm break-all", children: payment.pay_address }),
+            /* @__PURE__ */ jsxRuntime.jsx(uiCore.CopyButton, { value: payment.pay_address, variant: "outline", className: "shrink-0" })
+          ] })
+        ] }),
+        payment.transaction_hash && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Transaction Hash" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 bg-muted rounded-xl font-mono text-sm break-all", children: payment.transaction_hash })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Select, { value: statusFilter, onValueChange: handleStatusFilter, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(uiCore.SelectTrigger, { className: "w-full sm:w-48", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-4 w-4 mr-2" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectValue, { placeholder: "Filter by status" })
+        payment.payment_url && isPending && /* @__PURE__ */ jsxRuntime.jsxs(
+          uiCore.Button,
+          {
+            variant: "outline",
+            className: "w-full",
+            onClick: () => window.open(payment.payment_url, "_blank"),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-4 w-4 mr-2" }),
+              "Open in Payment Provider"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 text-xs text-muted-foreground pt-4 border-t", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Payment ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: payment.id })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(uiCore.SelectContent, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectItem, { value: "all", children: "All Statuses" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectItem, { value: "completed", children: "Completed" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectItem, { value: "pending", children: "Pending" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectItem, { value: "confirming", children: "Confirming" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectItem, { value: "failed", children: "Failed" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectItem, { value: "expired", children: "Expired" })
+          payment.internal_payment_id && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Order #" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: payment.internal_payment_id })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Created" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: moment2__default.default.utc(payment.created_at).local().format("MMM D, YYYY HH:mm") })
           ] })
-        ] })
-      ] }),
-      isLoadingPayments ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 border rounded-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-4 w-32" }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-3 w-24" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-6 w-16" })
-      ] }, i)) }) : filteredPayments.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-12", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 mx-auto mb-4 bg-muted rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "w-8 h-8 text-muted-foreground" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold mb-2", children: "No Payments Found" }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(uiCore.Button, { onClick: () => openCreatePaymentDialog(), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-2" }),
-          "Create Payment"
-        ] })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Table, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.TableRow, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Date" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Currency" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Provider" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Payment ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { className: "text-right", children: "Actions" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableBody, { children: filteredPayments.map((payment) => /* @__PURE__ */ jsxRuntime.jsxs(
-            uiCore.TableRow,
-            {
-              className: "cursor-pointer hover:bg-accent",
-              onClick: () => openPaymentDetailsDialog(String(payment.id)),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: payment.formattedDate }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: payment.relativeTime })
-                ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { className: "font-mono font-semibold", children: formatCurrency(payment.amount_usd) }),
-                /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(uiCore.Badge, { variant: "outline", children: payment.currency_code || "USD" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(uiCore.Badge, { variant: getStatusVariant(payment.status), children: payment.status }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { className: "text-sm text-muted-foreground", children: "NowPayments" }),
-                /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { className: "font-mono text-sm text-muted-foreground", children: payment.truncatedId }),
-                /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  uiCore.Button,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      openPaymentDetailsDialog(String(payment.id));
-                    },
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-4 w-4" })
-                  }
-                ) })
-              ]
-            },
-            payment.id
-          )) })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          components.StaticPagination,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          uiCore.Button,
           {
-            data: payments,
-            onPageChange: pagination.setPage,
-            className: "mt-4"
+            variant: "ghost",
+            className: "w-full",
+            onClick: () => mutate(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4 mr-2" }),
+              "Refresh Status"
+            ]
           }
         )
       ] })
     ] })
-  ] });
-};
-var PaymentsView = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsx(PaymentsList, {}) });
-};
-var TransactionsList = () => {
-  const {
-    transactions,
-    isLoadingTransactions,
-    refreshTransactions
-  } = useOverviewContext();
-  const [searchTerm, setSearchTerm] = react.useState("");
-  const [typeFilter, setTypeFilter] = react.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__default.default.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__default.default.utc(date).local();
-    const now = moment__default.default();
-    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";
-    }
-  };
-  const getTypeIcon = (type) => {
-    const isDeposit = type?.toLowerCase() === "deposit" || type?.toLowerCase() === "credit";
-    return isDeposit ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownLeft, { className: "h-4 w-4 text-green-600" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsxs(uiCore.Card, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.CardTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "h-5 w-5" }),
-        "Transaction History"
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.CardContent, { className: "space-y-3", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 border rounded-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-4 w-32" }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-3 w-24" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.Skeleton, { className: "h-6 w-16" })
-      ] }, i)) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Card, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(uiCore.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.CardTitle, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "h-5 w-5" }),
-        "Transaction History"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Button, { variant: "outline", size: "sm", onClick: refreshTransactions, disabled: isLoadingTransactions, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: `h-4 w-4 mr-2 ${isLoadingTransactions ? "animate-spin" : ""}` }),
-        "Refresh"
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(uiCore.CardContent, { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            uiCore.Input,
-            {
-              placeholder: "Search by ID, description, or type...",
-              value: searchTerm,
-              onChange: (e) => handleSearch(e.target.value),
-              className: "pl-10"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Select, { value: typeFilter, onValueChange: handleTypeFilter, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(uiCore.SelectTrigger, { className: "w-full sm:w-48", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-4 w-4 mr-2" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectValue, { placeholder: "Filter by type" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(uiCore.SelectContent, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectItem, { value: "all", children: "All Types" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectItem, { value: "deposit", children: "Deposits" }),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.SelectItem, { value: "withdrawal", children: "Withdrawals" })
-          ] })
-        ] })
-      ] }),
-      filteredTransactions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-12", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 mx-auto mb-4 bg-muted rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "w-8 h-8 text-muted-foreground" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold mb-2", children: "No Transactions Found" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: searchTerm || typeFilter !== "all" ? "No transactions match your current filters" : "You don't have any transactions yet" })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Table, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiCore.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Date & Time" }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Type" }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Amount" }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Balance After" }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Description" }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableHead, { children: "Reference" })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableBody, { children: filteredTransactions.map((transaction, index) => /* @__PURE__ */ jsxRuntime.jsxs(uiCore.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: transaction.formattedDate }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: transaction.relativeTime })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            getTypeIcon(transaction.type),
-            /* @__PURE__ */ jsxRuntime.jsx(uiCore.Badge, { variant: getTypeVariant(transaction.type), children: transaction.type || "Unknown" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { className: "font-mono font-semibold", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: transaction.isDeposit ? "text-green-600" : "text-red-600", children: [
-            transaction.isDeposit ? "+" : "-",
-            formatCurrency(Math.abs(transaction.amount || transaction.amount_usd || 0))
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { className: "font-mono", children: formatCurrency(transaction.balance_after || 0) }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { className: "text-sm", children: transaction.description || transaction.note || "No description" }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiCore.TableCell, { className: "font-mono text-sm text-muted-foreground", children: transaction.truncatedRef })
-        ] }, transaction.id || index)) })
-      ] }) })
-    ] })
-  ] });
-};
-var TransactionsView = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsx(TransactionsList, {}) });
-};
-var PaymentsLayout = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RootPaymentsProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full p-6 space-y-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold tracking-tight", children: "Payments" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Manage your payments, balance, and transaction history" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(uiCore.Tabs, { defaultValue: "overview", className: "space-y-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(uiCore.TabsList, { className: "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(uiCore.TabsTrigger, { value: "overview", className: "inline-flex items-center gap-2 px-3 py-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "Overview" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(uiCore.TabsTrigger, { value: "payments", className: "inline-flex items-center gap-2 px-3 py-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "Payments" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(uiCore.TabsTrigger, { value: "transactions", className: "inline-flex items-center gap-2 px-3 py-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "Transactions" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.TabsContent, { value: "overview", className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsx(OverviewProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(PaymentsProvider, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(OverviewView, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(CreatePaymentDialog, {})
-      ] }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.TabsContent, { value: "payments", className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsxs(PaymentsProvider, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PaymentsView, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(CreatePaymentDialog, {})
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(uiCore.TabsContent, { value: "transactions", className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsx(OverviewProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TransactionsView, {}) }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(PaymentDetailsDialog, {})
   ] }) });
-};
+}
+var ResponsiveSheetContext = React2__namespace.createContext({ isMobile: false });
+function ResponsiveSheet4({ open, onOpenChange, children }) {
+  const isMobile = uiCore.useIsMobile();
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ResponsiveSheetContext.Provider, { value: { isMobile: true }, children: /* @__PURE__ */ jsxRuntime.jsx(uiCore.Drawer, { open, onOpenChange, children }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ResponsiveSheetContext.Provider, { value: { isMobile: false }, children: /* @__PURE__ */ jsxRuntime.jsx(uiCore.Dialog, { open, onOpenChange, children }) });
+}
+function ResponsiveSheetContent4({ children, className }) {
+  const { isMobile } = React2__namespace.useContext(ResponsiveSheetContext);
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntime.jsx(uiCore.DrawerContent, { className, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogContent, { className, children });
+}
+function ResponsiveSheetHeader4({ children, className }) {
+  const { isMobile } = React2__namespace.useContext(ResponsiveSheetContext);
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntime.jsx(uiCore.DrawerHeader, { className, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogHeader, { className, children });
+}
+function ResponsiveSheetTitle4({ children, className }) {
+  const { isMobile } = React2__namespace.useContext(ResponsiveSheetContext);
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntime.jsx(uiCore.DrawerTitle, { className, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogTitle, { className, children });
+}
+function ResponsiveSheetDescription4({ children, className }) {
+  const { isMobile } = React2__namespace.useContext(ResponsiveSheetContext);
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntime.jsx(uiCore.DrawerDescription, { className, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogDescription, { className, children });
+}
+function ResponsiveSheetFooter({ children, className }) {
+  const { isMobile } = React2__namespace.useContext(ResponsiveSheetContext);
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntime.jsx(uiCore.DrawerFooter, { className, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(uiCore.DialogFooter, { className, children });
+}
 
 // package.json
 var package_default = {
   name: "@djangocfg/ext-payments",
-  version: "1.0.13",
+  version: "1.0.17",
   description: "Payments system extension for DjangoCFG",
   keywords: [
     "django",
@@ -2633,11 +2598,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",
@@ -2665,8 +2625,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:*",
@@ -2743,6 +2705,10 @@ exports.API = API;
 exports.APIClient = APIClient;
 exports.APIError = APIError;
 exports.APILogger = APILogger;
+exports.ActivityItem = ActivityItem;
+exports.ActivityList = ActivityList;
+exports.AddFundsSheet = AddFundsSheet;
+exports.BalanceHero = BalanceHero;
 exports.BalanceSchema = BalanceSchema;
 exports.CookieStorageAdapter = CookieStorageAdapter;
 exports.CurrencySchema = CurrencySchema;
@@ -2754,21 +2720,33 @@ exports.Fetchers = fetchers_exports;
 exports.LocalStorageAdapter = LocalStorageAdapter;
 exports.MemoryStorageAdapter = MemoryStorageAdapter;
 exports.NetworkError = NetworkError;
-exports.PAYMENT_EVENTS = PAYMENT_EVENTS;
 exports.PaginatedPaymentListListSchema = PaginatedPaymentListListSchema;
+exports.PaginatedWithdrawalListListSchema = PaginatedWithdrawalListListSchema;
+exports.PaymentCreateRequestSchema = PaymentCreateRequestSchema;
 exports.PaymentDetailSchema = PaymentDetailSchema;
 exports.PaymentListSchema = PaymentListSchema;
-exports.PaymentsLayout = PaymentsLayout;
+exports.PaymentSheet = PaymentSheet;
 exports.REFRESH_TOKEN_KEY = REFRESH_TOKEN_KEY;
+exports.ResponsiveSheet = ResponsiveSheet4;
+exports.ResponsiveSheetContent = ResponsiveSheetContent4;
+exports.ResponsiveSheetDescription = ResponsiveSheetDescription4;
+exports.ResponsiveSheetFooter = ResponsiveSheetFooter;
+exports.ResponsiveSheetHeader = ResponsiveSheetHeader4;
+exports.ResponsiveSheetTitle = ResponsiveSheetTitle4;
 exports.Schemas = schemas_exports;
 exports.TOKEN_KEY = TOKEN_KEY;
 exports.TransactionSchema = TransactionSchema;
+exports.WithdrawSheet = WithdrawSheet;
+exports.WithdrawalCreateRequestSchema = WithdrawalCreateRequestSchema;
+exports.WithdrawalDetailSchema = WithdrawalDetailSchema;
+exports.WithdrawalListSchema = WithdrawalListSchema;
 exports.apiPayments = apiPayments;
 exports.clearAPITokens = clearAPITokens;
-exports.closePaymentsDialog = closePaymentsDialog;
 exports.configureAPI = configureAPI;
 exports.createPaymentsPaymentsConfirmCreate = createPaymentsPaymentsConfirmCreate;
 exports.createPaymentsPaymentsCreateCreate = createPaymentsPaymentsCreateCreate;
+exports.createPaymentsWithdrawalsCancelCreate = createPaymentsWithdrawalsCancelCreate;
+exports.createPaymentsWithdrawalsCreateCreate = createPaymentsWithdrawalsCreateCreate;
 exports.dispatchValidationError = dispatchValidationError;
 exports.extensionConfig = extensionConfig;
 exports.formatZodError = formatZodError;
@@ -2779,10 +2757,10 @@ exports.getPaymentsPaymentsList = getPaymentsPaymentsList;
 exports.getPaymentsPaymentsRetrieve = getPaymentsPaymentsRetrieve;
 exports.getPaymentsPaymentsStatusRetrieve = getPaymentsPaymentsStatusRetrieve;
 exports.getPaymentsTransactionsList = getPaymentsTransactionsList;
+exports.getPaymentsWithdrawalsList = getPaymentsWithdrawalsList;
+exports.getPaymentsWithdrawalsRetrieve = getPaymentsWithdrawalsRetrieve;
 exports.isAPIConfigured = isAPIConfigured;
 exports.onValidationError = onValidationError;
-exports.openCreatePaymentDialog = openCreatePaymentDialog;
-exports.openPaymentDetailsDialog = openPaymentDetailsDialog;
 exports.reconfigureAPI = reconfigureAPI;
 exports.resetAPI = resetAPI;
 exports.shouldRetry = shouldRetry;