Add credit card payment option and enhance API key manager initialization

Author: ralyodio

public/i18n/ar.json

@@ -76,7 +76,20 @@
     "copy": "نسخ",
     "copied": "تم النسخ!",
     "waiting_payment": "في انتظار تأكيد الدفع...",
-    "payment_received": "تم استلام الدفع! جاري إعادة التوجيه إلى لوحة التحكم الخاصة بك..."
+    "payment_received": "تم استلام الدفع! جاري إعادة التوجيه إلى لوحة التحكم الخاصة بك...",
+    "plan": "خطة الاشتراك",
+    "monthly": "شهري",
+    "monthly_price": "$5/شهر",
+    "monthly_description": "يتم الدفع شهريًا، يمكن الإلغاء في أي وقت",
+    "yearly": "سنوي",
+    "yearly_price": "$30/سنة",
+    "yearly_description": "وفر $30 مع الفوترة السنوية",
+    "payment_method": "طريقة الدفع",
+    "bitcoin": "بيتكوين",
+    "ethereum": "إيثيريوم",
+    "solana": "سولانا",
+    "usdc": "يو إس دي سي",
+    "credit_card": "بطاقة ائتمان"
   },
   "common": {
     "save": "حفظ",

public/i18n/de.json

@@ -76,7 +76,20 @@
     "copy": "Kopieren",
     "copied": "Kopiert!",
     "waiting_payment": "Warten auf Zahlungsbestätigung...",
-    "payment_received": "Zahlung erhalten! Weiterleitung zu Ihrem Dashboard..."
+    "payment_received": "Zahlung erhalten! Weiterleitung zu Ihrem Dashboard...",
+    "plan": "Abonnementplan",
+    "monthly": "Monatlich",
+    "monthly_price": "$5/Monat",
+    "monthly_description": "Monatliche Abrechnung, jederzeit kündbar",
+    "yearly": "Jährlich",
+    "yearly_price": "$30/Jahr",
+    "yearly_description": "Sparen Sie $30 mit jährlicher Abrechnung",
+    "payment_method": "Zahlungsmethode",
+    "bitcoin": "Bitcoin",
+    "ethereum": "Ethereum",
+    "solana": "Solana",
+    "usdc": "USDC",
+    "credit_card": "Kreditkarte"
   },
   "common": {
     "save": "Speichern",

public/i18n/en.json

@@ -89,7 +89,8 @@
     "bitcoin": "Bitcoin",
     "ethereum": "Ethereum",
     "solana": "Solana",
-    "usdc": "USDC"
+    "usdc": "USDC",
+    "credit_card": "Credit Card"
   },
   "common": {
     "save": "Save",

public/i18n/fr.json

@@ -88,7 +88,8 @@
     "bitcoin": "Bitcoin",
     "ethereum": "Ethereum",
     "solana": "Solana",
-    "usdc": "USDC"
+    "usdc": "USDC",
+    "credit_card": "Carte de crédit"
   },
   "common": {
     "save": "Enregistrer",

public/i18n/ja.json

@@ -76,7 +76,20 @@
     "copy": "コピー",
     "copied": "コピーしました！",
     "waiting_payment": "支払い確認を待っています...",
-    "payment_received": "支払いを受け取りました！ダッシュボードにリダイレクトします..."
+    "payment_received": "支払いを受け取りました！ダッシュボードにリダイレクトします...",
+    "plan": "サブスクリプションプラン",
+    "monthly": "月額",
+    "monthly_price": "$5/月",
+    "monthly_description": "月額請求、いつでもキャンセル可能",
+    "yearly": "年額",
+    "yearly_price": "$30/年",
+    "yearly_description": "年間請求で$30お得",
+    "payment_method": "支払い方法",
+    "bitcoin": "ビットコイン",
+    "ethereum": "イーサリアム",
+    "solana": "ソラナ",
+    "usdc": "USDC",
+    "credit_card": "クレジットカード"
   },
   "common": {
     "save": "保存",

public/i18n/pl.json

@@ -76,7 +76,20 @@
     "copy": "Kopiuj",
     "copied": "Skopiowano!",
     "waiting_payment": "Oczekiwanie na potwierdzenie płatności...",
-    "payment_received": "Płatność otrzymana! Przekierowywanie do panelu sterowania..."
+    "payment_received": "Płatność otrzymana! Przekierowywanie do panelu sterowania...",
+    "plan": "Plan subskrypcji",
+    "monthly": "Miesięczny",
+    "monthly_price": "$5/miesiąc",
+    "monthly_description": "Płatność miesięczna, możliwość anulowania w dowolnym momencie",
+    "yearly": "Roczny",
+    "yearly_price": "$30/rok",
+    "yearly_description": "Zaoszczędź $30 z rozliczeniem rocznym",
+    "payment_method": "Metoda płatności",
+    "bitcoin": "Bitcoin",
+    "ethereum": "Ethereum",
+    "solana": "Solana",
+    "usdc": "USDC",
+    "credit_card": "Karta kredytowa"
   },
   "common": {
     "save": "Zapisz",

public/i18n/ru.json

@@ -76,7 +76,20 @@
     "copy": "Копировать",
     "copied": "Скопировано!",
     "waiting_payment": "Ожидание подтверждения платежа...",
-    "payment_received": "Платеж получен! Перенаправление на вашу панель управления..."
+    "payment_received": "Платеж получен! Перенаправление на вашу панель управления...",
+    "plan": "План подписки",
+    "monthly": "Ежемесячно",
+    "monthly_price": "$5/месяц",
+    "monthly_description": "Ежемесячный платеж, отмена в любое время",
+    "yearly": "Ежегодно",
+    "yearly_price": "$30/год",
+    "yearly_description": "Сэкономьте $30 с годовым платежом",
+    "payment_method": "Способ оплаты",
+    "bitcoin": "Биткоин",
+    "ethereum": "Эфириум",
+    "solana": "Солана",
+    "usdc": "USDC",
+    "credit_card": "Кредитная карта"
   },
   "common": {
     "save": "Сохранить",

public/i18n/uk.json

@@ -76,7 +76,20 @@
     "copy": "Копіювати",
     "copied": "Скопійовано!",
     "waiting_payment": "Очікування підтвердження платежу...",
-    "payment_received": "Платіж отримано! Перенаправлення на вашу панель керування..."
+    "payment_received": "Платіж отримано! Перенаправлення на вашу панель керування...",
+    "plan": "План підписки",
+    "monthly": "Щомісячно",
+    "monthly_price": "$5/місяць",
+    "monthly_description": "Щомісячний платіж, скасування в будь-який час",
+    "yearly": "Щорічно",
+    "yearly_price": "$30/рік",
+    "yearly_description": "Заощадьте $30 з річним платежем",
+    "payment_method": "Спосіб оплати",
+    "bitcoin": "Біткоїн",
+    "ethereum": "Ефіріум",
+    "solana": "Солана",
+    "usdc": "USDC",
+    "credit_card": "Кредитна картка"
   },
   "common": {
     "save": "Зберегти",

public/i18n/zh.json

@@ -76,7 +76,20 @@
     "copy": "复制",
     "copied": "已复制！",
     "waiting_payment": "等待支付确认...",
-    "payment_received": "已收到付款！正在重定向到您的控制面板..."
+    "payment_received": "已收到付款！正在重定向到您的控制面板...",
+    "plan": "订阅计划",
+    "monthly": "月付",
+    "monthly_price": "$5/月",
+    "monthly_description": "按月计费，随时可取消",
+    "yearly": "年付",
+    "yearly_price": "$30/年",
+    "yearly_description": "年付节省$30",
+    "payment_method": "支付方式",
+    "bitcoin": "比特币",
+    "ethereum": "以太坊",
+    "solana": "索拉纳",
+    "usdc": "USDC",
+    "credit_card": "信用卡"
   },
   "common": {
     "save": "保存",

public/js/page-initializers.js

@@ -517,6 +517,35 @@ export async function initApiKeysPage() {
 
   // Initialize API keys page
   console.log('JWT token found, initializing API keys page');
+  
+  // Ensure the api-key-manager component is loaded
+  try {
+    // Import the api-key-manager component
+    await import('./components/api-key-manager.js');
+    console.log("API key manager component imported in page initializer");
+    
+    // Make sure the component is defined and registered
+    if (!customElements.get('api-key-manager')) {
+      console.error("API key manager component not registered in page initializer");
+    } else {
+      console.log("API key manager component is registered in page initializer");
+      
+      // Force re-render of the component if it exists
+      const apiKeyManager = document.querySelector('api-key-manager');
+      if (apiKeyManager) {
+        console.log("Found api-key-manager element in page initializer, forcing render");
+        // If the component has a render method, call it
+        if (typeof apiKeyManager.render === 'function') {
+          apiKeyManager.render();
+        }
+      } else {
+        console.log("No api-key-manager element found in page initializer");
+        // The component might not be in the DOM yet, the view-specific JS will handle this
+      }
+    }
+  } catch (error) {
+    console.error("Error loading api-key-manager component in page initializer:", error);
+  }
 }
 
 /**