From 0ec6ba928922867e7f388fe51d9568223cc570e5 Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Fri, 12 Apr 2024 17:47:33 +0800
Subject: [PATCH] feat(console): add api permission content for organization
 guide

---
 .../src/pages/Organizations/Guide/Introduction/index.tsx    | 6 ++++++
 .../locales/de/translation/admin-console/organizations.ts   | 5 +++++
 .../locales/en/translation/admin-console/organizations.ts   | 5 +++++
 .../locales/es/translation/admin-console/organizations.ts   | 5 +++++
 .../locales/fr/translation/admin-console/organizations.ts   | 5 +++++
 .../locales/it/translation/admin-console/organizations.ts   | 5 +++++
 .../locales/ja/translation/admin-console/organizations.ts   | 5 +++++
 .../locales/ko/translation/admin-console/organizations.ts   | 5 +++++
 .../pl-pl/translation/admin-console/organizations.ts        | 5 +++++
 .../pt-br/translation/admin-console/organizations.ts        | 5 +++++
 .../pt-pt/translation/admin-console/organizations.ts        | 5 +++++
 .../locales/ru/translation/admin-console/organizations.ts   | 5 +++++
 .../tr-tr/translation/admin-console/organizations.ts        | 5 +++++
 .../zh-cn/translation/admin-console/organizations.ts        | 5 +++++
 .../zh-hk/translation/admin-console/organizations.ts        | 5 +++++
 .../zh-tw/translation/admin-console/organizations.ts        | 5 +++++
 16 files changed, 81 insertions(+)

diff --git a/packages/console/src/pages/Organizations/Guide/Introduction/index.tsx b/packages/console/src/pages/Organizations/Guide/Introduction/index.tsx
index b685588f251..21aef08d103 100644
--- a/packages/console/src/pages/Organizations/Guide/Introduction/index.tsx
+++ b/packages/console/src/pages/Organizations/Guide/Introduction/index.tsx
@@ -107,6 +107,12 @@ function Introduction({ isReadonly }: Props) {
                 <div className={styles.description}>
                   {t('guide.introduction.section_3.description')}
                 </div>
+              </FlexBox>
+              <FlexBox type="column">
+                <div className={styles.sectionTitle}>{t('guide.introduction.section_4.title')}</div>
+                <div className={styles.description}>
+                  {t('guide.introduction.section_4.description')}
+                </div>
                 <InteractiveDiagram />
               </FlexBox>
             </FlexBox>
diff --git a/packages/phrases/src/locales/de/translation/admin-console/organizations.ts b/packages/phrases/src/locales/de/translation/admin-console/organizations.ts
index 1a70239173a..c910092997b 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/organizations.ts
@@ -58,6 +58,11 @@ const organizations = {
           'Eine Organisationsrolle ist eine Gruppierung von Organisationsberechtigungen, die Benutzern zugewiesen werden können.',
       },
       section_3: {
+        title: 'Kann ich API-Berechtigungen zu Organisationsrollen zuweisen?',
+        description:
+          'Ja, Sie können API-Berechtigungen zu Organisationsrollen zuweisen. Logto bietet die Flexibilität, die Rollen Ihrer Organisation effektiv zu verwalten, und ermöglicht es Ihnen, sowohl Organisationsberechtigungen als auch API-Berechtigungen in diese Rollen einzuschließen.',
+      },
+      section_4: {
         title: 'Interagieren Sie mit der Abbildung, um zu sehen, wie alles zusammenhängt',
         description:
           'Nehmen wir ein Beispiel. John, Sarah sind in verschiedenen Organisationen mit unterschiedlichen Rollen im Kontext verschiedener Organisationen. Fahren Sie mit der Maus über die verschiedenen Module und sehen Sie, was passiert.',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/organizations.ts b/packages/phrases/src/locales/en/translation/admin-console/organizations.ts
index f34c51de52d..8de651f20c8 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/organizations.ts
@@ -56,6 +56,11 @@ const organizations = {
           'Organization role is a grouping of organization permissions that can be assigned to members.',
       },
       section_3: {
+        title: 'Can I assign API permissions to organization roles?',
+        description:
+          "Yes, you can assign API permissions to organization roles. Logto offers the flexibility to manage your organization's roles effectively, allowing you to include both organization permissions and API permissions within those roles.",
+      },
+      section_4: {
         title: 'Interact with the illustration to see how everything connects',
         description:
           "Let's take an example. John, Sarah are in different organizations with different roles in the context of different organizations. Hover over the different modules and see what happens.",
diff --git a/packages/phrases/src/locales/es/translation/admin-console/organizations.ts b/packages/phrases/src/locales/es/translation/admin-console/organizations.ts
index 8e7501018f0..91c7709e9d3 100644
--- a/packages/phrases/src/locales/es/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/es/translation/admin-console/organizations.ts
@@ -59,6 +59,11 @@ const organizations = {
           'El rol de la organización es un agrupamiento de permisos de organización que se pueden asignar a los miembros.',
       },
       section_3: {
+        title: '¿Puedo asignar permisos de API a roles de organización?',
+        description:
+          'Sí, puedes asignar permisos de API a roles de organización. Logto ofrece la flexibilidad para gestionar los roles de tu organización de manera efectiva, permitiéndote incluir tanto permisos de organización como permisos de API dentro de esos roles.',
+      },
+      section_4: {
         title: 'Interactúe con la ilustración para ver cómo se conecta todo',
         description:
           'Tomemos un ejemplo. John y Sarah están en diferentes organizaciones con diferentes roles en el contexto de diferentes organizaciones. Desplácese sobre los diferentes módulos y vea qué sucede.',
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/organizations.ts b/packages/phrases/src/locales/fr/translation/admin-console/organizations.ts
index 45161f04e13..543fc764685 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/organizations.ts
@@ -59,6 +59,11 @@ const organizations = {
           "Le rôle d'organisation est un regroupement de permissions d'organisation pouvant être attribuées aux membres.",
       },
       section_3: {
+        title: "Puis-je attribuer des permissions API aux rôles de l'organisation?",
+        description:
+          "Oui, vous pouvez attribuer des permissions API aux rôles de l'organisation. Logto offre la flexibilité de gérer efficacement les rôles de votre organisation, vous permettant d'inclure à la fois les permissions d'organisation et les permissions API au sein de ces rôles.",
+      },
+      section_4: {
         title: "Interagissez avec l'illustration pour voir comment tout est connecté",
         description:
           'Prenons un exemple : John, Sarah appartiennent à différentes organisations avec des rôles différents dans le contexte de différentes organisations. Passez la souris sur les différents modules et voyez ce qui se passe.',
diff --git a/packages/phrases/src/locales/it/translation/admin-console/organizations.ts b/packages/phrases/src/locales/it/translation/admin-console/organizations.ts
index cb185ff9faf..f3a6a1d4294 100644
--- a/packages/phrases/src/locales/it/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/it/translation/admin-console/organizations.ts
@@ -59,6 +59,11 @@ const organizations = {
           'Il ruolo organizzativo è un raggruppamento di permessi organizzativi che possono essere assegnati ai membri.',
       },
       section_3: {
+        title: "Posso assegnare permessi API ai ruoli dell'organizzazione?",
+        description:
+          "Sì, puoi assegnare permessi API ai ruoli dell'organizzazione. Logto offre la flessibilità di gestire efficacemente i ruoli della tua organizzazione, permettendoti di includere sia permessi organizzativi che permessi API in tali ruoli.",
+      },
+      section_4: {
         title: "Interagisci con l'illustrazione per vedere come tutto si collega",
         description:
           'Prendiamo un esempio. John, Sarah sono in diverse organizzazioni con ruoli diversi nel contesto di organizzazioni diverse. Passa il mouse sui diversi moduli e guarda cosa succede.',
diff --git a/packages/phrases/src/locales/ja/translation/admin-console/organizations.ts b/packages/phrases/src/locales/ja/translation/admin-console/organizations.ts
index 3974e294fbc..fb071c2d87b 100644
--- a/packages/phrases/src/locales/ja/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/ja/translation/admin-console/organizations.ts
@@ -58,6 +58,11 @@ const organizations = {
           '組織役割は、ユーザーに割り当てることができる権限のグループ化です。権限は事前に定義された組織権限から取得する必要があります。',
       },
       section_3: {
+        title: '組織の役割にAPI権限を割り当てることはできますか？',
+        description:
+          'はい、組織の役割にAPI権限を割り当てることができます。Logtoは組織の役割を効果的に管理する柔軟性を提供し、それらの役割に組織権限とAPI権限の両方を含めることができます。',
+      },
+      section_4: {
         title: 'イラストを操作して、接続方法を確認してください',
         description:
           '例として、John、Sarahは異なる組織に所属し、それぞれ異なる組織のコンテキストで異なる役割を担っています。異なるモジュールにカーソルを合わせて、それぞれの動作を確認しましょう。',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/organizations.ts b/packages/phrases/src/locales/ko/translation/admin-console/organizations.ts
index fa9c36da73c..b49811789fb 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/organizations.ts
@@ -56,6 +56,11 @@ const organizations = {
         role_description: '조직 역할은 구성원에게 할당할 수 있는 조직 권한의 그룹화입니다.',
       },
       section_3: {
+        title: '조직 역할에 API 권한을 할당할 수 있나요?',
+        description:
+          '네, 조직 역할에 API 권한을 할당할 수 있습니다. Logto는 조직의 역할을 효과적으로 관리할 수 있는 유연성을 제공하며, 해당 역할 내에 조직 권한 및 API 권한을 모두 포함할 수 있습니다.',
+      },
+      section_4: {
         title: '일러스트를 상호 작용하여 연결되는 방식 확인',
         description:
           '예를 들어 존과 사라가 서로 다른 조직에서 서로 다른 역할을 가진 채로 있습니다. 각 모듈 위로 마우스를 올려보세요.',
diff --git a/packages/phrases/src/locales/pl-pl/translation/admin-console/organizations.ts b/packages/phrases/src/locales/pl-pl/translation/admin-console/organizations.ts
index 09e73fb59c0..09c32e0e4ac 100644
--- a/packages/phrases/src/locales/pl-pl/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/pl-pl/translation/admin-console/organizations.ts
@@ -59,6 +59,11 @@ const organizations = {
           'Rola organizacji to grupowanie uprawnień organizacji, które można przypisać członkom.',
       },
       section_3: {
+        title: 'Czy mogę przypisać uprawnienia API do ról organizacyjnych?',
+        description:
+          'Tak, możesz przypisać uprawnienia API do ról organizacyjnych. Logto oferuje elastyczność w skutecznym zarządzaniu rolami w organizacji, pozwalając na włączenie zarówno uprawnień organizacyjnych, jak i uprawnień API do tych ról.',
+      },
+      section_4: {
         title: 'Zaangażuj się w ilustrację, aby zobaczyć jak to wszystko się łączy',
         description:
           'Przyjmijmy przykład. John, Sarah należą do różnych organizacji z różnymi rolami w kontekście różnych organizacji. Najedź kursorem na różne moduły i zobacz co się stanie.',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/organizations.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/organizations.ts
index 8a69b757bc0..5a3ade33363 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/organizations.ts
@@ -59,6 +59,11 @@ const organizations = {
           'O papel da organização é um agrupamento de permissões da organização que podem ser atribuídas aos membros.',
       },
       section_3: {
+        title: 'Posso atribuir permissões de API a funções de organização?',
+        description:
+          'Sim, você pode atribuir permissões de API a funções de organização. A Logto oferece flexibilidade para gerenciar as funções da sua organização de forma eficaz, permitindo que você inclua tanto as permissões da organização quanto as permissões de API nessas funções.',
+      },
+      section_4: {
         title: 'Interaja com a ilustração para ver como tudo se conecta',
         description:
           'Vamos dar um exemplo. John, Sarah estão em diferentes organizações com diferentes papéis no contexto de organizações diferentes. Passe o mouse sobre os diferentes módulos e veja o que acontece.',
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/organizations.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/organizations.ts
index 4f65620012c..200ae347e2a 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/organizations.ts
@@ -59,6 +59,11 @@ const organizations = {
           'O papel da organização é um agrupamento de permissões da organização que podem ser atribuídas aos membros.',
       },
       section_3: {
+        title: 'Posso atribuir permissões de API a papéis de organização?',
+        description:
+          'Sim, pode atribuir permissões de API a papéis de organização. O Logto oferece a flexibilidade para gerir eficazmente os papéis da sua organização, permitindo incluir tanto permissões de organização como permissões de API nesses papéis.',
+      },
+      section_4: {
         title: 'Interaja com a ilustração para ver como tudo está conectado',
         description:
           'Vamos ver um exemplo. John, Sarah pertencem a diferentes organizações com funções diferentes no contexto das organizações diferentes. Passe o rato sobre os diferentes módulos e veja o que acontece.',
diff --git a/packages/phrases/src/locales/ru/translation/admin-console/organizations.ts b/packages/phrases/src/locales/ru/translation/admin-console/organizations.ts
index 2509b950c2f..6a31c203e21 100644
--- a/packages/phrases/src/locales/ru/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/ru/translation/admin-console/organizations.ts
@@ -58,6 +58,11 @@ const organizations = {
           'Роль организации - это группировка разрешений организации, которые могут быть назначены участникам.',
       },
       section_3: {
+        title: 'Могу ли я назначить разрешения API организационным ролям?',
+        description:
+          'Да, вы можете назначить разрешения API организационным ролям. Logto предоставляет гибкость в управлении ролями вашей организации, позволяя включать в эти роли как организационные, так и разрешения API.',
+      },
+      section_4: {
         title: 'Взаимодействие с иллюстрацией для просмотра связей',
         description:
           'Давайте рассмотрим пример. Джон и Сара находятся в разных организациях с разными ролями в контексте разных организаций. Наведите указатель на различные модули и посмотрите, что происходит.',
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/organizations.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/organizations.ts
index badb0169940..b0330c3c986 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/organizations.ts
@@ -58,6 +58,11 @@ const organizations = {
           'Kuruluş rolü, kullanıcılara atanabilen kuruluş izinlerinin bir gruplamasıdır.',
       },
       section_3: {
+        title: 'API izinlerini organizasyon rollerine atayabilir miyim?',
+        description:
+          'Evet, API izinlerini organizasyon rollerine atayabilirsiniz. Logto, organizasyonunuzun rollerini etkili bir şekilde yönetme esnekliği sunar, bu roller içinde hem organizasyon izinlerini hem de API izinlerini içerecek şekilde izin verir.',
+      },
+      section_4: {
         title: 'Her şeyin nasıl bağlandığını görmek için illüstrasyonla etkileşim',
         description:
           'Örnek alalım. John, Sarah farklı kuruluşlara farklı rollerle farklı kuruluş bağlamlarında bulunmaktadır. Farklı modüllerin üzerine gelerek neler olduğunu görebilirsiniz.',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/organizations.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/organizations.ts
index da236424d98..eabb06da5fd 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/organizations.ts
@@ -56,6 +56,11 @@ const organizations = {
         role_description: '组织角色是可以分配给成员的组织权限组。',
       },
       section_3: {
+        title: '我可以将API权限分配给组织角色吗？',
+        description:
+          '是的，您可以将API权限分配给组织角色。Logto提供灵活性，有效管理您组织的角色，允许您在这些角色中包括组织权限和API权限。',
+      },
+      section_4: {
         title: '交互插图以查看所有关系',
         description:
           '让我们举个例子。约翰、莎拉位于不同的组织中，其在不同组织上下文中拥有不同的角色。将鼠标悬停在不同模块上，看看会发生什么。',
diff --git a/packages/phrases/src/locales/zh-hk/translation/admin-console/organizations.ts b/packages/phrases/src/locales/zh-hk/translation/admin-console/organizations.ts
index 53e40f4a5df..2fef41a2e6f 100644
--- a/packages/phrases/src/locales/zh-hk/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/zh-hk/translation/admin-console/organizations.ts
@@ -56,6 +56,11 @@ const organizations = {
         role_description: '組織角色是可以分配給成員的組織權限的分組。',
       },
       section_3: {
+        title: '我可以將API權限分配給組織角色嗎？',
+        description:
+          '是的，您可以將API權限分配給組織角色。Logto提供靈活性，有效管理您組織的角色，允許您在這些角色中包括組織權限和API權限。',
+      },
+      section_4: {
         title: '交互示意圖，看看它們之間的關係',
         description:
           '讓我們舉個例子。John、Sarah 屬於不同的組織，在不同組織的上下文中具有不同的角色。懸停在不同的模塊上，看看會發生什麼。',
diff --git a/packages/phrases/src/locales/zh-tw/translation/admin-console/organizations.ts b/packages/phrases/src/locales/zh-tw/translation/admin-console/organizations.ts
index 48285ecfcd6..12321db5898 100644
--- a/packages/phrases/src/locales/zh-tw/translation/admin-console/organizations.ts
+++ b/packages/phrases/src/locales/zh-tw/translation/admin-console/organizations.ts
@@ -56,6 +56,11 @@ const organizations = {
         role_description: '組繹角色是一組組繹權限，可以分配給成員。',
       },
       section_3: {
+        title: '我可以將API權限指派給組織角色嗎？',
+        description:
+          '是的，您可以將API權限指派給組織角色。Logto提供彈性，有效管理您組織的角色，允許您在這些角色中包含組織權限和API權限。',
+      },
+      section_4: {
         title: '與插圖互動，查看所有連結如何互相連接',
         description:
           '讓我們舉個例子。約翰、莎拉屬於不同的組繫，並在不同組繫的上下文中擔任不同角色。 將滑鼠指針懸停在不同的模塊上並觀察會發生什麼。',