@quantabit/payment-sdk 1.0.0

package/dist/index.cjs

@@ -0,0 +1,1502 @@
+'use strict';
+
+var React = require('react');
+var antd = require('antd');
+var icons = require('@ant-design/icons');
+var sdkConfig = require('@quantabit/sdk-config');
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+function PricingCard({
+  name,
+  price,
+  period = '/mo',
+  description,
+  features = [],
+  cta = 'Get Started',
+  popular = false,
+  onSelect,
+  className = ''
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qpay-card ${popular ? 'qpay-popular' : ''} ${className}`,
+    style: {
+      padding: 28,
+      borderRadius: 16,
+      border: popular ? '2px solid #3b82f6' : '1px solid #e4e4e7',
+      background: '#fff',
+      position: 'relative',
+      boxShadow: popular ? '0 8px 32px rgba(59,130,246,0.12)' : 'none',
+      transition: 'all 0.3s'
+    }
+  }, popular && /*#__PURE__*/React.createElement("span", {
+    style: {
+      position: 'absolute',
+      top: -12,
+      left: '50%',
+      transform: 'translateX(-50%)',
+      background: '#3b82f6',
+      color: '#fff',
+      fontSize: 11,
+      fontWeight: 700,
+      padding: '3px 12px',
+      borderRadius: 20
+    }
+  }, "Most Popular"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 18,
+      fontWeight: 700,
+      color: '#18181b'
+    }
+  }, name), description && /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 13,
+      color: '#71717a',
+      marginTop: 4
+    }
+  }, description), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 16,
+      marginBottom: 16
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: 36,
+      fontWeight: 800,
+      color: '#18181b'
+    }
+  }, price), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: 14,
+      color: '#a1a1aa'
+    }
+  }, period)), /*#__PURE__*/React.createElement("ul", {
+    style: {
+      listStyle: 'none',
+      padding: 0,
+      margin: '0 0 20px',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 8
+    }
+  }, features.map((f, i) => /*#__PURE__*/React.createElement("li", {
+    key: i,
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 8,
+      fontSize: 13,
+      color: '#3f3f46'
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: f.included !== false ? '#22c55e' : '#d4d4d8',
+    strokeWidth: "2"
+  }, /*#__PURE__*/React.createElement("polyline", {
+    points: "20 6 9 17 4 12"
+  })), /*#__PURE__*/React.createElement("span", {
+    style: {
+      opacity: f.included === false ? 0.5 : 1
+    }
+  }, typeof f === 'string' ? f : f.text)))), /*#__PURE__*/React.createElement("button", {
+    onClick: () => onSelect?.(name),
+    style: {
+      width: '100%',
+      padding: '10px',
+      borderRadius: 8,
+      border: 'none',
+      background: popular ? '#3b82f6' : '#18181b',
+      color: '#fff',
+      fontSize: 14,
+      fontWeight: 600,
+      cursor: 'pointer',
+      transition: 'all 0.2s'
+    }
+  }, cta));
+}
+
+function PricingTable({
+  plans = [],
+  onSelect,
+  columns = 3,
+  className = ''
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qpay-table ${className}`,
+    style: {
+      display: 'grid',
+      gridTemplateColumns: `repeat(${Math.min(columns, plans.length)}, 1fr)`,
+      gap: 20,
+      alignItems: 'start'
+    }
+  }, plans.map((plan, i) => /*#__PURE__*/React.createElement(PricingCard, _extends({
+    key: plan.name || i
+  }, plan, {
+    onSelect: onSelect
+  }))));
+}
+
+/**
+ * Payment SDK - 国际化 i18n
+ */
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  zh: {
+    'pay.checkout': '结算',
+    'pay.total': '合计',
+    'pay.subtotal': '小计',
+    'pay.orderSummary': '订单明细',
+    'pay.discount': '折扣',
+    'pay.tax': '税费',
+    'pay.processing': '处理中...',
+    'pay.proceedToCheckout': '前往支付',
+    // 充值相关
+    'enterValidAmount': '请输入有效的金额',
+    'recharge': '充值',
+    'createOrderFailed': '创建订单失败',
+    'networkError': '网络错误，请稍后重试',
+    'paymentConfirmFailed': '支付确认失败',
+    'rechargeSuccessful': '充值成功',
+    'rechargeSuccessMsg': '已成功充值 {amount} {currency}',
+    'paymentProcessing': '支付处理中',
+    'orderNo': '订单号',
+    'waitingForPayment': '等待支付...',
+    'simulatePaySuccess': '模拟支付成功',
+    'rechargeAmount': '充值金额',
+    'paymentMethod': '支付方式',
+    'confirmRecharge': '确认充值',
+    'walletRecharge': '钱包充值',
+    // 支付方式
+    'method.card': '信用卡/借记卡',
+    'method.cardDesc': '支持 Visa, MasterCard 等',
+    'method.paypal': 'PayPal',
+    'method.paypalDesc': '快速安全的结算方式',
+    'method.crypto': '加密货币',
+    'methodCrypto': '加密货币',
+    'method.cryptoDesc': '使用 Web3 钱包支付',
+    'method.alipay': '支付宝',
+    'methodAlipay': '支付宝',
+    'method.alipayDesc': '支付宝快捷支付',
+    'method.wechat': '微信支付',
+    'methodWechat': '微信支付',
+    'method.wechatDesc': '微信快捷支付',
+    'method.apple': 'Apple Pay',
+    'method.appleDesc': '苹果设备快捷支付',
+    'method.google': 'Google Pay',
+    'method.googleDesc': '安卓设备快捷支付',
+    'method.selected': '已选择的支付方式'
+  },
+  en: {
+    'pay.checkout': 'Checkout',
+    'pay.total': 'Total',
+    'pay.subtotal': 'Subtotal',
+    'pay.orderSummary': 'Order Summary',
+    'pay.discount': 'Discount',
+    'pay.tax': 'Tax',
+    'pay.processing': 'Processing...',
+    'pay.proceedToCheckout': 'Proceed to Checkout',
+    // Recharge
+    'enterValidAmount': 'Please enter a valid amount',
+    'recharge': 'Recharge',
+    'createOrderFailed': 'Failed to create order',
+    'networkError': 'Network error, please try again',
+    'paymentConfirmFailed': 'Failed to confirm payment',
+    'rechargeSuccessful': 'Recharge Successful',
+    'rechargeSuccessMsg': 'Successfully recharged {amount} {currency}',
+    'paymentProcessing': 'Payment Processing',
+    'orderNo': 'Order No',
+    'waitingForPayment': 'Waiting for payment...',
+    'simulatePaySuccess': 'Simulate Payment Success',
+    'rechargeAmount': 'Recharge Amount',
+    'paymentMethod': 'Payment Method',
+    'confirmRecharge': 'Confirm Recharge',
+    'walletRecharge': 'Wallet Recharge',
+    // Payment Methods
+    'method.card': 'Credit Card',
+    'method.cardDesc': 'Visa, MasterCard, etc.',
+    'method.paypal': 'PayPal',
+    'method.paypalDesc': 'Fast & secure checkout',
+    'method.crypto': 'Crypto',
+    'methodCrypto': 'Crypto',
+    'method.cryptoDesc': 'Pay with Web3 wallet',
+    'method.alipay': 'Alipay',
+    'methodAlipay': 'Alipay',
+    'method.alipayDesc': 'Alipay quick pay',
+    'method.wechat': 'WeChat Pay',
+    'methodWechat': 'WeChat Pay',
+    'method.wechatDesc': 'WeChat quick pay',
+    'method.apple': 'Apple Pay',
+    'method.appleDesc': 'Quick pay on Apple devices',
+    'method.google': 'Google Pay',
+    'method.googleDesc': 'Quick pay on Android',
+    'method.selected': 'Selected payment method'
+  },
+  ja: {
+    'pay.checkout': 'チェックアウト',
+    'pay.total': '合計',
+    'pay.subtotal': '小計',
+    'pay.orderSummary': '注文の概要',
+    'pay.discount': '割引',
+    'pay.tax': '税金',
+    'pay.processing': '処理中...',
+    'pay.proceedToCheckout': '支払いに進む',
+    // Recharge
+    'enterValidAmount': '有効な金額を入力してください',
+    'recharge': 'チャージ',
+    'createOrderFailed': '注文の作成に失敗しました',
+    'networkError': 'ネットワークエラーです。後でもう一度お試しください',
+    'paymentConfirmFailed': '支払いの確認に失敗しました',
+    'rechargeSuccessful': 'チャージ成功',
+    'rechargeSuccessMsg': '{amount} {currency}のチャージに成功しました',
+    'paymentProcessing': '支払い処理中',
+    'orderNo': '注文番号',
+    'waitingForPayment': '支払いを待っています...',
+    'simulatePaySuccess': '支払いの成功をシミュレート',
+    'rechargeAmount': 'チャージ金額',
+    'paymentMethod': '支払い方法',
+    'confirmRecharge': 'チャージを確認',
+    'walletRecharge': 'ウォレットチャージ',
+    // Payment Methods
+    'method.card': 'クレジットカード',
+    'method.cardDesc': 'Visa、MasterCardなど',
+    'method.paypal': 'PayPal',
+    'method.paypalDesc': '迅速で安全な支払い',
+    'method.crypto': '暗号通貨',
+    'methodCrypto': '暗号通貨',
+    'method.cryptoDesc': 'Web3ウォレットで支払う',
+    'method.alipay': 'Alipay',
+    'methodAlipay': 'Alipay',
+    'method.alipayDesc': 'Alipayクイックペイ',
+    'method.wechat': 'WeChat Pay',
+    'methodWechat': 'WeChat Pay',
+    'method.wechatDesc': 'WeChatクイックペイ',
+    'method.apple': 'Apple Pay',
+    'method.appleDesc': 'Appleデバイスでクイックペイ',
+    'method.google': 'Google Pay',
+    'method.googleDesc': 'Androidデバイスでクイックペイ',
+    'method.selected': '選択された支払い方法'
+  },
+  ko: {
+    'pay.checkout': '결제',
+    'pay.total': '합계',
+    'pay.subtotal': '소계',
+    'pay.orderSummary': '주문 요약',
+    'pay.discount': '할인',
+    'pay.tax': '세금',
+    'pay.processing': '처리 중...',
+    'pay.proceedToCheckout': '결제 진행',
+    // Recharge
+    'enterValidAmount': '유효한 금액을 입력하세요',
+    'recharge': '충전',
+    'createOrderFailed': '주문 생성 실패',
+    'networkError': '네트워크 오류, 나중에 다시 시도하세요',
+    'paymentConfirmFailed': '결제 확인 실패',
+    'rechargeSuccessful': '충전 성공',
+    'rechargeSuccessMsg': '{amount} {currency} 충전이 완료되었습니다',
+    'paymentProcessing': '결제 처리 중',
+    'orderNo': '주문 번호',
+    'waitingForPayment': '결제 대기 중...',
+    'simulatePaySuccess': '결제 성공 시뮬레이션',
+    'rechargeAmount': '충전 금액',
+    'paymentMethod': '결제 수단',
+    'confirmRecharge': '충전 확인',
+    'walletRecharge': '지갑 충전',
+    // Payment Methods
+    'method.card': '신용카드',
+    'method.cardDesc': 'Visa, MasterCard 등',
+    'method.paypal': 'PayPal',
+    'method.paypalDesc': '빠르고 안전한 결제',
+    'method.crypto': '암호화폐',
+    'methodCrypto': '암호화폐',
+    'method.cryptoDesc': 'Web3 지갑으로 결제',
+    'method.alipay': 'Alipay',
+    'methodAlipay': 'Alipay',
+    'method.alipayDesc': 'Alipay 빠른 결제',
+    'method.wechat': 'WeChat Pay',
+    'methodWechat': 'WeChat Pay',
+    'method.wechatDesc': 'WeChat 빠른 결제',
+    'method.apple': 'Apple Pay',
+    'method.appleDesc': 'Apple 기기에서 빠른 결제',
+    'method.google': 'Google Pay',
+    'method.googleDesc': 'Android 기기에서 빠른 결제',
+    'method.selected': '선택한 결제 수단'
+  }
+};
+let currentLang = 'zh';
+function setLanguage(l) {
+  if (SUPPORTED_LANGUAGES.includes(l)) currentLang = l;
+}
+function getLanguage() {
+  return currentLang;
+}
+function t(key, params) {
+  const msgs = messages[currentLang] || messages.zh;
+  let text = msgs[key] || messages.en[key] || key;
+  if (params) {
+    Object.keys(params).forEach(k => {
+      text = text.replace(new RegExp(`\\{${k}\\}`, 'g'), params[k]);
+    });
+  }
+  return text;
+}
+
+/**
+ * Payment SDK - PaymentMethodSelector
+ * 高品质支付方式选择器
+ */
+function PaymentMethodSelector({
+  methods = ['card', 'paypal', 'crypto'],
+  value,
+  onChange,
+  className = ''
+}) {
+  const ICONS = {
+    card: '💳',
+    paypal: '🅿️',
+    crypto: '₿',
+    alipay: '🔷',
+    wechat: '💬',
+    apple: '🍎',
+    google: 'G'
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qpay-methods ${className}`,
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '16px'
+    }
+  }, methods.map(key => {
+    const icon = ICONS[key] || '💰';
+    const label = t(`method.${key}`);
+    const desc = t(`method.${key}Desc`) || t('method.selected');
+    const active = value === key;
+    return /*#__PURE__*/React.createElement("button", {
+      key: key,
+      onClick: () => onChange?.(key),
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '16px',
+        padding: '20px',
+        borderRadius: '24px',
+        border: active ? '1px solid rgba(59, 130, 246, 0.8)' : '1px solid rgba(255, 255, 255, 0.4)',
+        background: active ? 'rgba(255, 255, 255, 0.85)' : 'rgba(255, 255, 255, 0.6)',
+        backdropFilter: 'blur(24px)',
+        WebkitBackdropFilter: 'blur(24px)',
+        cursor: 'pointer',
+        textAlign: 'left',
+        transition: 'all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+        boxShadow: active ? '0 15px 35px -5px rgba(59, 130, 246, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.8)' : '0 10px 30px -10px rgba(0,0,0,0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.5)',
+        outline: 'none'
+      },
+      onMouseEnter: e => {
+        if (!active) {
+          e.currentTarget.style.background = 'rgba(255, 255, 255, 0.75)';
+          e.currentTarget.style.transform = 'translateY(-2px)';
+          e.currentTarget.style.boxShadow = '0 15px 35px -10px rgba(0,0,0,0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.8)';
+        }
+      },
+      onMouseLeave: e => {
+        if (!active) {
+          e.currentTarget.style.background = 'rgba(255, 255, 255, 0.6)';
+          e.currentTarget.style.transform = 'none';
+          e.currentTarget.style.boxShadow = '0 10px 30px -10px rgba(0,0,0,0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.5)';
+        }
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '48px',
+        height: '48px',
+        borderRadius: '16px',
+        background: 'rgba(255, 255, 255, 0.9)',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: '24px',
+        boxShadow: '0 4px 12px rgba(0,0,0,0.05)'
+      }
+    }, icon), /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontWeight: active ? 800 : 700,
+        color: '#0F172A',
+        fontSize: '16px',
+        letterSpacing: '-0.01em'
+      }
+    }, label), /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: '13px',
+        color: '#64748B',
+        fontWeight: 500
+      }
+    }, desc)), /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '28px',
+        height: '28px',
+        borderRadius: '50%',
+        border: active ? '8px solid #3B82F6' : '2px solid rgba(148, 163, 184, 0.5)',
+        background: '#fff',
+        transition: 'all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+        marginLeft: 'auto',
+        boxShadow: active ? '0 4px 12px rgba(59, 130, 246, 0.3)' : 'none'
+      }
+    }));
+  }));
+}
+
+function CheckoutSummary({
+  items = [],
+  subtotal,
+  discount,
+  tax,
+  total,
+  currency = '$',
+  onCheckout,
+  loading = false,
+  className = ''
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qpay-summary ${className}`,
+    style: {
+      padding: 24,
+      borderRadius: 16,
+      border: '1px solid #e4e4e7',
+      background: '#fafafa'
+    }
+  }, /*#__PURE__*/React.createElement("h3", {
+    style: {
+      fontSize: 16,
+      fontWeight: 700,
+      margin: '0 0 16px'
+    }
+  }, "Order Summary"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 8
+    }
+  }, items.map((item, i) => /*#__PURE__*/React.createElement("div", {
+    key: i,
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      fontSize: 13
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: '#3f3f46'
+    }
+  }, item.name, item.qty > 1 && ` × ${item.qty}`), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: 500
+    }
+  }, currency, item.price)))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      borderTop: '1px solid #e4e4e7',
+      marginTop: 12,
+      paddingTop: 12,
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 6,
+      fontSize: 13
+    }
+  }, subtotal != null && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: '#71717a'
+    }
+  }, "Subtotal"), /*#__PURE__*/React.createElement("span", null, currency, subtotal)), discount != null && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: '#22c55e'
+    }
+  }, "Discount"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: '#22c55e'
+    }
+  }, "-", currency, discount)), tax != null && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: '#71717a'
+    }
+  }, "Tax"), /*#__PURE__*/React.createElement("span", null, currency, tax)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      fontSize: 16,
+      fontWeight: 700,
+      borderTop: '1px solid #e4e4e7',
+      paddingTop: 12,
+      marginTop: 4
+    }
+  }, /*#__PURE__*/React.createElement("span", null, "Total"), /*#__PURE__*/React.createElement("span", null, currency, total))), onCheckout && /*#__PURE__*/React.createElement("button", {
+    onClick: onCheckout,
+    disabled: loading,
+    style: {
+      width: '100%',
+      marginTop: 16,
+      padding: '12px',
+      borderRadius: 10,
+      border: 'none',
+      background: '#18181b',
+      color: '#fff',
+      fontSize: 14,
+      fontWeight: 600,
+      cursor: 'pointer'
+    }
+  }, loading ? 'Processing...' : 'Checkout'));
+}
+
+/**
+ * Payment SDK - API 客户端
+ * 支付系统后端接口封装
+ * 
+ * 使用 BaseApiClient 基类简化代码
+ */
+
+
+/**
+ * 支付 API 客户端
+ */
+class PaymentApiClient extends sdkConfig.BaseApiClient {
+  constructor(config = {}) {
+    super('/api/payment', config);
+  }
+
+  // ============ 支付方式 ============
+
+  /**
+   * 获取可用支付方式
+   * @param {Object} orderInfo - 订单信息
+   */
+  async getPaymentMethods(orderInfo = {}) {
+    return this.post('/methods', orderInfo);
+  }
+
+  /**
+   * 获取已绑定的支付方式
+   */
+  async getSavedPaymentMethods() {
+    return this.get('/methods/saved');
+  }
+
+  /**
+   * 添加支付方式
+   * @param {Object} paymentMethod - 支付方式数据
+   */
+  async addPaymentMethod(paymentMethod) {
+    return this.post('/methods/add', paymentMethod);
+  }
+
+  /**
+   * 删除支付方式
+   * @param {string} methodId - 支付方式 ID
+   */
+  async removePaymentMethod(methodId) {
+    return this.delete(`/methods/${methodId}`);
+  }
+
+  /**
+   * 设置默认支付方式
+   * @param {string} methodId - 支付方式 ID
+   */
+  async setDefaultPaymentMethod(methodId) {
+    return this.post(`/methods/${methodId}/default`);
+  }
+
+  // ============ 支付操作 ============
+
+  /**
+   * 创建支付订单
+   * @param {Object} data - 支付数据
+   */
+  async createPayment(data) {
+    return this.post('/create', data);
+  }
+
+  /**
+   * 获取支付信息
+   * @param {string} paymentId - 支付 ID
+   */
+  async getPayment(paymentId) {
+    return this.get(`/${paymentId}`);
+  }
+
+  /**
+   * 确认支付
+   * @param {string} paymentId - 支付 ID
+   * @param {Object} paymentData - 支付数据
+   */
+  async confirmPayment(paymentId, paymentData) {
+    return this.post(`/${paymentId}/confirm`, paymentData);
+  }
+
+  /**
+   * 取消支付
+   * @param {string} paymentId - 支付 ID
+   */
+  async cancelPayment(paymentId) {
+    return this.post(`/${paymentId}/cancel`);
+  }
+
+  /**
+   * 查询支付状态
+   * @param {string} paymentId - 支付 ID
+   */
+  async getPaymentStatus(paymentId) {
+    return this.get(`/${paymentId}/status`);
+  }
+
+  // ============ 退款 ============
+
+  /**
+   * 申请退款
+   * @param {string} paymentId - 支付 ID
+   * @param {Object} refundData - 退款数据
+   */
+  async requestRefund(paymentId, refundData) {
+    return this.post(`/${paymentId}/refund`, refundData);
+  }
+
+  /**
+   * 获取退款状态
+   * @param {string} refundId - 退款 ID
+   */
+  async getRefundStatus(refundId) {
+    return this.get(`/refunds/${refundId}`);
+  }
+
+  /**
+   * 获取退款列表
+   * @param {Object} params - 查询参数
+   */
+  async getRefunds(params = {}) {
+    return this.get('/refunds', params);
+  }
+
+  // ============ 支付记录 ============
+
+  /**
+   * 获取支付记录
+   * @param {Object} params - 查询参数
+   */
+  async getPaymentHistory(params = {}) {
+    return this.get('/history', params);
+  }
+
+  /**
+   * 获取支付统计
+   * @param {Object} params - 统计参数
+   */
+  async getPaymentStats(params = {}) {
+    return this.get('/stats', params);
+  }
+
+  // ============ 第三方支付 ============
+
+  /**
+   * 获取微信支付参数
+   * @param {string} paymentId - 支付 ID
+   */
+  async getWechatPayParams(paymentId) {
+    return this.get(`/${paymentId}/wechat/params`);
+  }
+
+  /**
+   * 获取支付宝支付参数
+   * @param {string} paymentId - 支付 ID
+   */
+  async getAlipayParams(paymentId) {
+    return this.get(`/${paymentId}/alipay/params`);
+  }
+
+  /**
+   * 获取 Apple Pay 参数
+   * @param {string} paymentId - 支付 ID
+   */
+  async getApplePayParams(paymentId) {
+    return this.get(`/${paymentId}/applepay/params`);
+  }
+
+  // ============ 加密货币支付 ============
+
+  /**
+   * 获取加密货币支付地址
+   * @param {string} paymentId - 支付 ID
+   * @param {string} currency - 币种
+   */
+  async getCryptoPaymentAddress(paymentId, currency) {
+    return this.get(`/${paymentId}/crypto/address`, {
+      currency
+    });
+  }
+
+  /**
+   * 确认加密货币支付
+   * @param {string} paymentId - 支付 ID
+   * @param {string} txHash - 交易哈希
+   */
+  async confirmCryptoPayment(paymentId, txHash) {
+    return this.post(`/${paymentId}/crypto/confirm`, {
+      tx_hash: txHash
+    });
+  }
+
+  // ============ 平台支付同步 (QuantaBit) ============
+
+  /**
+   * 同步支付结果到 QuantaBit
+   * 平台支付完成后调用，将支付信息同步到 QuantaBit 中台
+   * @param {Object} data - 支付同步数据
+   * @param {string} data.app_id - 来源应用 ID
+   * @param {string} data.app_order_id - 应用内订单 ID
+   * @param {string} data.payment_method - 支付方式
+   * @param {number} data.amount - 支付金额
+   * @param {string} [data.status] - 支付状态（默认 'success'）
+   * @param {string} [data.user_did] - 用户 DID
+   * @param {string} [data.title] - 订单标题
+   */
+  async syncPaymentToQbitDid(data) {
+    const baseURL = this.config?.qbitDidApiUrl || (this.baseURL.includes('/api/payment') ? this.baseURL.replace('/api/payment', '') : this.baseURL);
+    return this.post('/platform-orders/sync-payment', data, {
+      baseURL
+    });
+  }
+
+  /**
+   * 同步交易流水到 QuantaBit
+   * @param {Object} data - 交易数据
+   * @param {string} data.app_id - 应用 ID
+   * @param {string} data.tx_type - 交易类型
+   * @param {number} data.amount - 金额
+   * @param {string} data.title - 交易标题
+   * @param {string} [data.user_did] - 用户 DID
+   */
+  async syncTransactionToQbitDid(data) {
+    const baseURL = this.config?.qbitDidApiUrl || (this.baseURL.includes('/api/payment') ? this.baseURL.replace('/api/payment', '') : this.baseURL);
+    return this.post('/platform-orders/sync-transaction', data, {
+      baseURL
+    });
+  }
+
+  /**
+   * 扣减用户 QuantaBit 积分
+   * 用于支付时抵扣积分
+   * @param {Object} data - 扣减数据
+   * @param {string} data.app_id - 应用 ID
+   * @param {number} data.points - 积分数量
+   * @param {string} [data.user_did] - 用户 DID
+   * @param {string} [data.order_id] - 关联订单 ID
+   * @param {string} [data.reason] - 扣减原因
+   */
+  async deductQbitDidPoints(data) {
+    const baseURL = this.config?.qbitDidApiUrl || (this.baseURL.includes('/api/payment') ? this.baseURL.replace('/api/payment', '') : this.baseURL);
+    return this.post('/platform-orders/deduct-points', data, {
+      baseURL
+    });
+  }
+
+  /**
+   * 获取用户 QuantaBit 积分余额
+   * @param {string} userDid - 用户 DID
+   */
+  async getQbitDidPointsBalance(userDid) {
+    const baseURL = this.config?.qbitDidApiUrl || (this.baseURL.includes('/api/payment') ? this.baseURL.replace('/api/payment', '') : this.baseURL);
+    return this.get('/modules/points/balance', {
+      did: userDid
+    }, {
+      baseURL
+    });
+  }
+
+  /**
+   * 获取用户 QuantaBit 代币余额
+   * @param {string} userDid - 用户 DID
+   * @param {string} [tokenSymbol] - 代币符号
+   */
+  async getQbitDidTokenBalance(userDid, tokenSymbol) {
+    const baseURL = this.config?.qbitDidApiUrl || (this.baseURL.includes('/api/payment') ? this.baseURL.replace('/api/payment', '') : this.baseURL);
+    return this.get('/modules/tokens/balance', {
+      did: userDid,
+      symbol: tokenSymbol
+    }, {
+      baseURL
+    });
+  }
+
+  /**
+   * 综合支付并同步到 QuantaBit
+   * 一次调用完成：本地支付 + QuantaBit 同步
+   * @param {Object} paymentData - 支付数据
+   * @param {Object} syncOptions - 同步选项
+   */
+  async payAndSync(paymentData, syncOptions = {}) {
+    // 1. 执行本地支付
+    const paymentResult = await this.createPayment(paymentData);
+
+    // 2. 如果支付成功，自动同步到 QuantaBit
+    if (paymentResult.success || paymentResult.status === 'success') {
+      try {
+        await this.syncPaymentToQbitDid({
+          app_id: syncOptions.app_id || 'default',
+          app_order_id: paymentData.order_id,
+          payment_method: paymentData.payment_method,
+          amount: paymentData.amount,
+          status: 'success',
+          user_did: syncOptions.user_did,
+          title: syncOptions.title || paymentData.title
+        });
+        paymentResult.qbit_did_synced = true;
+      } catch (syncError) {
+        // 同步失败不影响支付结果，但记录错误
+        console.warn('[PaymentSDK] QuantaBit 同步失败:', syncError);
+        paymentResult.qbit_did_synced = false;
+        paymentResult.qbit_did_sync_error = syncError.message;
+      }
+    }
+    return paymentResult;
+  }
+
+  // ============ 余额查询 ============
+
+  /**
+   * 获取用户余额
+   * @returns {Promise<{amount: number, points: number}>}
+   */
+  async getBalance() {
+    return this.get('/balance');
+  }
+
+  // ============ 余额支付 ============
+
+  /**
+   * 使用余额支付
+   * @param {string} orderId - 订单 ID
+   * @param {string} password - 支付密码
+   */
+  async payWithBalance(orderId, password) {
+    return this.post(`/${orderId}/pay-with-balance`, {
+      password
+    });
+  }
+
+  // ============ 充值 ============
+
+  /**
+   * 创建充值订单
+   * @param {Object} data - 充值数据
+   * @param {number} data.amount - 充值金额
+   * @param {string} data.method - 充值方式
+   */
+  async createRecharge(data) {
+    return this.post('/recharge', data);
+  }
+
+  // ============ 兼容别名（供 PaymentContext 调用） ============
+
+  /** @alias getPaymentMethods */
+  async getAvailableMethods(params) {
+    return this.getPaymentMethods(params);
+  }
+
+  /** @alias createPayment */
+  async create(data) {
+    return this.createPayment(data);
+  }
+
+  /** @alias getPaymentStatus */
+  async checkStatus(paymentId) {
+    return this.getPaymentStatus(paymentId);
+  }
+
+  /** @alias cancelPayment */
+  async cancel(paymentId) {
+    return this.cancelPayment(paymentId);
+  }
+
+  // ============ 隐私合规 (PCI DSS + GDPR) ============
+
+  /**
+   * 导出用户支付数据 — GDPR 第20条
+   * 导出匿名化的支付记录（不含完整卡号/密码）
+   * @returns {Promise<object>} 匿名化的支付数据
+   */
+  async exportPaymentData() {
+    try {
+      const history = await this.getPaymentHistory({
+        page_size: 100
+      });
+      const methods = await this.getSavedPaymentMethods();
+      return {
+        exportDate: new Date().toISOString(),
+        format: 'QBit Payment Export (GDPR Art. 20)',
+        note: 'Card numbers are masked per PCI DSS requirements',
+        paymentHistory: history?.data?.items?.map(tx => ({
+          ...tx,
+          // 支付密码和卡号不导出
+          card_number: tx.card_number ? `****${tx.card_number.slice(-4)}` : undefined,
+          password: undefined,
+          cvv: undefined
+        })) || [],
+        savedMethods: methods?.data?.map(m => ({
+          id: m.id,
+          type: m.type,
+          lastFour: m.last_four || m.card_number?.slice(-4),
+          expiry: m.expiry,
+          isDefault: m.is_default
+        })) || []
+      };
+    } catch (e) {
+      return {
+        error: e.message,
+        exportDate: new Date().toISOString()
+      };
+    }
+  }
+
+  /**
+   * 获取隐私数据声明
+   */
+  getDataDisclosure() {
+    return {
+      sdk: '@quantabit/payment-sdk',
+      privacyLevel: 'functional',
+      consentRequired: false,
+      collected: [{
+        type: 'payment_methods',
+        description: 'Saved payment methods (masked)',
+        retention: 'Until deletion',
+        encrypted: true
+      }, {
+        type: 'transaction_history',
+        description: 'Payment records',
+        retention: '5 years (legal requirement)'
+      }, {
+        type: 'billing_address',
+        description: 'Billing details (if provided)',
+        retention: 'Until deletion'
+      }, {
+        type: 'points_balance',
+        description: 'QBit points and token balances',
+        retention: 'Active'
+      }],
+      compliance: ['PCI DSS Level 1', 'GDPR Art. 20 (export)', 'AML/KYT'],
+      gdprCapabilities: ['export'],
+      note: 'Card numbers are never stored in full; only last 4 digits retained per PCI DSS.'
+    };
+  }
+}
+
+// 创建默认实例
+const paymentApi = new PaymentApiClient();
+
+/**
+ * Payment SDK - RechargeModal 组件
+ * 钱包充值弹窗
+ * 
+ * 使用 i18n 国际化，不依赖 Tailwind CSS
+ */
+
+const {
+  Text,
+  Title
+} = antd.Typography;
+const PAYMENT_METHODS = [{
+  id: "alipay",
+  nameKey: "methodAlipay",
+  icon: /*#__PURE__*/React.createElement(icons.AlipayCircleFilled, {
+    style: {
+      color: "#1677FF",
+      fontSize: '24px'
+    }
+  })
+}, {
+  id: "wechat",
+  nameKey: "methodWechat",
+  icon: /*#__PURE__*/React.createElement(icons.WechatFilled, {
+    style: {
+      color: "#52C41A",
+      fontSize: '24px'
+    }
+  })
+}, {
+  id: "crypto",
+  nameKey: "methodCrypto",
+  icon: /*#__PURE__*/React.createElement(icons.DollarCircleFilled, {
+    style: {
+      color: "#F7B500",
+      fontSize: '24px'
+    }
+  })
+}];
+const RechargeModal = ({
+  visible,
+  onCancel,
+  onSuccess,
+  userId,
+  initialAmount = 100,
+  currency = "XWIN"
+}) => {
+  const [amount, setAmount] = React.useState(initialAmount);
+  const [method, setMethod] = React.useState("alipay");
+  const [loading, setLoading] = React.useState(false);
+  const [step, setStep] = React.useState("select"); // select, paying, success
+  const [paymentData, setPaymentData] = React.useState(null);
+  React.useEffect(() => {
+    if (visible) {
+      setStep("select");
+      setAmount(initialAmount);
+      setPaymentData(null);
+    }
+  }, [visible, initialAmount]);
+  const handleRecharge = async () => {
+    if (amount <= 0) {
+      try {
+        const {
+          message
+        } = await import('antd');
+        message.warning(t('enterValidAmount'));
+      } catch {
+        alert(t('enterValidAmount'));
+      }
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await paymentApi.createPayment({
+        user_id: userId,
+        amount,
+        currency,
+        payment_method: method,
+        order_type: "recharge",
+        description: `${t('recharge')} ${amount} ${currency}`
+      });
+      if (res.code === 0 || res.success) {
+        setPaymentData(res.data);
+        setStep("paying");
+        if (method === "mock" || method === "wallet") {
+          handleSuccess();
+        }
+      } else {
+        try {
+          const {
+            message
+          } = await import('antd');
+          message.error(res.data?.msg || t('createOrderFailed'));
+        } catch {
+          alert(t('createOrderFailed'));
+        }
+      }
+    } catch (error) {
+      console.error(error);
+      try {
+        const {
+          message
+        } = await import('antd');
+        message.error(t('networkError'));
+      } catch {
+        alert(t('networkError'));
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleSuccess = () => {
+    setStep("success");
+    if (onSuccess) onSuccess(amount);
+    setTimeout(() => {
+      onCancel();
+    }, 3000);
+  };
+  const handleMockPay = async () => {
+    setLoading(true);
+    try {
+      await paymentApi.confirmPayment(paymentData.payment_no || paymentData.id, {
+        status: 'success'
+      });
+      handleSuccess();
+    } catch (e) {
+      try {
+        const {
+          message
+        } = await import('antd');
+        message.error(t('paymentConfirmFailed'));
+      } catch {
+        alert(t('paymentConfirmFailed'));
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getMethodName = m => t(m.nameKey) || m.id;
+  const renderContent = () => {
+    // ============ 充值成功 ============
+    if (step === "success") {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          textAlign: 'center',
+          padding: '40px 20px',
+          animation: 'fadeIn 0.5s'
+        }
+      }, /*#__PURE__*/React.createElement(icons.CheckCircleFilled, {
+        style: {
+          fontSize: 72,
+          color: "#52C41A",
+          marginBottom: '24px',
+          animation: 'scaleIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)'
+        }
+      }), /*#__PURE__*/React.createElement("h2", {
+        style: {
+          fontSize: '24px',
+          fontWeight: 800,
+          color: '#0F172A',
+          marginBottom: '8px'
+        }
+      }, t('rechargeSuccessful')), /*#__PURE__*/React.createElement("p", {
+        style: {
+          fontSize: '15px',
+          color: '#64748B'
+        }
+      }, t('rechargeSuccessMsg', {
+        amount,
+        currency
+      })));
+    }
+
+    // ============ 等待支付 ============
+    if (step === "paying") {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          padding: '20px',
+          textAlign: 'center',
+          animation: 'fadeIn 0.3s'
+        }
+      }, /*#__PURE__*/React.createElement("h3", {
+        style: {
+          fontSize: '20px',
+          fontWeight: 700,
+          color: '#0F172A',
+          marginBottom: '8px'
+        }
+      }, t('paymentProcessing')), /*#__PURE__*/React.createElement("div", {
+        style: {
+          fontSize: '13px',
+          color: '#94A3B8',
+          marginBottom: '32px'
+        }
+      }, t('orderNo'), ": ", paymentData?.order_no), /*#__PURE__*/React.createElement("div", {
+        style: {
+          background: 'rgba(241, 245, 249, 0.5)',
+          border: '1px solid rgba(226, 232, 240, 0.8)',
+          borderRadius: '24px',
+          padding: '32px',
+          marginBottom: '32px',
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          fontSize: '48px',
+          fontWeight: 800,
+          color: '#0F172A',
+          lineHeight: 1,
+          marginBottom: '16px'
+        }
+      }, amount, " ", /*#__PURE__*/React.createElement("span", {
+        style: {
+          fontSize: '20px',
+          color: '#64748B'
+        }
+      }, currency)), /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          gap: '8px',
+          background: '#fff',
+          padding: '8px 16px',
+          borderRadius: '100px',
+          boxShadow: '0 4px 12px rgba(0,0,0,0.05)'
+        }
+      }, PAYMENT_METHODS.find(m => m.id === method)?.icon, /*#__PURE__*/React.createElement("span", {
+        style: {
+          fontSize: '15px',
+          fontWeight: 600,
+          color: '#334155'
+        }
+      }, getMethodName(PAYMENT_METHODS.find(m => m.id === method))))), /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '24px',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(antd.Spin, {
+        tip: t('waitingForPayment'),
+        size: "large"
+      }), /*#__PURE__*/React.createElement("button", {
+        onClick: handleMockPay,
+        style: {
+          background: 'transparent',
+          border: 'none',
+          color: '#3B82F6',
+          fontSize: '14px',
+          fontWeight: 600,
+          cursor: 'pointer',
+          textDecoration: 'underline'
+        }
+      }, t('simulatePaySuccess'))));
+    }
+
+    // ============ 选择金额和方式 ============
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '32px',
+        padding: '10px 0'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontSize: '16px',
+        fontWeight: 700,
+        color: '#0F172A',
+        marginBottom: '16px'
+      }
+    }, t('rechargeAmount'), " (", currency, ")"), /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(4, 1fr)',
+        gap: '12px',
+        marginBottom: '16px'
+      }
+    }, [100, 500, 1000, 5000].map(val => /*#__PURE__*/React.createElement("div", {
+      key: val,
+      onClick: () => setAmount(val),
+      style: {
+        padding: '16px 0',
+        textAlign: 'center',
+        borderRadius: '16px',
+        cursor: 'pointer',
+        fontSize: '16px',
+        fontWeight: 600,
+        transition: 'all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+        border: amount === val ? '1px solid rgba(59, 130, 246, 0.8)' : '1px solid rgba(255, 255, 255, 0.4)',
+        background: amount === val ? 'rgba(255, 255, 255, 0.9)' : 'rgba(255, 255, 255, 0.6)',
+        backdropFilter: 'blur(16px)',
+        WebkitBackdropFilter: 'blur(16px)',
+        color: amount === val ? '#2563EB' : '#475569',
+        boxShadow: amount === val ? '0 10px 20px -5px rgba(59, 130, 246, 0.2), inset 0 0 0 1px rgba(255,255,255,0.8)' : '0 4px 12px rgba(0,0,0,0.02), inset 0 0 0 1px rgba(255,255,255,0.5)'
+      },
+      onMouseEnter: e => {
+        if (amount !== val) {
+          e.currentTarget.style.transform = 'translateY(-2px)';
+          e.currentTarget.style.background = 'rgba(255, 255, 255, 0.8)';
+        }
+      },
+      onMouseLeave: e => {
+        if (amount !== val) {
+          e.currentTarget.style.transform = 'none';
+          e.currentTarget.style.background = 'rgba(255, 255, 255, 0.6)';
+        }
+      }
+    }, val))), /*#__PURE__*/React.createElement(antd.InputNumber, {
+      style: {
+        width: "100%",
+        borderRadius: '16px',
+        background: 'rgba(241, 245, 249, 0.5)'
+      },
+      size: "large",
+      value: amount,
+      onChange: setAmount,
+      prefix: /*#__PURE__*/React.createElement(icons.DollarOutlined, {
+        style: {
+          color: '#94A3B8'
+        }
+      }),
+      min: 1
+    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontSize: '16px',
+        fontWeight: 700,
+        color: '#0F172A',
+        marginBottom: '16px'
+      }
+    }, t('paymentMethod')), /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px'
+      }
+    }, PAYMENT_METHODS.map(m => /*#__PURE__*/React.createElement("div", {
+      key: m.id,
+      onClick: () => setMethod(m.id),
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        padding: '16px',
+        borderRadius: '20px',
+        cursor: 'pointer',
+        border: method === m.id ? '1px solid rgba(59, 130, 246, 0.8)' : '1px solid rgba(255, 255, 255, 0.4)',
+        background: method === m.id ? 'rgba(255, 255, 255, 0.85)' : 'rgba(255, 255, 255, 0.6)',
+        backdropFilter: 'blur(16px)',
+        WebkitBackdropFilter: 'blur(16px)',
+        transition: 'all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+        boxShadow: method === m.id ? '0 10px 25px -5px rgba(59, 130, 246, 0.15), inset 0 0 0 1px rgba(255,255,255,0.8)' : '0 4px 12px rgba(0,0,0,0.02), inset 0 0 0 1px rgba(255,255,255,0.5)'
+      },
+      onMouseEnter: e => {
+        if (method !== m.id) {
+          e.currentTarget.style.transform = 'translateY(-2px)';
+          e.currentTarget.style.background = 'rgba(255, 255, 255, 0.8)';
+        }
+      },
+      onMouseLeave: e => {
+        if (method !== m.id) {
+          e.currentTarget.style.transform = 'none';
+          e.currentTarget.style.background = 'rgba(255, 255, 255, 0.6)';
+        }
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '40px',
+        height: '40px',
+        background: 'rgba(255,255,255,0.9)',
+        borderRadius: '12px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        boxShadow: '0 2px 8px rgba(0,0,0,0.05)'
+      }
+    }, m.icon), /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginLeft: '16px',
+        flex: 1,
+        fontSize: '16px',
+        fontWeight: 600,
+        color: '#0F172A'
+      }
+    }, getMethodName(m)), /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '24px',
+        height: '24px',
+        borderRadius: '50%',
+        border: method === m.id ? '7px solid #3B82F6' : '2px solid rgba(148, 163, 184, 0.5)',
+        background: '#fff',
+        transition: 'all 0.2s',
+        boxShadow: method === m.id ? '0 4px 8px rgba(59, 130, 246, 0.2)' : 'none'
+      }
+    }))))), /*#__PURE__*/React.createElement("button", {
+      onClick: handleRecharge,
+      disabled: loading,
+      style: {
+        width: '100%',
+        padding: '16px',
+        borderRadius: '16px',
+        border: 'none',
+        background: 'linear-gradient(135deg, #1E293B 0%, #0F172A 100%)',
+        color: '#fff',
+        fontSize: '16px',
+        fontWeight: 700,
+        cursor: loading ? 'not-allowed' : 'pointer',
+        opacity: loading ? 0.8 : 1,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '8px',
+        boxShadow: '0 10px 25px -5px rgba(15, 23, 42, 0.3)',
+        transition: 'all 0.2s'
+      },
+      onMouseEnter: e => {
+        if (!loading) {
+          e.currentTarget.style.transform = 'translateY(-2px)';
+          e.currentTarget.style.boxShadow = '0 15px 35px -5px rgba(15, 23, 42, 0.4)';
+        }
+      },
+      onMouseLeave: e => {
+        if (!loading) {
+          e.currentTarget.style.transform = 'none';
+          e.currentTarget.style.boxShadow = '0 10px 25px -5px rgba(15, 23, 42, 0.3)';
+        }
+      }
+    }, /*#__PURE__*/React.createElement(icons.WalletFilled, null), loading ? t('pay.processing') : t('confirmRecharge')));
+  };
+  return /*#__PURE__*/React.createElement(antd.Modal, {
+    open: visible,
+    onCancel: onCancel,
+    footer: null,
+    width: 480,
+    destroyOnClose: true,
+    styles: {
+      content: {
+        padding: '32px',
+        borderRadius: '32px',
+        background: 'rgba(255, 255, 255, 0.9)',
+        backdropFilter: 'blur(24px)',
+        boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)'
+      },
+      header: {
+        background: 'transparent',
+        marginBottom: '24px'
+      },
+      mask: {
+        backdropFilter: 'blur(8px)',
+        background: 'rgba(15, 23, 42, 0.4)'
+      }
+    },
+    title: /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontSize: '24px',
+        fontWeight: 800,
+        color: '#0F172A'
+      }
+    }, t('walletRecharge'))
+  }, /*#__PURE__*/React.createElement("style", null, `
+        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
+        @keyframes scaleIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }
+      `), renderContent());
+};
+
+exports.CheckoutSummary = CheckoutSummary;
+exports.PaymentApiClient = PaymentApiClient;
+exports.PaymentMethodSelector = PaymentMethodSelector;
+exports.PricingCard = PricingCard;
+exports.PricingTable = PricingTable;
+exports.RechargeModal = RechargeModal;
+exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
+exports.getLanguage = getLanguage;
+exports.messages = messages;
+exports.paymentApi = paymentApi;
+exports.setLanguage = setLanguage;
+exports.t = t;
+//# sourceMappingURL=index.cjs.map