feat(console): add custom domain plan usage info (#7999)

Author: xiaoyijun

packages/console/src/components/PlanUsage/utils.ts

@@ -19,6 +19,7 @@ import {
   samlApplicationsAddOnUnitPrice,
   thirdPartyApplicationsAddOnUnitPrice,
   rbacEnabledAddOnUnitPrice,
+  customDomainAddOnUnitPrice,
 } from '@/consts/subscriptions';
 import { isProPlan } from '@/utils/subscription';
 
@@ -48,6 +49,7 @@ type UsageKey =
       | 'securityFeaturesEnabled'
       | 'thirdPartyApplicationsLimit'
       | 'samlApplicationsLimit'
+      | 'customDomainsLimit'
     >
   | CustomUsageKey.RbacEnabled;
 
@@ -62,6 +64,7 @@ export const usageKeys: UsageKey[] = [
   'machineToMachineLimit',
   'samlApplicationsLimit',
   'thirdPartyApplicationsLimit',
+  'customDomainsLimit',
   'tenantMembersLimit',
   'tokenLimit',
   'securityFeaturesEnabled',
@@ -81,6 +84,7 @@ export const usageKeyPriceMap: Record<UsageKey, number> = {
   thirdPartyApplicationsLimit: thirdPartyApplicationsAddOnUnitPrice,
   securityFeaturesEnabled: securityFeaturesAddOnUnitPrice,
   rbacEnabled: rbacEnabledAddOnUnitPrice,
+  customDomainsLimit: customDomainAddOnUnitPrice,
 };
 
 export const titleKeyMap: Record<
@@ -100,6 +104,7 @@ export const titleKeyMap: Record<
   thirdPartyApplicationsLimit: 'third_party_applications.title',
   samlApplicationsLimit: 'saml_applications.title',
   rbacEnabled: 'rbacEnabled.title',
+  customDomainsLimit: 'custom_domains.title',
 };
 
 const tooltipKeyMap: Record<
@@ -119,6 +124,7 @@ const tooltipKeyMap: Record<
   thirdPartyApplicationsLimit: 'third_party_applications.tooltip',
   samlApplicationsLimit: 'saml_applications.tooltip',
   rbacEnabled: 'rbacEnabled.tooltip',
+  customDomainsLimit: 'custom_domains.tooltip',
 };
 
 const enterpriseTooltipKeyMap: Record<
@@ -138,6 +144,7 @@ const enterpriseTooltipKeyMap: Record<
   thirdPartyApplicationsLimit: 'third_party_applications.tooltip',
   samlApplicationsLimit: 'saml_applications.tooltip',
   rbacEnabled: 'rbacEnabled.tooltip',
+  customDomainsLimit: 'custom_domains.tooltip',
 };
 
 const isRbacEnabled = ({ userRolesLimit, machineToMachineRolesLimit }: NewSubscriptionQuota) =>

packages/phrases/src/locales/ar/translation/admin-console/subscription/usage.ts

@@ -61,6 +61,11 @@ const usage = {
     tooltip_for_enterprise:
       'تشمل خطتك القائمة على العقد أول {{basicQuota}} من أعضاء المستأجر وتكون مجانية للاستخدام. إذا كنت بحاجة إلى المزيد ، {{price, number}} لكل عضو مستأجر شهريًا.',
   },
+  custom_domains: {
+    title: 'نطاقات مخصصة',
+    tooltip:
+      'ميزة إضافية بسعر ${{price, number}} لما يصل إلى 10 نطاقات مخصصة شهريًا. أول نطاق مخصص مجاني.',
+  },
   tokens: {
     title: 'الرموز',
     tooltip:

packages/phrases/src/locales/de/translation/admin-console/subscription/usage.ts

@@ -62,6 +62,11 @@ const usage = {
     tooltip_for_enterprise:
       'Die ersten {{basicQuota}} Tenant-Mitglieder sind in deinem vertragsbasierten Plan enthalten und kostenlos. Wenn du mehr benötigst, ${{price, number}} pro Tenant-Mitglied pro Monat.',
   },
+  custom_domains: {
+    title: 'Benutzerdefinierte Domains',
+    tooltip:
+      'Add-on-Funktion zum Preis von ${{price, number}} für bis zu 10 benutzerdefinierte Domains pro Monat. Die erste benutzerdefinierte Domain ist kostenlos.',
+  },
   tokens: {
     title: 'Tokens',
     tooltip:

packages/phrases/src/locales/en/translation/admin-console/subscription/usage.ts

@@ -62,6 +62,11 @@ const usage = {
     tooltip_for_enterprise:
       'The first {{count}} tenant members are included and free to use in your contract-based plan. If you need more, ${{price, number}} per tenant member per month.',
   },
+  custom_domains: {
+    title: 'Custom domains',
+    tooltip:
+      'Add-on feature priced at ${{price, number}} for up to 10 custom domains per month. The first 1 custom domain is free.',
+  },
   tokens: {
     title: 'Tokens',
     tooltip:

packages/phrases/src/locales/es/translation/admin-console/subscription/usage.ts

@@ -63,6 +63,11 @@ const usage = {
     tooltip_for_enterprise:
       'Los primeros {{basicQuota}} miembros del inquilino están incluidos y son gratuitos en tu plan basado en contrato. Si necesitas más, ${{price, number}} por miembro del inquilino por mes.',
   },
+  custom_domains: {
+    title: 'Dominios personalizados',
+    tooltip:
+      'Función adicional con un precio de ${{price, number}} para hasta 10 dominios personalizados por mes. El primer dominio personalizado es gratis.',
+  },
   tokens: {
     title: 'Tokens',
     tooltip:

packages/phrases/src/locales/fr/translation/admin-console/subscription/usage.ts

@@ -63,6 +63,11 @@ const usage = {
     tooltip_for_enterprise:
       'Les {{basicQuota}} premiers membres du locataire sont inclus et gratuits dans votre plan basé sur un contrat. Si vous en avez besoin de plus, ${{price, number}} par membre du locataire par mois.',
   },
+  custom_domains: {
+    title: 'Domaines personnalisés',
+    tooltip:
+      'Fonctionnalité supplémentaire au prix de ${{price, number}} pour jusqu’à 10 domaines personnalisés par mois. Le premier domaine personnalisé est gratuit.',
+  },
   tokens: {
     title: 'Jetons',
     tooltip:

packages/phrases/src/locales/it/translation/admin-console/subscription/usage.ts

@@ -63,6 +63,11 @@ const usage = {
     tooltip_for_enterprise:
       'I primi {{basicQuota}} membri del tenant sono inclusi e gratuiti nel tuo piano basato su contratto. Se ne hai bisogno di più, ${{price, number}} per membro del tenant al mese.',
   },
+  custom_domains: {
+    title: 'Domini personalizzati',
+    tooltip:
+      'Funzionalità aggiuntiva al prezzo di ${{price, number}} per un massimo di 10 domini personalizzati al mese. Il primo dominio personalizzato è gratuito.',
+  },
   tokens: {
     title: 'Token',
     tooltip:

packages/phrases/src/locales/ja/translation/admin-console/subscription/usage.ts

@@ -63,6 +63,11 @@ const usage = {
     tooltip_for_enterprise:
       '最初の {{basicQuota}} のテナントメンバーは契約ベースのプランで含まれており、無料で使用できます。より多くが必要な場合、月額 {{price, number}} ドルのメンバーごとの料金がかかります。',
   },
+  custom_domains: {
+    title: 'カスタムドメイン',
+    tooltip:
+      '追加機能で、月額 ${{price, number}} で最大 10 個のカスタムドメインを利用できます。最初の 1 つは無料です。',
+  },
   tokens: {
     title: 'トークン',
     tooltip:

packages/phrases/src/locales/ko/translation/admin-console/subscription/usage.ts

@@ -62,6 +62,11 @@ const usage = {
     tooltip_for_enterprise:
       '플랜에는 처음 {{basicQuota}} 명의 테넌트 멤버가 포함되어 무료로 사용할 수 있습니다. 더 필요하다면, 매달 멤버당 ${{price, number}} 입니다.',
   },
+  custom_domains: {
+    title: '커스텀 도메인',
+    tooltip:
+      '애드온 기능으로 월 ${{price, number}} 에 최대 10개의 커스텀 도메인을 사용할 수 있습니다. 첫 번째 커스텀 도메인은 무료입니다.',
+  },
   tokens: {
     title: '토큰',
     tooltip:

packages/phrases/src/locales/pl-pl/translation/admin-console/subscription/usage.ts

@@ -62,6 +62,11 @@ const usage = {
     tooltip_for_enterprise:
       'Pierwszych {{basicQuota}} członków dzierżawcy jest wliczonych i darmowych w twoim kontrakcie. Jeśli potrzebujesz więcej, ${{price, number}} za członka dzierżawcy miesięcznie.',
   },
+  custom_domains: {
+    title: 'Własne domeny',
+    tooltip:
+      'Funkcja dodatkowa w cenie ${{price, number}} za maksymalnie 10 własnych domen miesięcznie. Pierwsza własna domena jest bezpłatna.',
+  },
   tokens: {
     title: 'Tokeny',
     tooltip: