🔨 chore: improve OIDC code challenge workflow (#7397)

* improve code

* improve code

* fix auth route issue

* fix Interaction not find Session

* fix all flow

* fix error

* refactor

* fix oidc token flow

* fix oidc token flow

* update i18n

* improve auth page

* fix test

* fix test

* refactor components

Author: arvinxx

Diff for: .eslintrc.js

@@ -17,6 +17,7 @@ config.rules['unicorn/prefer-spread'] = 0;
 config.rules['unicorn/catch-error-name'] = 0;
 config.rules['unicorn/no-array-for-each'] = 0;
 config.rules['unicorn/prefer-number-properties'] = 0;
+config.rules['unicorn/no-array-callback-reference'] = 0;
 
 config.overrides = [
   {

Diff for: locales/ar/oauth.json

@@ -4,7 +4,7 @@
       "accept": "موافقة",
       "deny": "رفض"
     },
-    "description": "تطبيق {clientId} يطلب الوصول إلى حسابك في LobeChat",
+    "description": "تطبيق {{clientName}} يطلب إذن حسابك",
     "error": {
       "sessionInvalid": {
         "message": "جلسة التفويض منتهية أو غير صالحة، يرجى إعادة بدء عملية التفويض.",
@@ -16,16 +16,17 @@
         "title": "نوع التفاعل غير مدعوم"
       }
     },
-    "permissionsTitle": "يطلب التطبيق الأذونات التالية:",
+    "permissionsTitle": "طلب الأذونات التالية:",
+    "redirectUri": "سيتم إعادة التوجيه إلى بعد نجاح التفويض",
     "scope": {
       "email": "الوصول إلى عنوان بريدك الإلكتروني",
-      "offline_access": "الاستمرار في الوصول إلى بياناتك أثناء عدم الاتصال",
+      "offline_access": "السماح للتطبيق بالوصول إلى بياناتك",
       "openid": "استخدام حسابك في LobeChat للتحقق من الهوية",
       "profile": "الوصول إلى معلومات ملفك الشخصي الأساسية (الاسم، الصورة، إلخ)",
-      "sync:read": "قراءة بيانات المزامنة الخاصة بك",
-      "sync:write": "كتابة وتحديث بيانات المزامنة الخاصة بك"
+      "sync-read": "قراءة بيانات المزامنة الخاصة بك",
+      "sync-write": "كتابة وتحديث بيانات المزامنة الخاصة بك"
     },
-    "title": "طلب التفويض"
+    "title": "تفويض {{clientName}}"
   },
   "failed": {
     "backToHome": "العودة إلى الصفحة الرئيسية",

Diff for: locales/bg-BG/oauth.json

@@ -4,7 +4,7 @@
       "accept": "Разреши",
       "deny": "Отказ"
     },
-    "description": "Приложението {clientId} иска достъп до вашия LobeChat акаунт",
+    "description": "Приложението {{clientName}} иска разрешение за вашия акаунт",
     "error": {
       "sessionInvalid": {
         "message": "Сесията за разрешение е изтекла или невалидна, моля, стартирайте отново процеса на разрешение.",
@@ -16,16 +16,17 @@
         "title": "Неподдържан тип взаимодействие"
       }
     },
-    "permissionsTitle": "Приложението иска следните разрешения:",
+    "permissionsTitle": "Искаме следните разрешения:",
+    "redirectUri": "Ще бъдете пренасочени след успешното разрешение",
     "scope": {
       "email": "Достъп до вашия имейл адрес",
-      "offline_access": "Достъп до вашите данни, докато сте офлайн",
+      "offline_access": "Позволете на клиента да получи достъп до вашите данни",
       "openid": "Аутентификация с вашия LobeChat акаунт",
       "profile": "Достъп до основната ви информация (име, аватар и др.)",
-      "sync:read": "Четене на вашите синхронизирани данни",
-      "sync:write": "Записване и актуализиране на вашите синхронизирани данни"
+      "sync-read": "Четене на вашите синхронизирани данни",
+      "sync-write": "Записване и актуализиране на вашите синхронизирани данни"
     },
-    "title": "Заявка за разрешение"
+    "title": "Разрешаване на {{clientName}}"
   },
   "failed": {
     "backToHome": "Върнете се на началната страница",

Diff for: locales/de-DE/oauth.json

@@ -4,7 +4,7 @@
       "accept": "Zustimmen",
       "deny": "Ablehnen"
     },
-    "description": "Die Anwendung {clientId} fordert Zugriff auf Ihr LobeChat-Konto an",
+    "description": "Die Anwendung {{clientName}} beantragt die Autorisierung Ihres Kontos",
     "error": {
       "sessionInvalid": {
         "message": "Die Autorisierungssitzung ist abgelaufen oder ungültig. Bitte starten Sie den Autorisierungsprozess erneut.",
@@ -16,16 +16,17 @@
         "title": "Nicht unterstützter Interaktionstyp"
       }
     },
-    "permissionsTitle": "Die Anwendung fordert die folgenden Berechtigungen an:",
+    "permissionsTitle": "Anforderung der folgenden Berechtigungen:",
+    "redirectUri": "Nach erfolgreicher Autorisierung werden Sie umgeleitet zu",
     "scope": {
       "email": "Zugriff auf Ihre E-Mail-Adresse",
-      "offline_access": "Zugriff auf Ihre Daten auch im Offline-Modus",
+      "offline_access": "Erlauben Sie dem Client, auf Ihre Daten zuzugreifen",
       "openid": "Authentifizierung mit Ihrem LobeChat-Konto",
       "profile": "Zugriff auf Ihre Profilinformationen (Name, Avatar usw.)",
-      "sync:read": "Lesen Ihrer Synchronisierungsdaten",
-      "sync:write": "Schreiben und Aktualisieren Ihrer Synchronisierungsdaten"
+      "sync-read": "Lesen Sie Ihre synchronisierten Daten",
+      "sync-write": "Schreiben und Aktualisieren Sie Ihre synchronisierten Daten"
     },
-    "title": "Autorisierungsanfrage"
+    "title": "Autorisierung von {{clientName}}"
   },
   "failed": {
     "backToHome": "Zurück zur Startseite",

Diff for: locales/en-US/oauth.json

@@ -4,7 +4,7 @@
       "accept": "Authorize",
       "deny": "Deny"
     },
-    "description": "The application {clientId} is requesting access to your LobeChat account",
+    "description": "The application {{clientName}} is requesting authorization for your account",
     "error": {
       "sessionInvalid": {
         "message": "The authorization session has expired or is invalid. Please restart the authorization process.",
@@ -16,16 +16,17 @@
         "title": "Unsupported Interaction Type"
       }
     },
-    "permissionsTitle": "The application requests the following permissions:",
+    "permissionsTitle": "Requesting the following permissions:",
+    "redirectUri": "You will be redirected to after successful authorization",
     "scope": {
       "email": "Access your email address",
-      "offline_access": "Continue to access your data while you are offline",
+      "offline_access": "Allow the client to access your data",
       "openid": "Authenticate using your LobeChat account",
       "profile": "Access your basic profile information (name, avatar, etc.)",
-      "sync:read": "Read your sync data",
-      "sync:write": "Write and update your sync data"
+      "sync-read": "Read your synchronized data",
+      "sync-write": "Write and update your synchronized data"
     },
-    "title": "Authorization Request"
+    "title": "Authorize {{clientName}}"
   },
   "failed": {
     "backToHome": "Back to Home",

Diff for: locales/es-ES/oauth.json

@@ -4,7 +4,7 @@
       "accept": "Autorizar",
       "deny": "Denegar"
     },
-    "description": "La aplicación {clientId} solicita acceso a su cuenta de LobeChat",
+    "description": "La aplicación {{clientName}} solicita autorización para su cuenta",
     "error": {
       "sessionInvalid": {
         "message": "La sesión de autorización ha expirado o es inválida, por favor inicie nuevamente el proceso de autorización.",
@@ -16,16 +16,17 @@
         "title": "Tipo de interacción no soportado"
       }
     },
-    "permissionsTitle": "La aplicación solicita los siguientes permisos:",
+    "permissionsTitle": "Solicitar los siguientes permisos:",
+    "redirectUri": "Se redirigirá a después de la autorización exitosa",
     "scope": {
       "email": "Acceder a su dirección de correo electrónico",
-      "offline_access": "Continuar accediendo a sus datos mientras está desconectado",
+      "offline_access": "Permitir que el cliente acceda a sus datos",
       "openid": "Autenticarse con su cuenta de LobeChat",
       "profile": "Acceder a su información básica de perfil (nombre, foto, etc.)",
-      "sync:read": "Leer sus datos de sincronización",
-      "sync:write": "Escribir y actualizar sus datos de sincronización"
+      "sync-read": "Leer sus datos sincronizados",
+      "sync-write": "Escribir y actualizar sus datos sincronizados"
     },
-    "title": "Solicitud de autorización"
+    "title": "Autorizar {{clientName}}"
   },
   "failed": {
     "backToHome": "Volver a la página de inicio",

Diff for: locales/fa-IR/oauth.json

@@ -4,7 +4,7 @@
       "accept": "اجازه",
       "deny": "رد"
     },
-    "description": "برنامه {clientId} درخواست دسترسی به حساب LobeChat شما را دارد",
+    "description": "برنامه {{clientName}} درخواست مجوز حساب شما را دارد",
     "error": {
       "sessionInvalid": {
         "message": "جلسه مجوز منقضی یا نامعتبر است، لطفاً فرآیند مجوز را دوباره آغاز کنید.",
@@ -16,16 +16,17 @@
         "title": "نوع تعامل پشتیبانی نمی‌شود"
       }
     },
-    "permissionsTitle": "برنامه درخواست دسترسی به مجوزهای زیر را دارد:",
+    "permissionsTitle": "درخواست مجوزهای زیر:",
+    "redirectUri": "پس از موفقیت در مجوز، به آدرس زیر هدایت می‌شوید",
     "scope": {
       "email": "دسترسی به آدرس ایمیل شما",
-      "offline_access": "دسترسی به داده‌های شما در حالت آفلاین",
+      "offline_access": "اجازه دسترسی به داده‌های شما توسط کلاینت",
       "openid": "احراز هویت با حساب LobeChat شما",
       "profile": "دسترسی به اطلاعات پروفایل شما (نام، تصویر پروفایل و غیره)",
-      "sync:read": "خواندن داده‌های همگام‌سازی شما",
-      "sync:write": "نوشتن و به‌روزرسانی داده‌های همگام‌سازی شما"
+      "sync-read": "خواندن داده‌های همگام‌سازی شده شما",
+      "sync-write": "نوشتن و به‌روزرسانی داده‌های همگام‌سازی شده شما"
     },
-    "title": "درخواست مجوز"
+    "title": "مجوز {{clientName}}"
   },
   "failed": {
     "backToHome": "بازگشت به صفحه اصلی",

Diff for: locales/fr-FR/oauth.json

@@ -4,7 +4,7 @@
       "accept": "Autoriser",
       "deny": "Refuser"
     },
-    "description": "L'application {clientId} demande l'accès à votre compte LobeChat",
+    "description": "L'application {{clientName}} demande l'autorisation de votre compte",
     "error": {
       "sessionInvalid": {
         "message": "La session d'autorisation a expiré ou est invalide, veuillez relancer le processus d'autorisation.",
@@ -16,16 +16,17 @@
         "title": "Type d'interaction non pris en charge"
       }
     },
-    "permissionsTitle": "L'application demande les permissions suivantes :",
+    "permissionsTitle": "Demander les autorisations suivantes :",
+    "redirectUri": "Vous serez redirigé vers après une autorisation réussie",
     "scope": {
       "email": "Accéder à votre adresse e-mail",
-      "offline_access": "Continuer à accéder à vos données lorsque vous êtes hors ligne",
+      "offline_access": "Autoriser le client à accéder à vos données",
       "openid": "S'authentifier avec votre compte LobeChat",
       "profile": "Accéder à vos informations de profil (nom, photo, etc.)",
-      "sync:read": "Lire vos données de synchronisation",
-      "sync:write": "Écrire et mettre à jour vos données de synchronisation"
+      "sync-read": "Lire vos données synchronisées",
+      "sync-write": "Écrire et mettre à jour vos données synchronisées"
     },
-    "title": "Demande d'autorisation"
+    "title": "Autoriser {{clientName}}"
   },
   "failed": {
     "backToHome": "Retour à l'accueil",

Diff for: locales/it-IT/oauth.json

@@ -4,7 +4,7 @@
       "accept": "Autorizza",
       "deny": "Rifiuta"
     },
-    "description": "L'app {clientId} richiede accesso al tuo account LobeChat",
+    "description": "L'applicazione {{clientName}} richiede l'autorizzazione per il tuo account",
     "error": {
       "sessionInvalid": {
         "message": "La sessione di autorizzazione è scaduta o non valida, per favore riavvia il processo di autorizzazione.",
@@ -16,16 +16,17 @@
         "title": "Tipo di interazione non supportato"
       }
     },
-    "permissionsTitle": "L'app richiede i seguenti permessi:",
+    "permissionsTitle": "Richiesta delle seguenti autorizzazioni:",
+    "redirectUri": "Verrai reindirizzato a dopo un'autorizzazione riuscita",
     "scope": {
       "email": "Accesso al tuo indirizzo email",
-      "offline_access": "Continua ad accedere ai tuoi dati quando sei offline",
+      "offline_access": "Consenti all'accesso del client ai tuoi dati",
       "openid": "Autenticati con il tuo account LobeChat",
       "profile": "Accesso alle tue informazioni di base (nome, foto profilo, ecc.)",
-      "sync:read": "Leggi i tuoi dati di sincronizzazione",
-      "sync:write": "Scrivi e aggiorna i tuoi dati di sincronizzazione"
+      "sync-read": "Leggi i tuoi dati sincronizzati",
+      "sync-write": "Scrivi e aggiorna i tuoi dati sincronizzati"
     },
-    "title": "Richiesta di autorizzazione"
+    "title": "Autorizzazione per {{clientName}}"
   },
   "failed": {
     "backToHome": "Torna alla home",

Diff for: locales/ja-JP/oauth.json

@@ -4,7 +4,7 @@
       "accept": "承認",
       "deny": "拒否"
     },
-    "description": "{clientId} アプリがあなたの LobeChat アカウントへのアクセスを要求しています",
+    "description": "アプリケーション {{clientName}} があなたのアカウントの承認を要求しています",
     "error": {
       "sessionInvalid": {
         "message": "承認セッションが期限切れまたは無効です。再度承認プロセスを開始してください。",
@@ -16,16 +16,17 @@
         "title": "サポートされていないインタラクションタイプ"
       }
     },
-    "permissionsTitle": "アプリが以下の権限を要求しています：",
+    "permissionsTitle": "以下の権限をリクエストします：",
+    "redirectUri": "承認が成功した後、次の場所にリダイレクトされます",
     "scope": {
       "email": "あなたのメールアドレスにアクセス",
-      "offline_access": "オフラインの際もデータにアクセス",
+      "offline_access": "クライアントがあなたのデータにアクセスすることを許可",
       "openid": "あなたの LobeChat アカウントで認証",
       "profile": "基本的なプロフィール情報（名前、アバターなど）にアクセス",
-      "sync:read": "あなたの同期データを読み取る",
-      "sync:write": "あなたの同期データを書き込み、更新する"
+      "sync-read": "あなたの同期データを読み取る",
+      "sync-write": "あなたの同期データを書き込み、更新する"
     },
-    "title": "承認リクエスト"
+    "title": "{{clientName}} の承認"
   },
   "failed": {
     "backToHome": "ホームに戻る",

Diff for: locales/ko-KR/oauth.json

@@ -4,7 +4,7 @@
       "accept": "허가",
       "deny": "거부"
     },
-    "description": "{clientId} 애플리케이션이 귀하의 LobeChat 계정에 접근을 요청합니다",
+    "description": "애플리케이션 {{clientName}}이(가) 귀하의 계정 권한을 요청합니다.",
     "error": {
       "sessionInvalid": {
         "message": "허가 세션이 만료되었거나 유효하지 않습니다. 허가 프로세스를 다시 시작하십시오.",
@@ -16,16 +16,17 @@
         "title": "지원되지 않는 상호작용 유형"
       }
     },
-    "permissionsTitle": "애플리케이션이 다음 권한을 요청합니다:",
+    "permissionsTitle": "다음 권한 요청:",
+    "redirectUri": "권한 부여가 성공적으로 완료된 후 리디렉션됩니다.",
     "scope": {
       "email": "귀하의 이메일 주소에 접근",
-      "offline_access": "오프라인 상태에서도 귀하의 데이터에 접근",
+      "offline_access": "클라이언트가 귀하의 데이터에 접근할 수 있도록 허용",
       "openid": "귀하의 LobeChat 계정으로 인증",
       "profile": "귀하의 기본 프로필 정보(이름, 프로필 사진 등)에 접근",
-      "sync:read": "귀하의 동기화 데이터 읽기",
-      "sync:write": "귀하의 동기화 데이터 쓰기 및 업데이트"
+      "sync-read": "귀하의 동기화 데이터를 읽습니다",
+      "sync-write": "귀하의 동기화 데이터를 작성하고 업데이트합니다"
     },
-    "title": "허가 요청"
+    "title": "권한 부여 {{clientName}}"
   },
   "failed": {
     "backToHome": "홈으로 돌아가기",

Diff for: locales/nl-NL/oauth.json

@@ -4,7 +4,7 @@
       "accept": "Toestaan",
       "deny": "Weigeren"
     },
-    "description": "De applicatie {clientId} vraagt toegang tot uw LobeChat-account",
+    "description": "De applicatie {{clientName}} vraagt om toestemming voor uw account",
     "error": {
       "sessionInvalid": {
         "message": "De autorisatiesessie is verlopen of ongeldig, start het autorisatieproces opnieuw.",
@@ -16,16 +16,17 @@
         "title": "Niet-ondersteund interactietype"
       }
     },
-    "permissionsTitle": "De applicatie vraagt om de volgende machtigingen:",
+    "permissionsTitle": "Vraag om de volgende toestemmingen:",
+    "redirectUri": "U wordt omgeleid naar na succesvolle autorisatie",
     "scope": {
       "email": "Toegang tot uw e-mailadres",
-      "offline_access": "Toegang tot uw gegevens wanneer u offline bent",
+      "offline_access": "Toestaan dat de client toegang heeft tot uw gegevens",
       "openid": "Authenticatie met uw LobeChat-account",
       "profile": "Toegang tot uw basisprofielinformatie (naam, profielfoto, enz.)",
-      "sync:read": "Lezen van uw synchronisatiegegevens",
-      "sync:write": "Schrijven en bijwerken van uw synchronisatiegegevens"
+      "sync-read": "Lees uw gesynchroniseerde gegevens",
+      "sync-write": "Schrijf en werk uw gesynchroniseerde gegevens bij"
     },
-    "title": "Autorisatieverzoek"
+    "title": "Toestemming voor {{clientName}}"
   },
   "failed": {
     "backToHome": "Terug naar de startpagina",

Diff for: locales/pl-PL/oauth.json

@@ -4,7 +4,7 @@
       "accept": "Zgoda",
       "deny": "Odmowa"
     },
-    "description": "Aplikacja {clientId} prosi o dostęp do Twojego konta LobeChat",
+    "description": "Aplikacja {{clientName}} prosi o autoryzację Twojego konta",
     "error": {
       "sessionInvalid": {
         "message": "Sesja autoryzacyjna wygasła lub jest nieprawidłowa, proszę ponownie rozpocząć proces autoryzacji.",
@@ -16,16 +16,17 @@
         "title": "Nieobsługiwany typ interakcji"
       }
     },
-    "permissionsTitle": "Aplikacja prosi o następujące uprawnienia:",
+    "permissionsTitle": "Proszę o następujące uprawnienia:",
+    "redirectUri": "Zostaniesz przekierowany po pomyślnym autoryzowaniu",
     "scope": {
       "email": "Dostęp do Twojego adresu e-mail",
-      "offline_access": "Dostęp do Twoich danych, gdy jesteś offline",
+      "offline_access": "Zezwól klientowi na dostęp do Twoich danych",
       "openid": "Uwierzytelnienie za pomocą Twojego konta LobeChat",
       "profile": "Dostęp do Twoich podstawowych informacji (imię, zdjęcie profilowe itp.)",
-      "sync:read": "Odczyt Twoich danych synchronizacji",
-      "sync:write": "Zapis i aktualizacja Twoich danych synchronizacji"
+      "sync-read": "Odczytaj swoje dane synchronizacyjne",
+      "sync-write": "Zapisz i zaktualizuj swoje dane synchronizacyjne"
     },
-    "title": "Prośba o autoryzację"
+    "title": "Autoryzacja {{clientName}}"
   },
   "failed": {
     "backToHome": "Powrót do strony głównej",