Merge pull request #2817 from ORCID/lmendoza/PD-5445

PD-5445

Author: cryptalith

projects/orcid-registry-ui/src/lib/components/auth-challenge/auth-challenge.component.html

@@ -25,14 +25,7 @@ <h1 class="orc-font-heading-small text-center font-normal" i18n>
       >and</ng-container
     >&nbsp;}@if (showTwoFactorField) {<ng-container i18n
       >a two-factor authentication code</ng-container
-    >&nbsp;}<ng-container
-      i18n="
-        auth challenge action clause|Clause in the verification sentence before
-        a dynamic action fragment. actionDescription is a translated verb phrase
-        like 'disable 2FA', 'unlink the alternate sign in account', or 'complete
-        your password reset'. Keep the sentence natural in your
-        language.@@authChallenge.toActionDescription"
-      >to {{ actionDescription }}</ng-container
+    >&nbsp;}<ng-container>{{ actionDescription }}</ng-container
     >@if (boldText) {&nbsp;<b>{{ boldText }}</b
     >}@if (trailingText) {&nbsp;{{ trailingText }}}
   </p>

projects/orcid-ui-docs/src/app/pages/orcid-registry-ui/auth-challenge-page.component.html

@@ -93,7 +93,7 @@ <h4>2A. Usage via MatDialog</h4>
     &#123;
       data: &#123;
         parentForm: this.form,
-        actionDescription: 'unlink the alternate sign in account',
+        actionDescription: 'to unlink the alternate sign in account',
         boldText: 'Google',
         trailingText: 'to continue.',
         showTwoFactorField: this.twoFactorState, // true or false
@@ -139,7 +139,7 @@ <h4>2B. Usage via CdkPortalOutlet</h4>
 
   // Bind inputs directly to the instance
   componentRef.instance.parentForm = this.form;
-  componentRef.instance.actionDescription = 'complete your password reset';
+  componentRef.instance.actionDescription = 'to complete your password reset';
   componentRef.instance.showPasswordField = false;
 
   componentRef.instance.submitAttempt.subscribe(() => &#123;
@@ -214,7 +214,7 @@ <h4>4. Backend Implementation</h4>
       <li>
         <code style="font-weight: bold">actionDescription</code>:
         <code>string</code>. The contextual text for what the user is doing
-        (e.g. <code>'unlink the alternate sign in account'</code>).
+        (e.g. <code>'to unlink the alternate sign in account'</code>).
       </li>
       <li>
         <code style="font-weight: bold">boldText</code>: <code>string</code>.

projects/orcid-ui-docs/src/app/pages/orcid-registry-ui/auth-challenge-page.component.ts

@@ -40,7 +40,7 @@ import { takeUntil } from 'rxjs/operators'
 export class AuthChallengePageComponent implements OnInit {
   showPasswordField = true
   showTwoFactorField = true
-  actionDescription = 'perform this action on'
+  actionDescription = 'to perform this action on'
   boldText = 'Example Account'
   trailingText = 'to continue.'
   form: UntypedFormGroup