fix(externalUrls): provide env var for e2ei certificate support link [WPB-18339] (#19209)

Author: V-Gira

server/config/client.config.ts

@@ -113,6 +113,7 @@ export function generateConfig(params: ConfigGeneratorParams, env: Env) {
         DEVICE_ACCESS_DENIED: env.URL_SUPPORT_DEVICE_ACCESS_DENIED,
         DEVICE_NOT_FOUND: env.URL_SUPPORT_DEVICE_NOT_FOUND,
         E2EI_VERIFICATION: env.URL_SUPPORT_E2EI_VERIFICATION,
+        E2EI_VERIFICATION_CERTIFICATE: env.URL_SUPPORT_E2EI_VERIFICATION_CERTIFICATE,
         EMAIL_EXISTS: env.URL_SUPPORT_EMAIL_EXISTS,
         FEDERATION_STOP: env.URL_SUPPORT_FEDERATION_STOP,
         HISTORY: env.URL_SUPPORT_HISTORY,

server/config/env.ts

@@ -323,6 +323,8 @@ export type Env = {
 
   URL_SUPPORT_E2EI_VERIFICATION: string;
 
+  URL_SUPPORT_E2EI_VERIFICATION_CERTIFICATE: string;
+
   URL_SUPPORT_DECRYPT_ERROR: string;
 
   URL_SUPPORT_PRIVACY_UNVERIFIED_USERS: string;

src/script/E2EIdentity/Modals/Modals.ts

@@ -88,6 +88,8 @@ export const getModalOptions = ({
 
   const settingsChangedParagraph = t('acme.settingsChanged.paragraph', undefined, {br: '<br>', ...replaceLearnMore});
 
+  const supportUrl = Config.getConfig().URL.SUPPORT.E2EI_VERIFICATION_CERTIFICATE;
+
   switch (type) {
     case ModalType.ENROLL:
       options = {
@@ -115,14 +117,8 @@ export const getModalOptions = ({
         text: {
           closeBtnLabel: t('acme.renewCertificate.button.close'),
           htmlMessage: extraParams?.isGracePeriodOver
-            ? // @ts-expect-error
-              // the "url" should be provided
-              // TODO: check it when changing this code
-              t('acme.renewCertificate.gracePeriodOver.paragraph')
-            : // @ts-expect-error
-              // the "url" should be provided
-              // TODO: check it when changing this code
-              t('acme.renewCertificate.paragraph'),
+            ? t('acme.renewCertificate.gracePeriodOver.paragraph', {url: supportUrl})
+            : t('acme.renewCertificate.paragraph', {url: supportUrl}),
           title: t('acme.renewCertificate.headline.alt'),
         },
         primaryAction: {
@@ -160,10 +156,10 @@ export const getModalOptions = ({
       options = {
         text: {
           closeBtnLabel: t('acme.settingsChanged.button.close'),
-          // @ts-expect-error
-          // the "url" should be provided
-          // TODO: check it when changing this code
-          htmlMessage: t('acme.remindLater.paragraph', {delayTime: extraParams?.delayTime}),
+          htmlMessage: t('acme.remindLater.paragraph', {
+            delayTime: extraParams?.delayTime ?? 0,
+            url: supportUrl,
+          }),
           title: t('acme.settingsChanged.headline.alt'),
         },
         primaryAction: {
@@ -214,10 +210,9 @@ export const getModalOptions = ({
         text: {
           closeBtnLabel: t('acme.done.button.close'),
           htmlMessage: `<div style="text-align: center">${svgHtml}${
-            // @ts-expect-error
-            // the "url" should be provided
-            // TODO: check it when changing this code
-            extraParams?.isRenewal ? t('acme.renewal.done.paragraph') : t('acme.done.paragraph')
+            extraParams?.isRenewal
+              ? t('acme.renewal.done.paragraph', {url: supportUrl})
+              : t('acme.done.paragraph', {url: supportUrl})
           }</div>`,
           title: extraParams?.isRenewal ? t('acme.renewal.done.headline') : t('acme.done.headline'),
         },