@seaverse/payment-sdk 0.9.0 → 0.9.2

package/dist/index.browser.js

@@ -2275,7 +2275,7 @@ class RetentionModal {
      */
     createModal() {
         const { language, productName, purchaseAmount, bonusAmount, discountPrice } = this.options;
-        const isZh = language === 'zh-CN';
+        const isZh = language === 'zh';
         const t = isZh ? {
             title: '你有一笔订单待支付',
             timePrefix: '请在',
@@ -2907,10 +2907,20 @@ class SeaartPaymentSDK {
             }
             // 3. 等待所有资源加载完成
             await Promise.all(loadTasks);
+            let language = 'en';
+            if (config.language == 'zh') {
+                language = 'zhCN';
+            }
+            else if (config.language == 'zh-TW') {
+                language = 'zhTW';
+            }
+            else {
+                language = config.language || 'en';
+            }
             // 4. 初始化 SDK
             await window.SeaartPaymentComponent.init({
                 client_id: config.clientId,
-                language: config.language || 'zhCN',
+                language: language,
             });
             // 5. 保存配置并标记已初始化
             this.config = config;
@@ -3342,6 +3352,30 @@ const SDK_CONFIG = {
     DEFAULT_BUSINESS_TYPE: 1,
 };
 
+/**
+ * 共享类型定义
+ * Shared types for CreditPackageModal and GenericPackageModal
+ */
+/**
+ * 语言代码 → 国家/地区代码映射
+ * 用于根据用户语言自动匹配支付渠道的国家参数
+ */
+const LOCALE_TO_COUNTRY_CODE = {
+    'en': 'US', // English → 美国
+    'zh': 'CN', // 简体中文 → 中国大陆
+    'zh-TW': 'TW', // 繁體中文 → 台灣
+    'ja': 'JP', // 日本語 → 日本
+    'ko': 'KR', // 한국어 → 韩国
+    'es': 'ES', // Español → 西班牙
+    'fr': 'FR', // Français → 法国
+    'de': 'DE', // Deutsch → 德国
+    'pt': 'PT', // Português → 葡萄牙
+    'ru': 'RU', // Русский → 俄罗斯
+    'ar': 'SA', // العربية → 沙特阿拉伯
+    'hi': 'IN', // हिन्दी → 印度
+    'id': 'ID', // Bahasa Indonesia → 印度尼西亚
+};
+
 /**
  * UI 反馈工具类
  * 提供统一的用户界面反馈（错误提示、加载状态等）
@@ -3727,7 +3761,7 @@ class PurchaseSuccessModal {
      */
     createModal() {
         const { data, language } = this.options;
-        const isZh = language === 'zh-CN';
+        const isZh = language === 'zh';
         // 创建遮罩层
         this.overlay = document.createElement('div');
         this.overlay.id = 'purchase-success-modal-overlay';
@@ -4236,20 +4270,19 @@ class BasePackageModal {
                 clientId: config.clientId || envConfig.clientId,
                 orderApiUrl: config.orderApiUrl || envConfig.orderApiUrl,
                 cssUrl: config.cssUrl || envConfig.cssUrl,
-                language: config.countryCode || 'US',
             };
             console.log(`[${this.constructor.name}] Using environment:`, config.environment);
             // 3. Initialize SeaartPaymentSDK
             await SeaartPaymentSDK.getInstance().init({
                 scriptUrl: finalConfig.scriptUrl,
                 clientId: finalConfig.clientId,
-                language: finalConfig.language,
+                language: this.language,
                 scriptTimeout: config.scriptTimeout,
                 cssUrl: finalConfig.cssUrl,
             });
             // 4. Get payment methods list
             const paymentMethods = await SeaartPaymentSDK.getInstance().getPaymentMethods({
-                country_code: finalConfig.language,
+                country_code: LOCALE_TO_COUNTRY_CODE[this.language] || 'US',
                 business_type: config.businessType ?? 1, // Default to 1 (one-time purchase)
             });
             // 5. Find matching payment method
@@ -4452,7 +4485,7 @@ class BasePackageModal {
                     try {
                         // Disable button, show initializing state
                         button.disabled = true;
-                        const isZh = this.language === 'zh-CN';
+                        const isZh = this.language === 'zh';
                         button.innerHTML = this.getLoadingButtonHTML(isZh ? '初始化中...' : 'Initializing...');
                         // Wait for SDK initialization (with retry)
                         const initialized = await this.waitForSDKInitialization(30000, 1);
@@ -4481,7 +4514,7 @@ class BasePackageModal {
      * Cleanup resources
      */
     cleanup() {
-        console.log(`[${this.constructor.name}] Cleaning up...`);
+        // console.log(`[${this.constructor.name}] Cleaning up...`);
         // Remove resize listener
         if (this.resizeHandler) {
             window.removeEventListener('resize', this.resizeHandler);
@@ -4622,7 +4655,7 @@ class CreditPackCard {
      */
     createCard() {
         const container = document.createElement('div');
-        const isZh = this.options.language === 'zh-CN';
+        const isZh = this.options.language === 'zh';
         const hasBonus = this.options.bonusCredits > 0;
         const isHighlighted = this.options.recommended || false;
         const showBadge = this.options.isFirstPurchase || false;
@@ -5108,7 +5141,7 @@ class PaymentVerificationModal {
      * 创建弹窗元素
      */
     createModal() {
-        const isZh = this.options.language === 'zh-CN';
+        const isZh = this.options.language === 'zh';
         // 创建遮罩层
         this.overlay = document.createElement('div');
         this.overlay.id = 'payment-verification-modal-overlay';
@@ -5460,7 +5493,7 @@ class PaymentVerificationModal {
         // 更新按钮文本为 Processing...
         const completeBtn = document.getElementById('verification-complete-btn');
         if (completeBtn) {
-            const isZh = this.options.language === 'zh-CN';
+            const isZh = this.options.language === 'zh';
             completeBtn.textContent = isZh ? '处理中...' : 'Processing...';
             completeBtn.style.pointerEvents = 'none';
             completeBtn.style.opacity = '0.85';
@@ -5478,7 +5511,7 @@ class PaymentVerificationModal {
         // 恢复按钮文本
         const completeBtn = document.getElementById('verification-complete-btn');
         if (completeBtn) {
-            const isZh = this.options.language === 'zh-CN';
+            const isZh = this.options.language === 'zh';
             completeBtn.textContent = isZh ? '我已完成支付' : 'I\'ve Completed Payment';
             completeBtn.style.pointerEvents = '';
             completeBtn.style.opacity = '';
@@ -5602,7 +5635,7 @@ class PaymentFailedModal {
      */
     createModal() {
         const { language } = this.options;
-        const isZh = language === 'zh-CN';
+        const isZh = language === 'zh';
         // 创建遮罩层（与验证弹框一致）
         this.overlay = document.createElement('div');
         this.overlay.id = 'payment-failed-modal-overlay';
@@ -5945,7 +5978,7 @@ class PaymentFailedModal {
      * 切换详情展开/折叠
      */
     toggleDetails() {
-        const isZh = this.options.language === 'zh-CN';
+        const isZh = this.options.language === 'zh';
         const detailsToggleText = isZh ? '查看详情' : 'View Details';
         const detailsHideText = isZh ? '隐藏详情' : 'Hide Details';
         this.detailsExpanded = !this.detailsExpanded;
@@ -6046,7 +6079,7 @@ async function createOrderAndInitPayment(config) {
         // 2. 初始化 SDK 并加载支付方式
         const paymentMethods = await loadPaymentMethods({
             clientId: config.clientId,
-            countryCode: config.countryCode,
+            language_code: config.language_code,
             businessType: config.purchaseType,
         });
         // 使用 transaction_id 作为 sys_order_id（这是 SDK 要求的）
@@ -6079,11 +6112,21 @@ async function loadPaymentMethods(params) {
         if (typeof window === 'undefined' || !window.SeaartPaymentComponent) {
             throw new Error('SeaartPaymentComponent SDK not loaded');
         }
+        let language = 'en';
+        if (params.language_code == 'zh') {
+            language = 'zhCN';
+        }
+        else if (params.language_code == 'zh-TW') {
+            language = 'zhTW';
+        }
+        else {
+            language = params.language_code || 'en';
+        }
         // 初始化 SDK（如果尚未初始化）
         try {
             await window.SeaartPaymentComponent.init({
                 client_id: params.clientId,
-                language: params.countryCode,
+                language: language,
             });
         }
         catch (error) {
@@ -6092,7 +6135,7 @@ async function loadPaymentMethods(params) {
         }
         // 获取支付方式列表
         const response = await window.SeaartPaymentComponent.getPaymentMethodList({
-            country_code: params.countryCode,
+            country_code: LOCALE_TO_COUNTRY_CODE[params.language_code] || 'US',
             business_type: params.businessType,
         });
         if (!response.data?.payment_method_list) {
@@ -7185,7 +7228,7 @@ class PaymentUIRenderer {
         <!-- ═══ Left ═══ -->
         <div style="padding: 32px 32px;">
           ${this.sectionTitle('Payment Method')}
-          <div style="display: flex; flex-direction: column; gap: 8px;">
+          <div style="display: flex; flex-direction: column; gap: 14px;">
             ${methodItem(0)}
             ${methodItem(1)}
             ${methodItem(2)}
@@ -7248,7 +7291,7 @@ class PaymentUIRenderer {
         <div style="padding: 32px 32px; overflow-y: auto;">
           ${this.sectionTitle('Payment Method')}
 
-          <div id="payment-methods-list" style="display: flex; flex-direction: column; gap: 8px;">
+          <div id="payment-methods-list" style="display: flex; flex-direction: column; gap: 14px;">
             ${config.loadingMethods ? this.getLoadingHTML() : this.getPaymentMethodsHTML(config)}
           </div>
         </div>
@@ -7655,22 +7698,14 @@ class PaymentUIRenderer {
  * 多语言文本配置
  */
 const LANGUAGE_TEXTS = {
-    en: {
+    'en': {
         creatingOrder: 'Creating order...',
         openingPayment: 'Opening payment window...',
         processingPayment: 'Processing payment...',
         paymentSuccess: 'Payment completed successfully!',
         sdkNotInitialized: 'Payment SDK not initialized. Please contact support.',
         orderCreationFailed: 'Failed to create order',
-    },
-    'zh-CN': {
-        creatingOrder: '正在创建订单...',
-        openingPayment: '正在打开支付窗口...',
-        processingPayment: '正在处理支付...',
-        paymentSuccess: '支付成功！',
-        sdkNotInitialized: '支付 SDK 未初始化，请联系客服。',
-        orderCreationFailed: '创建订单失败',
-    },
+    }
 };
 class PaymentCheckoutModal {
     constructor(options) {
@@ -7720,8 +7755,8 @@ class PaymentCheckoutModal {
      * 获取当前语言的文本
      */
     getText(key) {
-        const language = this.options.language || 'en';
-        return LANGUAGE_TEXTS[language][key];
+        // const language = this.options.language;
+        return LANGUAGE_TEXTS['en'][key];
     }
     /**
      * 打开弹框
@@ -7818,7 +7853,7 @@ class PaymentCheckoutModal {
      */
     checkSDKInitialized() {
         if (typeof window === 'undefined' || !window.SeaartPaymentComponent) {
-            const errorMessage = this.options.language === 'zh-CN'
+            const errorMessage = this.options.language === 'zh'
                 ? '支付 SDK 未初始化，请确保 SeaartPaymentComponent 已加载'
                 : 'Payment SDK not initialized. Please ensure SeaartPaymentComponent is loaded.';
             console.error('[PaymentCheckoutModal]', errorMessage);
@@ -7841,7 +7876,7 @@ class PaymentCheckoutModal {
             this.cleanup();
         }, () => {
             // 超时回调
-            const timeoutMessage = this.options.language === 'zh-CN'
+            const timeoutMessage = this.options.language === 'zh'
                 ? '支付验证超时，请稍后重试'
                 : 'Payment verification timeout. Please try again.';
             this.verificationModal?.close();
@@ -7887,7 +7922,7 @@ class PaymentCheckoutModal {
                     this.stopOrderPolling();
                     this.verificationModal?.close();
                     this.verificationModal = null;
-                    const errorMessage = this.options.language === 'zh-CN'
+                    const errorMessage = this.options.language === 'zh'
                         ? `支付失败：${orderData.status === 'failed' ? '支付失败' : orderData.status === 'expired' ? '订单已过期' : '订单已退款'}`
                         : `Payment ${orderData.status}. Please try again.`;
                     // 显示支付失败弹窗
@@ -7913,7 +7948,7 @@ class PaymentCheckoutModal {
                     continue;
                 }
                 // 超过最大次数，显示错误
-                const errorMessage = this.options.language === 'zh-CN'
+                const errorMessage = this.options.language === 'zh'
                     ? '查询订单状态失败，请稍后重试'
                     : 'Failed to check order status. Please try again.';
                 this.showPaymentFailedModal(errorMessage, error instanceof Error ? error.message : String(error));
@@ -7926,7 +7961,7 @@ class PaymentCheckoutModal {
         }
         // 轮询超时（10 次后仍为 pending）
         console.warn('[PaymentCheckoutModal] Polling timeout after', maxAttempts, 'attempts');
-        const timeoutMessage = this.options.language === 'zh-CN'
+        const timeoutMessage = this.options.language === 'zh'
             ? '支付验证超时，请检查支付状态或联系客服'
             : 'Payment verification timeout. Please check your payment status or contact support.';
         this.showPaymentFailedModal(timeoutMessage);
@@ -8035,7 +8070,10 @@ class PaymentCheckoutModal {
         });
     }
     /**
-     * 自动选中默认支付方式（优先选中第一个 Dropin 支付方式）
+     * 自动选中默认支付方式
+     * 策略：
+     * - 如果有 Dropin（payment_type === 2），自动选中并渲染表单
+     * - 如果只有 Link（payment_type === 1），不自动选中，让用户手动选择
      */
     async autoSelectDefaultPaymentMethod() {
         const paymentMethods = this.stateManager.get('paymentMethods');
@@ -8043,12 +8081,27 @@ class PaymentCheckoutModal {
         // 如果已经有选中的，不重复选择
         if (selectedPaymentMethod)
             return;
-        // 优先找 Dropin（payment_type === 2），其次选第一个
+        // 查找第一个 Dropin 支付方式
         const dropinIndex = paymentMethods.findIndex((m) => m.payment_type === 2);
-        const defaultIndex = dropinIndex !== -1 ? dropinIndex : 0;
-        if (paymentMethods[defaultIndex]) {
-            console.log(`[PaymentCheckoutModal] Auto-selecting payment method at index ${defaultIndex} (type: ${paymentMethods[defaultIndex].payment_type})`);
-            await this.handleSelectPaymentMethod(defaultIndex);
+        // ✅ 仅当存在 Dropin 时才自动选中
+        if (dropinIndex !== -1) {
+            const method = paymentMethods[dropinIndex];
+            console.log(`[PaymentCheckoutModal] Auto-selecting Dropin payment method at index ${dropinIndex}`);
+            // 设置选中状态（高亮显示）
+            this.stateManager.setState({
+                selectedPaymentMethod: method,
+                showAddCardForm: false,
+            });
+            this.options.onPaymentMethodSelect?.(method);
+            // 重新渲染以显示选中状态
+            this.renderPaymentMethods();
+            // 自动执行 Dropin 策略（渲染支付表单）
+            console.log('[PaymentCheckoutModal] Auto-executing Dropin payment strategy');
+            await this.executePaymentStrategy(method, dropinIndex);
+        }
+        else {
+            // ✅ 没有 Dropin，全是 Link 支付，不自动选中
+            console.log('[PaymentCheckoutModal] No Dropin payment available, waiting for user selection');
         }
     }
     /**
@@ -8386,14 +8439,30 @@ class CreditPackageModal extends BasePackageModal {
         // Then call parent open() which will render with the fetched packages
         return super.open();
     }
+    /**
+     * 覆盖 BasePackageModal 的 initializeSDK 方法
+     * CreditPackageModal 使用 PaymentCheckoutModal，不需要 BasePackageModal 的 SDK 初始化
+     * PaymentCheckoutModal 会自行处理 SDK 初始化
+     */
+    async initializeSDK() {
+        console.log('[CreditPackageModal] Skipping BasePackageModal SDK initialization (handled by PaymentCheckoutModal)');
+        // 标记为已初始化，避免父类重复调用
+        this.sdkInitialized = true;
+    }
+    /**
+     * 覆盖 BasePackageModal 的 waitForSDKInitialization 方法
+     * CreditPackageModal 使用 PaymentCheckoutModal，不需要等待 BasePackageModal 的 SDK 初始化
+     */
+    async waitForSDKInitialization(_timeout, _maxRetries) {
+        console.log('[CreditPackageModal] Skipping SDK initialization wait (handled by PaymentCheckoutModal)');
+        return true; // 直接返回成功，让 PaymentCheckoutModal 处理
+    }
     /**
      * Create and configure the PaymentModal instance
      */
     createModal() {
         return new PaymentModal({
-            title: this.language === 'zh-CN'
-                ? (this.options.title_cn || '选择您的创作力量')
-                : (this.options.title || ''),
+            title: this.options.title || '',
             showCloseButton: true,
             closeOnOverlayClick: false, // Disable click overlay to close
             closeOnEsc: false, // Disable ESC key to close
@@ -8428,22 +8497,7 @@ class CreditPackageModal extends BasePackageModal {
             }
             console.log('[CreditPackageModal] Fetching available packages from API...');
             const apiPackages = await fetchAvailablePackages(apiHost, token);
-            console.log('%c ====apiPackages==>>>>>>>>', 'color:orange;', apiPackages);
-            // Convert API format to CreditPackage format
             this.dynamicPackages = apiPackages;
-            // .map(pkg => {
-            //   const converted = convertToCreditPack(pkg);
-            //   return {
-            //     id: converted.id,
-            //     name: converted.name,
-            //     price: String(converted.price),
-            //     credits: String(converted.totalCredits),
-            //     base_credits: String(converted.baseCredits),
-            //     bonus_credits: converted.bonusCredits > 0 ? String(converted.bonusCredits) : undefined,
-            //     is_popular: converted.recommended || false,
-            //     day_limit: this.parsePurchaseLimit(converted.purchaseLimit),
-            //   } as CreditPackage;
-            // });
             console.log(`[CreditPackageModal] Successfully fetched ${this.dynamicPackages.length} packages`);
         }
         catch (error) {
@@ -8562,14 +8616,14 @@ class CreditPackageModal extends BasePackageModal {
             apiHost: sdkConfig.orderApiUrl || envConfig.orderApiUrl,
             accountToken: sdkConfig.accountToken || '',
             clientId: sdkConfig.clientId || envConfig.clientId,
-            countryCode: sdkConfig.countryCode,
+            language_code: this.language,
         };
     }
     /**
      * Get package display name for payment modal title
      */
     getPackageDisplayName(pkg) {
-        const isZh = this.language === 'zh-CN';
+        const isZh = this.language === 'zh';
         return isZh ? `${pkg.total_credits} 积分套餐` : `${pkg.total_credits} Credits Package`;
     }
     /**
@@ -8641,7 +8695,7 @@ class CreditPackageModal extends BasePackageModal {
         if (!container) {
             throw new Error('Modal content container not found');
         }
-        const isZh = this.language === 'zh-CN';
+        const isZh = this.language === 'zh';
         const styles = this.getResponsiveStyles();
         container.innerHTML = `
       <div style="
@@ -8719,7 +8773,7 @@ class CreditPackageModal extends BasePackageModal {
      * Render package card using CreditPackCard component
      */
     renderPackageCard(pkg, index) {
-        const isZh = this.language === 'zh-CN';
+        const isZh = this.language === 'zh';
         const isPopular = pkg.is_first_purchase_pkg;
         // 使用新的 CreditPackCard 组件生成卡片 HTML
         const cardInstance = new CreditPackCard({
@@ -8731,7 +8785,7 @@ class CreditPackageModal extends BasePackageModal {
             totalCredits: parseInt(pkg.total_credits),
             recommended: isPopular,
             isFirstPurchase: isPopular,
-            language: isZh ? 'zh-CN' : 'en',
+            language: isZh ? 'zh' : 'en',
             onBuy: async (packId) => {
                 // 这个回调会在 attachEventListeners 中被重新绑定
                 console.log('[CreditPackageModal] Package selected:', packId);
@@ -8759,6 +8813,24 @@ class GenericPackageModal extends BasePackageModal {
         super(options);
     }
     // === Abstract Method Implementations ===
+    /**
+     * 覆盖 BasePackageModal 的 initializeSDK 方法
+     * GenericPackageModal 使用 PaymentCheckoutModal，不需要 BasePackageModal 的 SDK 初始化
+     * PaymentCheckoutModal 会自行处理 SDK 初始化
+     */
+    async initializeSDK() {
+        console.log('[GenericPackageModal] Skipping BasePackageModal SDK initialization (handled by PaymentCheckoutModal)');
+        // 标记为已初始化，避免父类重复调用
+        this.sdkInitialized = true;
+    }
+    /**
+     * 覆盖 BasePackageModal 的 waitForSDKInitialization 方法
+     * GenericPackageModal 使用 PaymentCheckoutModal，不需要等待 BasePackageModal 的 SDK 初始化
+     */
+    async waitForSDKInitialization(_timeout, _maxRetries) {
+        console.log('[GenericPackageModal] Skipping SDK initialization wait (handled by PaymentCheckoutModal)');
+        return true; // 直接返回成功，让 PaymentCheckoutModal 处理
+    }
     /**
      * Create and configure the PaymentModal instance
      */
@@ -8838,6 +8910,7 @@ class GenericPackageModal extends BasePackageModal {
         if (container) {
             container.addEventListener('close-modal', () => {
                 this.close();
+                this.options.onClose?.();
             });
         }
     }
@@ -8941,7 +9014,7 @@ class GenericPackageModal extends BasePackageModal {
             apiHost: sdkConfig.orderApiUrl || envConfig.orderApiUrl,
             accountToken: sdkConfig.accountToken || '',
             clientId: sdkConfig.clientId || envConfig.clientId,
-            countryCode: sdkConfig.countryCode,
+            language_code: this.language,
         };
     }
     /**
@@ -9195,7 +9268,7 @@ class GenericPackageModal extends BasePackageModal {
 /**
  * SDK version
  */
-const VERSION$2 = '0.9.0';
+const VERSION$2 = '0.9.2';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;