chore: add paywall banner to SAML app footer (#7011)

packages/console/src/components/ApplicationCreation/CreateForm/Footer/index.tsx

@@ -6,7 +6,7 @@ import AddOnNoticeFooter from '@/components/AddOnNoticeFooter';
 import ContactUsPhraseLink from '@/components/ContactUsPhraseLink';
 import QuotaGuardFooter from '@/components/QuotaGuardFooter';
 import SkuName from '@/components/SkuName';
-import { contactEmailLink } from '@/consts';
+import { officialWebsiteContactPageLink } from '@/consts';
 import { addOnPricingExplanationLink } from '@/consts/external-links';
 import { machineToMachineAddOnUnitPrice } from '@/consts/subscriptions';
 import { SubscriptionDataContext } from '@/contexts/SubscriptionDataProvider';
@@ -16,6 +16,8 @@ import useApplicationsUsage from '@/hooks/use-applications-usage';
 import useUserPreferences from '@/hooks/use-user-preferences';
 import { isPaidPlan } from '@/utils/subscription';
 
+import createFormStyles from '../index.module.scss';
+
 import styles from './index.module.scss';
 
 type Props = {
@@ -96,12 +98,16 @@ function Footer({ selectedType, isLoading, onClickCreate, isThirdParty }: Props)
 
     if (selectedType === ApplicationType.SAML && hasSamlAppsReachedLimit) {
       return (
-        <LinkButton
-          size="large"
-          type="primary"
-          title="general.contact_us_action"
-          href={contactEmailLink}
-        />
+        <div className={createFormStyles.container}>
+          <div className={createFormStyles.description}>{t('paywall.saml_applications')}</div>
+          <LinkButton
+            targetBlank
+            size="large"
+            type="primary"
+            title="general.contact_us_action"
+            href={officialWebsiteContactPageLink}
+          />
+        </div>
       );
     }
 

packages/console/src/consts/external-links.ts

@@ -8,6 +8,7 @@ export const contactEmailLink = `mailto:${contactEmail}`;
 export const reservationLink = 'https://cal.com/logto/30min';
 export const trustAndSecurityLink = 'https://logto.io/trust-and-security';
 export const pricingLink = 'https://logto.io/pricing';
+export const officialWebsiteContactPageLink = 'https://logto.io/contact';
 
 /** Docs link */
 export const envTagsFeatureLink = '/docs/references/tenants/#tenant-type';

packages/phrases/src/locales/ar/translation/admin-console/upsell/paywall.ts

@@ -48,6 +48,8 @@ const paywall = {
   saml_applications_oss:
     'التطبيق الإضافي لـ SAML متاح مع خطة Logto المؤسسية. اتصل بنا إذا كنت بحاجة إلى مساعدة.',
   logto_pricing_button_text: 'تسعير Logto Cloud',
+  saml_applications:
+    'التطبيق الإضافي لـ SAML متاح مع خطة Logto المؤسسية. اتصل بنا إذا كنت بحاجة إلى مساعدة.',
   hooks:
     'تم الوصول إلى الحد الأقصى لعدد الويب هوك ({{count, number}}) في الخطة <planName/>. قم بترقية الخطة لإنشاء المزيد من الويب هوك. لأي مساعدة، لا تتردد في <a>الاتصال بنا</a>.',
   hooks_other:

packages/phrases/src/locales/de/translation/admin-console/upsell/paywall.ts

@@ -48,6 +48,8 @@ const paywall = {
   saml_applications_oss:
     'Die zusätzliche SAML-App ist mit dem Logto-Enterprise-Plan verfügbar. Kontaktieren Sie uns, wenn Sie Hilfe benötigen.',
   logto_pricing_button_text: 'Logto Cloud-Preise',
+  saml_applications:
+    'Die zusätzliche SAML-App ist mit dem Logto-Enterprise-Plan verfügbar. Kontaktieren Sie uns, wenn Sie Hilfe benötigen.',
   hooks:
     'Sie haben das Limit von {{count, number}} <planName/>-Webhooks erreicht. Upgraden Sie Ihren Plan, um mehr Webhooks zu erstellen. Zögern Sie nicht, <a>Kontaktieren Sie uns</a>, wenn Sie Hilfe benötigen.',
   hooks_other:

packages/phrases/src/locales/en/translation/admin-console/upsell/paywall.ts

@@ -48,6 +48,8 @@ const paywall = {
   saml_applications_oss:
     'The additional SAML app is available with the Logto Enterprise plan. Contact us if you need assistance.',
   logto_pricing_button_text: 'Logto Cloud Pricing',
+  saml_applications:
+    'The additional SAML app is available with the Logto Enterprise plan. Contact us if you need assistance.',
   hooks:
     '{{count, number}} webhook of <planName/> limit reached. Upgrade plan to create more webhooks. Feel free to <a>contact us</a> if you need any assistance.',
   hooks_other:

packages/phrases/src/locales/es/translation/admin-console/upsell/paywall.ts

@@ -48,6 +48,8 @@ const paywall = {
   saml_applications_oss:
     'La aplicación SAML adicional está disponible con el plan Logto Enterprise. Contáctanos si necesitas asistencia.',
   logto_pricing_button_text: 'Precios de Logto Cloud',
+  saml_applications:
+    'La aplicación SAML adicional está disponible con el plan Logto Enterprise. Contáctanos si necesitas asistencia.',
   hooks:
     'Has alcanzado el límite de {{count, number}} webhooks de <planName/>. Actualiza el plan para crear más webhooks. Si necesitas ayuda, no dudes en <a>contactarnos</a>.',
   hooks_other:

packages/phrases/src/locales/fr/translation/admin-console/upsell/paywall.ts

@@ -48,6 +48,8 @@ const paywall = {
   saml_applications_oss:
     "L'application SAML supplémentaire est disponible avec le plan Logto Enterprise. Contactez-nous si vous avez besoin d'assistance.",
   logto_pricing_button_text: 'Tarification Logto Cloud',
+  saml_applications:
+    "L'application SAML supplémentaire est disponible avec le plan Logto Enterprise. Contactez-nous si vous avez besoin d'assistance.",
   hooks:
     "Vous avez atteint la limite de {{count, number}} webhook de <planName/>. Mettez à niveau votre plan pour créer plus de webhooks. N’hésitez pas à <a>nous contacter</a> si vous avez besoin d'aide.",
   hooks_other:

packages/phrases/src/locales/it/translation/admin-console/upsell/paywall.ts

@@ -48,6 +48,8 @@ const paywall = {
   saml_applications_oss:
     "L'app SAML aggiuntiva è disponibile con il piano Logto Enterprise. Contattaci se hai bisogno di assistenza.",
   logto_pricing_button_text: 'Prezzi del Logto Cloud',
+  saml_applications:
+    "L'app SAML aggiuntiva è disponibile con il piano Logto Enterprise. Contattaci se hai bisogno di assistenza.",
   hooks:
     'Hai raggiunto il limite di {{count, number}} webhook di <planName/>. Aggiorna il piano per creare altri webhook. Non esitare a <a>contattarci</a> se hai bisogno di assistenza.',
   hooks_other:

packages/phrases/src/locales/ja/translation/admin-console/upsell/paywall.ts

@@ -38,16 +38,18 @@ const paywall = {
   roles_other:
     '{{count, number}}個の<planName/>制限のロールに達しました。追加のロールおよび権限を追加するにはプランをアップグレードしてください。サポートが必要な場合は、お気軽に<a>お問い合わせ</a>ください。',
   machine_to_machine_roles:
-    '{{count, number}} machine-to-machine role of <planName/> limit reached. Upgrade plan to add additional roles and permissions. Feel free to <a>contact us</a> if you need any assistance.',
+    '{{count, number}}個の<planName/>マシン間ロール制限に達しました。追加のロールと権限を追加するにはプランをアップグレードしてください。サポートが必要な場合は、お気軽に<a>お問い合わせ</a>ください。',
   machine_to_machine_roles_other:
-    '{{count, number}} machine-to-machine roles of <planName/> limit reached. Upgrade plan to add additional roles and permissions. Feel free to <a>contact us</a> if you need any assistance.',
+    '{{count, number}}個の<planName/>マシン間ロール制限に達しました。追加のロールと権限を追加するにはプランをアップグレードしてください。サポートが必要な場合は、お気軽に<a>お問い合わせ</a>ください。',
   scopes_per_role:
     '{{count, number}}の<planName/>ロールあたりの許可制限に達しました。追加のロールと権限を追加するにはプランをアップグレードしてください。<a>お問い合わせ</a>は何かお手伝いが必要な場合はお気軽にどうぞ.',
   scopes_per_role_other:
     '{{count, number}}個の<planName/>制限のロールあたりの許可に達しました。追加のロールおよび権限を追加するにはプランをアップグレードしてください。サポートが必要な場合は、お気軽に<a>お問い合わせ</a>ください。',
   saml_applications_oss:
     '追加の SAML アプリは Logto エンタープライズプランで利用可能です。サポートが必要な場合は、お問い合わせください。',
   logto_pricing_button_text: 'Logto クラウド価格設定',
+  saml_applications:
+    '追加の SAML アプリは Logto エンタープライズプランで利用可能です。サポートが必要な場合は、お問い合わせください。',
   hooks:
     '{{count, number}}の<planName/>ウェブフック制限に達しました。追加のウェブフックを作成するにはプランをアップグレードしてください。<a>お問い合わせ</a>は何かお手伝いが必要な場合はお気軽にどうぞ。',
   hooks_other:

packages/phrases/src/locales/ko/translation/admin-console/upsell/paywall.ts

@@ -48,6 +48,8 @@ const paywall = {
   saml_applications_oss:
     '추가 SAML 앱은 Logto 엔터프라이즈 플랜에서 사용할 수 있습니다. 도움이 필요하면 문의하세요.',
   logto_pricing_button_text: 'Logto 클라우드 가격',
+  saml_applications:
+    '추가 SAML 앱은 Logto 엔터프라이즈 플랜에서 사용할 수 있습니다. 도움이 필요하면 <a>문의하세요</a>.',
   hooks:
     '<planName/>의 {{count, number}}개 웹훅 한도에 도달했습니다. 더 많은 웹훅을 생성하려면 플랜을 업그레이드하세요. 도움이 필요하면 <a>문의하기</a>로 연락 주세요.',
   hooks_other:

packages/phrases/src/locales/pl-pl/translation/admin-console/upsell/paywall.ts

@@ -48,6 +48,8 @@ const paywall = {
   saml_applications_oss:
     'Dodatkowa aplikacja SAML jest dostępna w planie Logto Enterprise. Skontaktuj się z nami, jeśli potrzebujesz pomocy.',
   logto_pricing_button_text: 'Cennik Logto Cloud',
+  saml_applications:
+    'Dodatkowa aplikacja SAML jest dostępna w planie Logto Enterprise. Skontaktuj się z nami, jeśli potrzebujesz pomocy.',
   hooks:
     'Osiągnięto limit {{count, number}} webhooków w planie <planName/>. Ulepsz plan, aby tworzyć więcej webhooków. Jeśli potrzebujesz pomocy, nie wahaj się <a>skontaktować z nami</a>.',
   hooks_other:

packages/phrases/src/locales/pt-br/translation/admin-console/upsell/paywall.ts

@@ -48,6 +48,8 @@ const paywall = {
   saml_applications_oss:
     'O aplicativo SAML adicional está disponível com o plano Logto Enterprise. Entre em contato conosco se precisar de assistência.',
   logto_pricing_button_text: 'Preços do Logto Cloud',
+  saml_applications:
+    'O aplicativo SAML adicional está disponível com o plano Logto Enterprise. Entre em contato conosco se precisar de assistência.',
   hooks:
     'Atingiu o limite de {{count, number}} webhooks de <planName/>. Atualize o plano para criar mais webhooks. Não hesite em <a>Entre em contato conosco</a> se precisar de ajuda.',
   hooks_other:

packages/phrases/src/locales/pt-pt/translation/admin-console/upsell/paywall.ts

@@ -48,6 +48,8 @@ const paywall = {
   saml_applications_oss:
     'A aplicação SAML adicional está disponível com o plano Logto Empresarial. Contacte-nos se precisar de assistência.',
   logto_pricing_button_text: 'Preços do Logto Cloud',
+  saml_applications:
+    'A aplicação SAML adicional está disponível com o plano Logto Empresarial. Contacte-nos se precisar de assistência.',
   hooks:
     'Atingiu o limite de {{count, number}} webhooks do plano <planName/>. Atualize o plano para criar mais webhooks. Não hesite em <a>Contacte-nos</a> se precisar de ajuda.',
   hooks_other: