diff --git a/apps/golden-sample-app/src/app/app.component.html b/apps/golden-sample-app/src/app/app.component.html
index 8d165c12c..5cd0d6d0d 100644
--- a/apps/golden-sample-app/src/app/app.component.html
+++ b/apps/golden-sample-app/src/app/app.component.html
@@ -8,45 +8,28 @@
       layoutService.isHighResolutionView$ | async
   }"
 >
-  <!-- Dummy text -->
   <!-- Topbar Area -->
   <nav class="bb-layout__topbar">
     <!-- Skip to content -->
     <button
-      aria-label="skip to content"
-      i18n-aria-label="
-        Move focus to beginning of content - 'skip to content'|This string is
-        used as the aria-label for a button that moves the focus to the
-        beginning of the content. It is presented to the user as an
-        accessibility feature to quickly navigate to the main content section.
-        This aria-label is located in the topbar area of the
-        layout.@@move-focus-to-beginning-of-content"
+      [ariaLabel]="appTranslations['move-focus-to-beginning-of-content']"
       class="bb-layout__skip-to-content"
       (click)="focusMainContainer($event)"
-      i18n="
-        Skip to content - 'Skip to content'|This string is used as the text for
-        a button that moves the focus to the beginning of the content. It is
-        presented to the user as an accessibility feature to quickly navigate to
-        the main content section. This text is located in the topbar area of the
-        layout.@@skip-to-content"
     >
-      Skip to Content
+      {{ appTranslations['skip-to-content'] }}
     </button>
 
     <!-- Hamburger -->
     <button
       class="bb-layout__nav-expand-marker"
-      aria-label="Toggle sidebar"
-      i18n-aria-label="
-        Sidebar Toggler - 'Toggle sidebar'|This string is used as the aria-label
-        for a button that toggles the sidebar state. It is presented to the user
-        as an accessibility feature to indicate the button's function. This
-        aria-label is located in the topbar area of the
-        layout.@@bb-layout.sidebar_toggler"
-      [attr.aria-expanded]="layoutService.navigationExpanded$ | async"
+      [ariaLabel]="appTranslations['bb-layout.sidebar_toggler']"
+      [ariaExpanded]="layoutService.navigationExpanded$ | async"
       (click)="layoutService.toggleNav()"
     >
       <span class="bb-icon"></span>
+      <span class="sr-only">{{
+        appTranslations['bb-layout.sidebar_toggler']
+      }}</span>
     </button>
 
     <!-- Logo -->
@@ -70,16 +53,8 @@
             class="bb-layout__vertical-nav-item-icon"
             name="payments"
           ></bb-icon-ui>
-          <span
-            class="bb-layout__horizontal-nav-item-description"
-            i18n="
-              Make transfer link - 'Make transfer'|This string is used as the
-              text for a link that navigates to the transfer page. It is
-              presented to the user as a navigation item in the horizontal
-              navigation bar. This text is located in the navigation items
-              section of the layout.@@main.transfer.link.text"
-          >
-            Make transfer
+          <span class="bb-layout__horizontal-nav-item-description">
+            {{ appTranslations['main.transfer.link.text'] }}
           </span>
         </a>
       </li>
@@ -103,11 +78,8 @@
             name="transactions"
             size="md"
           ></bb-icon-ui>
-          <span
-            class="bb-layout__horizontal-nav-item-description"
-            i18n="transactions list link@@main.transactions.link.text"
-          >
-            Entitlements test - No grouping.
+          <span class="bb-layout__horizontal-nav-item-description">
+            {{ appTranslations['main.entitlements-test-no-grouping.text'] }}
           </span>
         </a>
       </li>
@@ -131,11 +103,8 @@
             name="transactions"
             size="md"
           ></bb-icon-ui>
-          <span
-            class="bb-layout__horizontal-nav-item-description"
-            i18n="transactions list link@@main.transactions.link.text"
-          >
-            Entitlements test - Grouping.
+          <span class="bb-layout__horizontal-nav-item-description">
+            {{ appTranslations['main.entitlements-test-grouping.text'] }}
           </span>
         </a>
       </li>
@@ -159,11 +128,8 @@
             name="transactions"
             size="md"
           ></bb-icon-ui>
-          <span
-            class="bb-layout__horizontal-nav-item-description"
-            i18n="transactions list link@@main.transactions.link.text"
-          >
-            Entitlements test - Nested groups.
+          <span class="bb-layout__horizontal-nav-item-description">
+            {{ appTranslations['main.entitlements-test-nested-groups.text'] }}
           </span>
         </a>
       </li>
@@ -187,11 +153,12 @@
             name="transactions"
             size="md"
           ></bb-icon-ui>
-          <span
-            class="bb-layout__horizontal-nav-item-description"
-            i18n="transactions list link@@main.transactions.link.text"
-          >
-            Entitlements test - Using NOT operators on groups.
+          <span class="bb-layout__horizontal-nav-item-description">
+            {{
+              appTranslations[
+                'main.entitlements-test-using-not-operators-on-groups.text'
+              ]
+            }}
           </span>
         </a>
       </li>
@@ -215,11 +182,12 @@
             name="transactions"
             size="md"
           ></bb-icon-ui>
-          <span
-            class="bb-layout__horizontal-nav-item-description"
-            i18n="transactions list link@@main.transactions.link.text"
-          >
-            Entitlements test - Using multiple NOT operators on groups.
+          <span class="bb-layout__horizontal-nav-item-description">
+            {{
+              appTranslations[
+                'main.entitlements-test-using-multiple-not-operators-on-groups.text'
+              ]
+            }}
           </span>
         </a>
       </li>
@@ -241,16 +209,8 @@
             name="transactions"
             size="md"
           ></bb-icon-ui>
-          <span
-            class="bb-layout__horizontal-nav-item-description"
-            i18n="
-              Transactions list link - 'Transactions List'|This string is used
-              as the text for a link that navigates to the transactions list
-              page. It is presented to the user as a navigation item in the
-              horizontal navigation bar. This text is located in the navigation
-              items section of the layout.@@main.transactions.link.text"
-          >
-            Transactions List
+          <span class="bb-layout__horizontal-nav-item-description">
+            {{ appTranslations['main.transactions.link.text'] }}
           </span>
         </a>
       </li>
@@ -271,16 +231,8 @@
             class="bb-layout__vertical-nav-item-icon"
             name="note"
           ></bb-icon-ui>
-          <span
-            class="bb-layout__horizontal-nav-item-description"
-            i18n="
-              Positive pay link - 'Positive Pay'|This string is used as the text
-              for a link that navigates to the Positive Pay page. It is
-              presented to the user as a navigation item in the horizontal
-              navigation bar. This text is located in the navigation items
-              section of the layout.@@main.positive-pay.link.text"
-          >
-            Positive Pay
+          <span class="bb-layout__horizontal-nav-item-description">
+            {{ appTranslations['main.positive-pay.link.text'] }}
           </span>
         </a>
       </li>
@@ -302,16 +254,8 @@
             name="verified-user"
           ></bb-icon-ui>
 
-          <span
-            class="bb-layout__horizontal-nav-item-description"
-            i18n="
-              Ach Positive pay link - 'ACH Positive Pay'|This string is used as
-              the text for a link that navigates to the ACH Positive Pay page.
-              It is presented to the user as a navigation item in the horizontal
-              navigation bar. This text is located in the navigation items
-              section of the layout.@@main.ach-positive-pay.link.text"
-          >
-            ACH Positive Pay
+          <span class="bb-layout__horizontal-nav-item-description">
+            {{ appTranslations['main.ach-positive-pay.link.text'] }}
           </span>
         </a>
       </li>
@@ -330,16 +274,8 @@
             name="verified-user"
           ></bb-icon-ui>
 
-          <span
-            class="bb-layout__horizontal-nav-item-description"
-            i18n="
-              Make a Payment Link - 'Make internal payment'|This string is used
-              as the text for a link that navigates to the internal payment
-              page. It is presented to the user as a navigation item in the
-              horizontal navigation bar. This text is located in the navigation
-              items section of the layout.@@main.make-a-payment.link.text"
-          >
-            Make internal payment
+          <span class="bb-layout__horizontal-nav-item-description">
+            {{ appTranslations['main.make-a-payment.link.text'] }}
           </span>
         </a>
       </li>
diff --git a/apps/golden-sample-app/src/app/app.component.scss b/apps/golden-sample-app/src/app/app.component.scss
index 115eee216..e9d4ad2dd 100644
--- a/apps/golden-sample-app/src/app/app.component.scss
+++ b/apps/golden-sample-app/src/app/app.component.scss
@@ -1,3 +1,14 @@
 .main-content {
   padding: 20px;
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
 }
\ No newline at end of file
diff --git a/apps/golden-sample-app/src/app/app.component.ts b/apps/golden-sample-app/src/app/app.component.ts
index f9d763c83..f25b48c8b 100644
--- a/apps/golden-sample-app/src/app/app.component.ts
+++ b/apps/golden-sample-app/src/app/app.component.ts
@@ -7,6 +7,7 @@ import {
   Tracker,
 } from '@backbase/foundation-ang/observability';
 import { environment } from '../environments/environment';
+import { AppTranslations, appTranslations } from './translation-catalog';
 
 @Component({
   selector: 'app-root',
@@ -17,6 +18,7 @@ export class AppComponent {
   triplets = triplets;
   isAuthenticated = false;
 
+  public readonly appTranslations: AppTranslations = appTranslations;
   constructor(
     private oAuthService: OAuthService,
     public layoutService: LayoutService,
diff --git a/apps/golden-sample-app/src/app/components/view-wrapper/view-wrapper.component.ts b/apps/golden-sample-app/src/app/components/view-wrapper/view-wrapper.component.ts
index 83f23cb1f..64c5fe91d 100644
--- a/apps/golden-sample-app/src/app/components/view-wrapper/view-wrapper.component.ts
+++ b/apps/golden-sample-app/src/app/components/view-wrapper/view-wrapper.component.ts
@@ -9,5 +9,5 @@ export class ViewWrapperComponent {
   @Input()
   title = this.route.snapshot.data['title'];
 
-  constructor(private route: ActivatedRoute) {}
+  constructor(private readonly route: ActivatedRoute) {}
 }
diff --git a/apps/golden-sample-app/src/app/custom-payment/components/initiator/initiator.component.ts b/apps/golden-sample-app/src/app/custom-payment/components/initiator/initiator.component.ts
index 25590a80d..8634a0560 100644
--- a/apps/golden-sample-app/src/app/custom-payment/components/initiator/initiator.component.ts
+++ b/apps/golden-sample-app/src/app/custom-payment/components/initiator/initiator.component.ts
@@ -55,7 +55,7 @@ export class InitiatorComponent implements OnInit, PaymentFormField {
   requiredMessage!: string;
 
   // Form controls based on InitiatorDetails
-  private initiatorFormControls: InitiatorFields[] = [
+  private readonly initiatorFormControls: InitiatorFields[] = [
     InitiatorFields.id,
     InitiatorFields.name,
     InitiatorFields.accountNumber,
diff --git a/apps/golden-sample-app/src/app/custom-payment/custom-payment.config.ts b/apps/golden-sample-app/src/app/custom-payment/custom-payment.config.ts
index 1c0abd397..636ebfc89 100644
--- a/apps/golden-sample-app/src/app/custom-payment/custom-payment.config.ts
+++ b/apps/golden-sample-app/src/app/custom-payment/custom-payment.config.ts
@@ -18,6 +18,11 @@ import {
 
 import { InitiatorComponent } from './components/initiator/initiator.component';
 import { Validators } from '@angular/forms';
+import {
+  customPaymentConfigTranslations,
+  internalTransfersPaymentConfigTranslations,
+  paymentFormGroupTranslations,
+} from './translations-catalog';
 
 /**
  * Configuration group contains 1 field:
@@ -34,14 +39,16 @@ const initiator: PaymentFormGroup = {
       type: 'customInitiator',
       name: InitiatorFields.initiatorAccountGroup,
       options: {
-        label: $localize`:Initiator Label - 'From'|This string is used as a label for the initiator account selection field in the custom payment form. It is presented to the user when they need to select an account to transfer from. This label is located in the custom payment form layout.@@internal-config.initiator-label:From`,
-        placeholder: $localize`:Initiator Placeholder - 'Select an account'|This string is used as a placeholder for the initiator account selection field in the custom payment form. It is presented to the user when they need to select an account to transfer from. This placeholder is located in the custom payment form layout.@@internal-config.initiator-placeholder:Select an account`,
+        label: paymentFormGroupTranslations.customInitiator.label,
+        placeholder: paymentFormGroupTranslations.customInitiator.placeholder,
         cssClasses: ['col-12', 'bb-block', 'bb-block--lg'],
         validators: [Validators.required],
         validationMessages: [
           {
             name: 'required',
-            message: $localize`:Initiator Required Field Validation Message - 'Please select an account from the list to transfer from'|This string is used as a validation message for the initiator account selection field in the custom payment form. It is presented to the user when they attempt to submit the form without selecting an account to transfer from. This message is located in the custom payment form layout.@@mediator:Please select an account from the list to transfer from`,
+            message:
+              paymentFormGroupTranslations.customInitiator.validationMessage
+                ?.required ?? '',
           },
         ],
       },
@@ -62,13 +69,16 @@ const counterParty: PaymentFormGroup = {
       type: PaymentComponents.internalAccountSelector,
       name: CounterPartyFields.counterPartyAccountGroup,
       options: {
-        label: $localize`:Beneficiary Label - 'To'|This string is used as a label for the beneficiary account selection field in the custom payment form and in the internal transfer form. It is presented to the user when they need to select an account to transfer to. This label is located in the custom payment form layout and in the internal transfer form layout.@@internal-config.beneficiary-label:To`,
-        placeholder: $localize`:Beneficiary Placeholder - 'Select an account'|This string is used as a placeholder for the beneficiary account selection field in the custom payment form and in the internal transfer form. It is presented to the user when they need to select an account to transfer to. This placeholder is located in the custom payment form layout and in the internal transfer form layout.@@internal-config.beneficiary-placeholder:Select an account`,
+        label: paymentFormGroupTranslations.internalAccountSelector.label,
+        placeholder:
+          paymentFormGroupTranslations.internalAccountSelector.placeholder,
         cssClasses: ['col-12', 'bb-block', 'bb-block--lg'],
         validationMessages: [
           {
             name: 'required',
-            message: $localize`:Beneficiary Required Field Validation Message - 'Please select an account from the list to transfer to'|This string is used as a validation message for the beneficiary account selection field in the custom payment form. It is presented to the user when they attempt to submit the form without selecting an account to transfer to. This message is located in the custom payment form layout.@@internal-config.beneficiary-required-messag:Please select an account from the list to transfer to`,
+            message:
+              paymentFormGroupTranslations.internalAccountSelector
+                .validationMessage?.required ?? '',
           },
         ],
       },
@@ -92,7 +102,7 @@ const remittanceInfo: PaymentFormGroup = {
       name: PaymentComponents.header,
       options: {
         cssClasses: ['col-12', 'pb-0', 'pt-2', 'bb-fieldset__heading'],
-        heading: $localize`:Payment details heading - 'Payment details'|This string is used as a heading for the remittance info as a header in the custom payment journey.It is presented to the user when they need to check the remittent of payment details@@internal-config.remittance-info-heading:Payment details`,
+        heading: paymentFormGroupTranslations.remittanceInfoHeader.heading,
         headingType: 'h2',
         headingClasses: ['mb-0'],
         separatorLine: true,
@@ -102,7 +112,8 @@ const remittanceInfo: PaymentFormGroup = {
       type: PaymentComponents.amount,
       name: RemittanceInfoFields.amountCurrencyGroup,
       options: {
-        label: $localize`:Amount Label - 'Amount'|This string is used as a label for the amount input field in the custom payment form. It is presented to the user when they need to enter the amount for the transfer. This label is located in the custom payment form layout.@@internal-config.amount-label:Amount`,
+        label:
+          paymentFormGroupTranslations.remittanceInfoAmountCurrencyGroup.label,
         cssClasses: ['d-block', 'align-top'],
         currencies: ['USD'],
         defaultValue: {
@@ -112,11 +123,15 @@ const remittanceInfo: PaymentFormGroup = {
         validationMessages: [
           {
             name: 'invalidAmount',
-            message: $localize`:Invalid Amount Validation Message - 'Please enter an amount of this transfer'|This string is used as a validation message for the amount input field in the custom payment form. It is presented to the user when they enter an invalid amount for the transfer. This message is located in the custom payment form layout.@@internal-config.invalid-amount-message:Please enter an amount of this transfer`,
+            message:
+              paymentFormGroupTranslations.remittanceInfoAmountCurrencyGroup
+                .validationMessage?.invalidAmount ?? '',
           },
           {
             name: 'fundingBalence',
-            message: $localize`:Funding Balance Validation Message - 'Funding account balance is less than payment amount.|This string is used as a validation message for the amount input field in the custom payment form. It is presented to the user when the funding account balance is less than the payment amount. This message is located in the custom payment form layout.@@internal-config.funding-balance-message:Funding account balance is less than payment amount.`,
+            message:
+              paymentFormGroupTranslations.remittanceInfoAmountCurrencyGroup
+                .validationMessage?.fundingBalence ?? '',
           },
         ],
       },
@@ -126,13 +141,15 @@ const remittanceInfo: PaymentFormGroup = {
       type: PaymentComponents.textarea,
       name: RemittanceInfoFields.description,
       options: {
-        label: $localize`:Add Note Label - 'Add Note'|This string is used as a label for the note input field in the custom payment form. It is presented to the user when they need to add a note or description for the transfer. This label is located in the custom payment form layout.@@internal-config.add-note-label:Add Note`,
-        placeholder: $localize`:Add Note Placeholder - 'Enter transfer description'|This string is used as a placeholder for the note input field in the custom payment form. It is presented to the user when they need to add a note or description for the transfer. This placeholder is located in the custom payment form layout.@@internal-config.add-Enter transfer description-placeholder:Enter transfer description`,
+        label: paymentFormGroupTranslations.remittanceInfoDescription.label,
+        placeholder:
+          paymentFormGroupTranslations.remittanceInfoDescription.placeholder,
         showCharCounter: true,
         minLength: 0,
         rows: 2,
         maxLength: 140,
-        helperText: $localize`:Add Note Helper Text - ' (Optional)'|This string is used as helper text for the note input field in the custom payment form. It is presented to the user to indicate that adding a note or description for the transfer is optional. This helper text is located in the custom payment form layout.@@internal-config.add-memo-helper-text: (Optional)`,
+        helperText:
+          paymentFormGroupTranslations.remittanceInfoDescription.helperText,
         cssClasses: ['bb-block', 'bb-block--lg'],
       },
     },
@@ -169,10 +186,10 @@ const schedule: PaymentFormGroup = {
 
 export const INTERNAL_TRANSFERS: PaymentTypeConfig = {
   fields: [initiator, counterParty, remittanceInfo, schedule],
-  name: $localize`:Internal Transfer Name - 'Internal Transfer'|This string is used as the name for the internal transfer payment type configuration. It is presented to the user when they are selecting or viewing the internal transfer payment type. This name is located in the internal transfer payment type configuration.@@internal-config.name:Internal Transfer`,
+  name: internalTransfersPaymentConfigTranslations.name,
   // dummy payment type and business function for the sake of this example
   paymentType: 'INTERNAL_TRANSFER',
-  businessFunction: $localize`:Business Function for Internal Transfer - 'A2A Transfer'|This string is used as the business function identifier for the internal transfer payment type configuration. It is used internally to specify the type of business function associated with the internal transfer. This identifier is located in the internal transfer payment type configuration.@@internal-config.business-function:A2A Transfer`,
+  businessFunction: internalTransfersPaymentConfigTranslations.businessFunction,
   // customFields property needs to be set here too due to a known bug
   customFields: {
     customInitiator: InitiatorComponent,
@@ -187,8 +204,7 @@ export const customPaymentConfig: InitiatePaymentConfig = {
     enableSavePaymentAsTemplate: false,
     reviewScreenType: ReviewScreens.ADAPTED,
     isModalView: false,
-    header: () =>
-      $localize`:Make a Payment Link - 'Make internal payment (custom)'|This string is used as the header text for the custom payment form. It is presented to the user when they are making an internal payment using the custom payment form. This header is located at the top of the custom payment form layout.@@main.make-a-payment.link.text:Make internal payment (custom)`,
+    header: () => customPaymentConfigTranslations.header,
   },
   /**
    * Use hooks to perform additional logic at different stages of Payments journey. For eg,
diff --git a/apps/golden-sample-app/src/app/custom-payment/translations-catalog.ts b/apps/golden-sample-app/src/app/custom-payment/translations-catalog.ts
new file mode 100644
index 000000000..11194c947
--- /dev/null
+++ b/apps/golden-sample-app/src/app/custom-payment/translations-catalog.ts
@@ -0,0 +1,77 @@
+export interface CustomPaymentOptionsTranslations {
+  label?: string;
+  placeholder?: string;
+  validationMessage?: {
+    required?: string;
+    invalidAmount?: string;
+    fundingBalence?: string;
+  };
+  heading?: string;
+  helperText?: string;
+}
+export interface CustomPaymentFieldOptions {
+  customInitiator: CustomPaymentOptionsTranslations;
+  internalAccountSelector: CustomPaymentOptionsTranslations;
+  remittanceInfoHeader: CustomPaymentOptionsTranslations;
+  remittanceInfoAmountCurrencyGroup: CustomPaymentOptionsTranslations;
+  remittanceInfoDescription: CustomPaymentOptionsTranslations;
+}
+export interface InternalTransfersPaymentConfig {
+  name: string;
+  businessFunction: string;
+}
+export interface CustomPaymentConfigTranslations {
+  header: string;
+}
+export const internalTransfersPaymentConfigTranslations: InternalTransfersPaymentConfig =
+  {
+    name: $localize`:Internal Transfer Name - 'Internal Transfer'|This string is used as the name for the internal transfer payment type configuration. It is presented to the user when they are selecting or viewing the internal transfer payment type. This name is located in the internal transfer payment type configuration.@@internal-config.name:Internal Transfer`,
+    businessFunction: $localize`:Business Function for Internal Transfer - 'A2A Transfer'|This string is used as the business function identifier for the internal transfer payment type configuration. It is used internally to specify the type of business function associated with the internal transfer. This identifier is located in the internal transfer payment type configuration.@@internal-config.business-function:A2A Transfer`,
+  };
+export const customPaymentConfigTranslations: CustomPaymentConfigTranslations =
+  {
+    header: $localize`:Make a Payment Link - 'Make internal payment (custom)'|This string is used as the header text for the custom payment form. It is presented to the user when they are making an internal payment using the custom payment form. This header is located at the top of the custom payment form layout.@@main.make-a-payment.link.text:Make internal payment (custom)`,
+  };
+export const paymentFormGroupTranslations: CustomPaymentFieldOptions = {
+  customInitiator: {
+    label: $localize`:Initiator Label - 'From'|This string is used as a label for the initiator account selection field in the custom payment form. It is presented to the user when they need to select an account to transfer from. This label is located in the custom payment form layout.@@internal-config.initiator-label:From`,
+    placeholder: $localize`:Initiator Placeholder - 'Select an account'|This string is used as a placeholder for the initiator account selection field in the custom payment form. It is presented to the user when they need to select an account to transfer from. This placeholder is located in the custom payment form layout.@@internal-config.initiator-placeholder:Select an account`,
+    validationMessage: {
+      required: $localize`:Initiator Required Field Validation Message - 'Please select an account from the list to transfer from'|This string is used as a validation message for the initiator account selection field in the custom payment form. It is presented to the user when they attempt to submit the form without selecting an account to transfer from. This message is located in the custom payment form layout.@@mediator:Please select an account from the list to transfer from`,
+    },
+  },
+  internalAccountSelector: {
+    label: $localize`:Beneficiary Label - 'To'|This string is used as a label for the beneficiary account selection field in the custom payment form and in the internal transfer form. It is presented to the user when they need to select an account to transfer to. This label is located in the custom payment form layout and in the internal transfer form layout.@@internal-config.beneficiary-label:To`,
+    placeholder: $localize`:Beneficiary Placeholder - 'Select an account'|This string is used as a placeholder for the beneficiary account selection field in the custom payment form and in the internal transfer form. It is presented to the user when they need to select an account to transfer to. This placeholder is located in the custom payment form layout and in the internal transfer form layout.@@internal-config.beneficiary-placeholder:Select an account`,
+    validationMessage: {
+      required: $localize`:Beneficiary Required Field Validation Message - 'Please select an account from the list to transfer to'|This string is used as a validation message for the beneficiary account selection field in the custom payment form. It is presented to the user when they attempt to submit the form without selecting an account to transfer to. This message is located in the custom payment form layout.@@internal-config.beneficiary-required-messag:Please select an account from the list to transfer to`,
+    },
+  },
+  remittanceInfoHeader: {
+    heading: $localize`:Payment details heading - 'Payment details'|This string is used as a heading for the remittance info as a header in the custom payment journey.It is presented to the user when they need to check the remittent of payment details@@internal-config.remittance-info-heading:Payment details`,
+  },
+  remittanceInfoAmountCurrencyGroup: {
+    label: $localize`:Amount Label - 'Amount'|This string is used as a label for the amount input field in the custom payment form. It is presented to the user when they need to enter the amount for the transfer. This label is located in the custom payment form layout.@@internal-config.amount-label:Amount`,
+    validationMessage: {
+      invalidAmount: $localize`:Invalid Amount Validation Message - 'Please enter an amount of this transfer'|This string is used as a validation message for the amount input field in the custom payment form. It is presented to the user when they enter an invalid amount for the transfer. This message is located in the custom payment form layout.@@internal-config.invalid-amount-message:Please enter an amount of this transfer`,
+      fundingBalence: $localize`:Funding Balance Validation Message - 'Funding account balance is less than payment amount.|This string is used as a validation message for the amount input field in the custom payment form. It is presented to the user when the funding account balance is less than the payment amount. This message is located in the custom payment form layout.@@internal-config.funding-balance-message:Funding account balance is less than payment amount.`,
+    },
+  },
+  remittanceInfoDescription: {
+    label: $localize`:Add Note Label - 'Add Note'|This string is used as a label for the note input field in the custom payment form. It is presented to the user when they need to add a note or description for the transfer. This label is located in the custom payment form layout.@@internal-config.add-note-label:Add Note`,
+    placeholder: $localize`:Add Note Placeholder - 'Enter transfer description'|This string is used as a placeholder for the note input field in the custom payment form. It is presented to the user when they need to add a note or description for the transfer. This placeholder is located in the custom payment form layout.@@internal-config.add-Enter transfer description-placeholder:Enter transfer description`,
+    helperText: $localize`:Add Note Helper Text - ' (Optional)'|This string is used as helper text for the note input field in the custom payment form. It is presented to the user to indicate that adding a note or description for the transfer is optional. This helper text is located in the custom payment form layout.@@internal-config.add-memo-helper-text: (Optional)`,
+  },
+};
+export const counterPartyCustomPaymentTranslations: CustomPaymentOptionsTranslations =
+  {
+    label: $localize`:Beneficiary Label - 'To'|This string is used as a label for the beneficiary account selection field in the custom payment form and in the internal transfer form. It is presented to the user when they need to select an account to transfer to. This label is located in the custom payment form layout and in the internal transfer form layout.@@internal-config.beneficiary-label:To`,
+    placeholder: $localize`:Beneficiary Placeholder - 'Select an account'|This string is used as a placeholder for the beneficiary account selection field in the custom payment form and in the internal transfer form. It is presented to the user when they need to select an account to transfer to. This placeholder is located in the custom payment form layout and in the internal transfer form layout.@@internal-config.beneficiary-placeholder:Select an account`,
+    validationMessage: {
+      required: $localize`:Beneficiary Required Field Validation Message - 'Please select an account from the list to transfer to'|This string is used as a validation message for the beneficiary account selection field in the custom payment form. It is presented to the user when they attempt to submit the form without selecting an account to transfer to. This message is located in the custom payment form layout.@@internal-config.beneficiary-required-messag:Please select an account from the list to transfer to`,
+    },
+  };
+export const remittanceInfoCustomPaymentTranslations: CustomPaymentOptionsTranslations =
+  {
+    heading: $localize`:Payment details heading - 'Payment details'|This string is used as a heading for the remittance info as a header in the custom payment journey.It is presented to the user when they need to check the remittent of payment details@@internal-config.remittance-info-heading:Payment details`,
+  };
diff --git a/apps/golden-sample-app/src/app/translation-catalog.ts b/apps/golden-sample-app/src/app/translation-catalog.ts
new file mode 100644
index 000000000..fcf7dccfa
--- /dev/null
+++ b/apps/golden-sample-app/src/app/translation-catalog.ts
@@ -0,0 +1,84 @@
+export interface AppTranslations {
+  'move-focus-to-beginning-of-content': string;
+  'skip-to-content': string;
+  'bb-layout.sidebar_toggler': string;
+  'main.transfer.link.text': string;
+  'main.transactions.link.text': string;
+  'main.positive-pay.link.text': string;
+  'main.ach-positive-pay.link.text': string;
+  'main.make-a-payment.link.text': string;
+  'main.entitlements-test-no-grouping.text': string;
+  'main.entitlements-test-grouping.text': string;
+  'main.entitlements-test-nested-groups.text': string;
+  'main.entitlements-test-using-not-operators-on-groups.text': string;
+  'main.entitlements-test-using-multiple-not-operators-on-groups.text': string;
+}
+
+export const appTranslations: AppTranslations = {
+  'move-focus-to-beginning-of-content': $localize`:Move focus to beginning of content - 'skip to content'|This string is
+        used as the aria-label for a button that moves the focus to the
+        beginning of the content. It is presented to the user as an
+        accessibility feature to quickly navigate to the main content section.
+        This aria-label is located in the topbar area of the
+        layout.@@move-focus-to-beginning-of-content:skip to content`,
+  'skip-to-content': $localize`:Skip to content - 'Skip to content'|This string is used as the text for
+        a button that moves the focus to the beginning of the content. It is
+        presented to the user as an accessibility feature to quickly navigate to
+        the main content section. This text is located in the topbar area of the
+        layout.@@skip-to-content:Skip to content`,
+  'bb-layout.sidebar_toggler': $localize`:Sidebar Toggler - 'Toggle sidebar'|This string is used as the aria-label
+        for a button that toggles the sidebar state. It is presented to the user
+        as an accessibility feature to indicate the button's function. This
+        aria-label is located in the topbar area of the
+        layout.@@bb-layout.sidebar_toggler:Toggle sidebar`,
+  'main.transfer.link.text': $localize`:Make transfer link - 'Make transfer'|This string is used as the
+              text for a link that navigates to the transfer page. It is
+              presented to the user as a navigation item in the horizontal
+              navigation bar. This text is located in the navigation items
+              section of the layout.@@main.transfer.link.text:Make transfer`,
+  'main.transactions.link.text': $localize`:Transactions list link - 'Transactions List'|This string is used
+              as the text for a link that navigates to the transactions list
+              page. It is presented to the user as a navigation item in the
+              horizontal navigation bar. This text is located in the navigation
+              items section of the layout.@@main.transactions.link.text:Transactions List`,
+  'main.positive-pay.link.text': $localize`:Positive pay link - 'Positive Pay'|This string is used as the text
+              for a link that navigates to the Positive Pay page. It is
+              presented to the user as a navigation item in the horizontal
+              navigation bar. This text is located in the navigation items
+              section of the layout.@@main.positive-pay.link.text:Positive Pay`,
+  'main.ach-positive-pay.link.text': $localize`:Ach Positive pay link - 'ACH Positive Pay'|This string is used as
+              the text for a link that navigates to the ACH Positive Pay page.
+              It is presented to the user as a navigation item in the horizontal
+              navigation bar. This text is located in the navigation items
+              section of the layout.@@main.ach-positive-pay.link.text:ACH Positive Pay`,
+  'main.make-a-payment.link.text': $localize`:Make a Payment Link - 'Make internal payment'|This string is used
+              as the text for a link that navigates to the internal payment
+              page. It is presented to the user as a navigation item in the
+              horizontal navigation bar. This text is located in the navigation
+              items section of the layout.@@main.make-a-payment.link.text:Make internal payment`,
+  'main.entitlements-test-no-grouping.text': $localize`:Entitlements Test No Grouping - 'Entitlements Test No Groups'|This string is used
+              as the text for a link that navigates to the entitlements test
+              page. It is presented to the user as a navigation item in the
+              horizontal navigation bar. This text is located in the navigation
+              items section of the layout.@@main.entitlements-test-no-grouping.text:Ents. Test No Groups`,
+  'main.entitlements-test-grouping.text': $localize`:Entitlements Test Grouping - 'Entitlements Test Groups'|This string is used
+              as the text for a link that navigates to the entitlements test
+              page. It is presented to the user as a navigation item in the
+              horizontal navigation bar. This text is located in the navigation
+              items section of the layout.@@main.entitlements-test-grouping.text:Ents. Test Groups`,
+  'main.entitlements-test-nested-groups.text': $localize`:Entitlements Test Nested Groups - 'Entitlements Test Nested Groups'|This string is used
+              as the text for a link that navigates to the entitlements test
+              page. It is presented to the user as a navigation item in the
+              horizontal navigation bar. This text is located in the navigation
+              items section of the layout.@@main.entitlements-test-nested-groups.text:Ents. Test Nested Groups`,
+  'main.entitlements-test-using-not-operators-on-groups.text': $localize`:Entitlements Test Using Not Operators On Groups - 'Entitlements Test - Not Operators On Groups'|This string is used
+              as the text for a link that navigates to the entitlements test
+              page. It is presented to the user as a navigation item in the
+              horizontal navigation bar. This text is located in the navigation
+              items section of the layout.@@main.entitlements-test-using-not-operators-on-groups.text:Ents. Test - Not Operators On Groups`,
+  'main.entitlements-test-using-multiple-not-operators-on-groups.text': $localize`:Entitlements Test Using Multiple Not Operators On Groups - 'Entitlements Test - Multiple Not Operators On Groups'|This string is used
+              as the text for a link that navigates to the entitlements test
+              page. It is presented to the user as a navigation item in the
+              horizontal navigation bar. This text is located in the navigation
+              items section of the layout.@@main.entitlements-test-using-multiple-not-operators-on-groups.text:Ents. Test - Multiple Not Operators On Groups`,
+};
diff --git a/apps/golden-sample-app/src/app/user-accounts/translations-catalog.ts b/apps/golden-sample-app/src/app/user-accounts/translations-catalog.ts
new file mode 100644
index 000000000..d196acb7f
--- /dev/null
+++ b/apps/golden-sample-app/src/app/user-accounts/translations-catalog.ts
@@ -0,0 +1,39 @@
+export interface UserAccountsTranslations {
+  'app.userAccountsView.header': string;
+  'app.userAccountsView.balanceLabel': string;
+  'user-accounts.view-transactions': string;
+  'user-accounts.add-favorites': string;
+  'user-accounts.remove-favorites': string;
+}
+
+export const userAccountsTranslations: UserAccountsTranslations = {
+  'app.userAccountsView.header': $localize`:User accounts header - 'User accounts'|This string is used as the
+          header for the user accounts view page. It is presented to the user as
+          the title of the page when they view their user accounts. This header
+          is located at the top of the user accounts view
+          page.@@app.userAccountsView.header:User accounts`,
+  'app.userAccountsView.balanceLabel': $localize`:User account available balance label - 'Available balance'|This
+              string is used as the label for the available balance field in the
+              user accounts view. It is presented to the user to indicate the
+              available balance of their account. This label is located in the
+              body section of the user accounts view
+              page.@@app.userAccountsView.balanceLabel:Available balance`,
+  'user-accounts.view-transactions': $localize`:Label for View Transactions link - 'View Transactions'|This string
+              is used as the label for a link that navigates to the transactions
+              page. It is presented to the user as a link to view transactions
+              related to a specific account. This label is located in the body
+              section of the user accounts view
+              page.@@user-accounts.view-transactions:View Transactions`,
+  'user-accounts.add-favorites': $localize`:Label for Add to Favorites link - 'Add to Favorites'|This string
+                is used as the label for a link that adds an account to the
+                user's favorites. It is presented to the user as a link to mark
+                an account as a favorite. This label is located in the body
+                section of the user accounts view
+                page.@@user-accounts.add-favorites:Add to Favorites`,
+  'user-accounts.remove-favorites': $localize`:Label for Remove from Favorites link - 'Remove from
+                Favorites'|This string is used as the label for a link that
+                removes an account from the user's favorites. It is presented to
+                the user as a link to unmark an account as a favorite. This
+                label is located in the body section of the user accounts view
+                page.@@user-accounts.remove-favorites:Remove from Favorites`,
+};
diff --git a/apps/golden-sample-app/src/app/user-accounts/user-accounts-view/user-accounts-view.component.html b/apps/golden-sample-app/src/app/user-accounts/user-accounts-view/user-accounts-view.component.html
index 816ff3661..ff02a9741 100644
--- a/apps/golden-sample-app/src/app/user-accounts/user-accounts-view/user-accounts-view.component.html
+++ b/apps/golden-sample-app/src/app/user-accounts/user-accounts-view/user-accounts-view.component.html
@@ -1,16 +1,8 @@
 <div class="row">
   <div class="bb-card col-lg-6">
     <div class="bb-card__header">
-      <h1
-        class="bb-card__title"
-        i18n="
-          User accounts header - 'User accounts'|This string is used as the
-          header for the user accounts view page. It is presented to the user as
-          the title of the page when they view their user accounts. This header
-          is located at the top of the user accounts view
-          page.@@app.userAccountsView.header"
-      >
-        User accounts
+      <h1 class="bb-card__title">
+        {{ translations['app.userAccountsView.header'] }}
       </h1>
     </div>
 
@@ -33,14 +25,7 @@
             [amount]="account.availableBalance"
             [currency]="account.currency"
             [productNumber]="account.number"
-            balanceLabel="Available balance"
-            i18n-balanceLabel="
-              User account available balance label - 'Available balance'|This
-              string is used as the label for the available balance field in the
-              user accounts view. It is presented to the user to indicate the
-              available balance of their account. This label is located in the
-              body section of the user accounts view
-              page.@@app.userAccountsView.balanceLabel"
+            [balanceLabel]="translations['app.userAccountsView.balanceLabel']"
             [active]="false"
             [favorite]="account.favorite || false"
             data-role="arrangement-container"
@@ -48,40 +33,17 @@
           <a
             [routerLink]="['/transactions']"
             [queryParams]="{ account: account.id }"
-            i18n="
-              Label for View Transactions link - 'View Transactions'|This string
-              is used as the label for a link that navigates to the transactions
-              page. It is presented to the user as a link to view transactions
-              related to a specific account. This label is located in the body
-              section of the user accounts view
-              page.@@user-accounts.view-transactions"
           >
-            View Transactions
+            {{ translations['user-accounts.view-transactions'] }}
           </a>
           |
           <a routerLink="./" (click)="updateFavorite(account)" class="link">
-            <span
-              i18n="
-                Label for Add to Favorites link - 'Add to Favorites'|This string
-                is used as the label for a link that adds an account to the
-                user's favorites. It is presented to the user as a link to mark
-                an account as a favorite. This label is located in the body
-                section of the user accounts view
-                page.@@user-accounts.add-favorites"
-              *ngIf="!account.favorite"
-              >Add to Favorites</span
-            >
-            <span
-              i18n="
-                Label for Remove from Favorites link - 'Remove from
-                Favorites'|This string is used as the label for a link that
-                removes an account from the user's favorites. It is presented to
-                the user as a link to unmark an account as a favorite. This
-                label is located in the body section of the user accounts view
-                page.@@user-accounts.remove-favorites"
-              *ngIf="account.favorite"
-              >Remove from Favorites</span
-            >
+            <span *ngIf="!account.favorite">{{
+              translations['user-accounts.add-favorites']
+            }}</span>
+            <span *ngIf="account.favorite">{{
+              translations['user-accounts.remove-favorites']
+            }}</span>
           </a>
         </div>
       </div>
diff --git a/apps/golden-sample-app/src/app/user-accounts/user-accounts-view/user-accounts-view.component.ts b/apps/golden-sample-app/src/app/user-accounts/user-accounts-view/user-accounts-view.component.ts
index 9597ab8b7..967ea20c8 100644
--- a/apps/golden-sample-app/src/app/user-accounts/user-accounts-view/user-accounts-view.component.ts
+++ b/apps/golden-sample-app/src/app/user-accounts/user-accounts-view/user-accounts-view.component.ts
@@ -1,17 +1,34 @@
-import { Component, Optional } from '@angular/core';
+import { Component, Input, Optional } from '@angular/core';
 import { ArrangementsService } from '@backbase-gsa/transactions-journey';
 import { ProductSummaryItem } from '@backbase/arrangement-manager-http-ang';
 import { Tracker } from '@backbase/foundation-ang/observability';
+import {
+  userAccountsTranslations,
+  UserAccountsTranslations,
+} from '../translations-catalog';
 import {
   AddToFavoritesTrackerEvent,
   RemoveFromFavoritesTrackerEvent,
 } from '../../model/tracker-events';
+
 @Component({
   selector: 'app-user-accounts-view',
   templateUrl: './user-accounts-view.component.html',
 })
 export class UserAccountsViewComponent {
   public arrangements$ = this.arrangementsService.arrangements$;
+  private _translations: UserAccountsTranslations = {
+    ...userAccountsTranslations,
+  };
+
+  @Input()
+  set translations(value: Partial<UserAccountsTranslations>) {
+    this._translations = { ...userAccountsTranslations, ...value };
+  }
+
+  get translations(): UserAccountsTranslations {
+    return this._translations;
+  }
 
   constructor(
     private readonly arrangementsService: ArrangementsService,
diff --git a/libs/ach-positive-pay-journey/internal/feature/src/index.ts b/libs/ach-positive-pay-journey/internal/feature/src/index.ts
index bc6ccac9c..311da6a6b 100644
--- a/libs/ach-positive-pay-journey/internal/feature/src/index.ts
+++ b/libs/ach-positive-pay-journey/internal/feature/src/index.ts
@@ -1,2 +1,8 @@
 export { AchPositivePayJourneyComponent } from './lib/components/ach-positive-pay-journey/ach-positive-pay-journey.component';
 export { AchPositivePayNewRuleComponent } from './lib/components/ach-positive-pay-new-rule/ach-positive-pay-new-rule.component';
+export {
+  achPositivePayJourneyTranslations,
+  achPositivePayNewRuleTranslations,
+  AchPositivePayJourneyTranslations,
+  AchPositivePayNewRuleTranslations,
+} from './translations-catalog';
diff --git a/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-journey/ach-positive-pay-journey.component.html b/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-journey/ach-positive-pay-journey.component.html
index e1b02c4a4..f1cafe5e0 100644
--- a/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-journey/ach-positive-pay-journey.component.html
+++ b/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-journey/ach-positive-pay-journey.component.html
@@ -5,23 +5,13 @@
   "
 >
   <bb-heading-ui
-    heading="ACH Positive Pay"
-    i18n-heading="
-      ACH positive pay title - 'ACH Positive Pay'|This string is used as the
-      title for the heading in the ACH Positive Pay journey component. It is
-      presented to the user as the main heading of the page when they are
-      viewing the ACH Positive Pay journey. This title is located at the top of
-      the ACH Positive Pay journey page.@@ach-positive-pay-journey.heading.title"
+    [heading]="translations['ach-positive-pay-journey.heading.title']"
     headingType="h1"
     headingClasses="bb-heading-widget__heading"
     customClassName="bb-heading-widget--de-elevated"
-    buttonTitle="New ACH Blocker"
-    i18n-buttonTitle="
-      New ACH Blocker - 'New ACH Blocker'|This string is used as the label for a
-      button that opens the New ACH Blocker dialog with a form. It is presented
-      to the user as a button to create a new ACH Blocker. This button is
-      located in the ACH Positive Pay journey
-      page.@@ach-positive-pay-journey.heading.new-blocker.button"
+    [buttonLabel]="
+      translations['ach-positive-pay-journey.heading.new-blocker.button']
+    "
     iconClasses="add"
     buttonClasses="btn btn-primary"
     (buttonAction)="openNewBlockerModal()"
@@ -30,13 +20,7 @@
 
 <ng-template #headingWithTitleOnlyTemplate>
   <bb-heading-ui
-    heading="ACH Positive Pay"
-    i18n-heading="
-      ACH positive pay title - 'ACH Positive Pay'|This string is used as the
-      title for the heading in the ACH Positive Pay journey component. It is
-      presented to the user as the main heading of the page when they are
-      viewing the ACH Positive Pay journey. This title is located at the top of
-      the ACH Positive Pay journey page.@@ach-positive-pay-journey.heading.title"
+    [heading]="translations['ach-positive-pay-journey.heading.title']"
     headingType="h1"
     headingClasses="bb-heading-widget__heading"
     customClassName="bb-heading-widget--de-elevated"
diff --git a/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-journey/ach-positive-pay-journey.component.ts b/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-journey/ach-positive-pay-journey.component.ts
index 7a13e5d69..a8abbf754 100644
--- a/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-journey/ach-positive-pay-journey.component.ts
+++ b/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-journey/ach-positive-pay-journey.component.ts
@@ -1,7 +1,11 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { ActivatedRoute, Router, RouterModule } from '@angular/router';
 import { PERMISSIONS } from '@backbase-gsa/ach-positive-pay-journey/internal/shared-data';
 import { HeadingModule } from '@backbase/ui-ang/heading';
+import {
+  achPositivePayJourneyTranslations,
+  AchPositivePayJourneyTranslations,
+} from '../../../translations-catalog';
 
 @Component({
   selector: 'bb-ach-positive-pay-journey',
@@ -11,6 +15,18 @@ import { HeadingModule } from '@backbase/ui-ang/heading';
 })
 export class AchPositivePayJourneyComponent {
   permissions = PERMISSIONS;
+  private _translations: AchPositivePayJourneyTranslations = {
+    ...achPositivePayJourneyTranslations,
+  };
+
+  @Input()
+  set translations(value: Partial<AchPositivePayJourneyTranslations>) {
+    this._translations = { ...achPositivePayJourneyTranslations, ...value };
+  }
+
+  get translations(): AchPositivePayJourneyTranslations {
+    return this._translations;
+  }
 
   constructor(
     private readonly router: Router,
diff --git a/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-new-rule/ach-positive-pay-new-rule.component.html b/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-new-rule/ach-positive-pay-new-rule.component.html
index 1de794a01..578db01d6 100644
--- a/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-new-rule/ach-positive-pay-new-rule.component.html
+++ b/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-new-rule/ach-positive-pay-new-rule.component.html
@@ -8,13 +8,7 @@
       <bb-header-ui
         headingClasses="modal-title"
         headingType="h2"
-        heading="New ACH Rule"
-        i18n-heading="
-          ACH positive pay title - 'New ACH Rule'|This string is used as the
-          title for the heading in the ACH Positive Pay journey component. It is
-          presented to the user as the main heading of the page when they are
-          viewing the ACH Positive Pay journey. This title is located at the top
-          of the ACH Positive Pay journey page@@ach-positive-pay.new-rule.title"
+        [heading]="translations['ach-positive-pay.new-rule.title']"
         data-role="ach-positive-pay-new-rule-title"
       >
       </bb-header-ui>
@@ -30,14 +24,7 @@
           data-role="ach-positive-pay-new-rule-alert-error"
         >
           <bb-alert-ui
-            title="Unknown error occurred. Try to submit the form again."
-            i18n-title="
-              Server Error - 'Unknown error occurred. Try to submit the form
-              again.'|This string is used as the title for an alert message that
-              is displayed when the server throws an error. It is presented to
-              the user when an unknown error occurs while submitting the form.
-              This message is located in the ACH Positive Pay new rule
-              component.@@ach-positive-pay.error.default.title"
+            [title]="translations['ach-positive-pay.error.default.title']"
             [dismissible]="true"
             (close)="hideError()"
           >
@@ -63,15 +50,9 @@
           type="submit"
           [isLoading]="loading"
           data-role="ach-positive-pay-new-rule-submit-button"
-          i18n="
-            Submit button label - 'Submit'|This string is used as the label for
-            the 'Submit' button. It is presented to the user when they are
-            submitting a new rule in the ACH Positive Pay feature. This label is
-            located within the modal footer section of the
-            layout.@@ach-positive-pay.new-rule.submit-button"
           (click)="submitRule()"
         >
-          Submit
+          {{ translations['ach-positive-pay.new-rule.submit-button'] }}
         </bb-load-button-ui>
 
         <button
@@ -80,15 +61,9 @@
           type="button"
           color="link"
           data-role="ach-positive-pay-new-rule-cancel-button"
-          i18n="
-            Cancel button label - 'Cancel'|This string is used as the label for
-            the 'Cancel' button. It is presented to the user when they want to
-            cancel the entry of a new check in the ACH Positive Pay feature.
-            This label is located within the modal footer section of the
-            layout.@@ach-positive-pay.new-rule.cancel-button"
           (click)="closeModal()"
         >
-          Cancel
+          {{ translations['ach-positive-pay.new-rule.cancel-button'] }}
         </button>
       </div>
     </ng-template>
diff --git a/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-new-rule/ach-positive-pay-new-rule.component.ts b/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-new-rule/ach-positive-pay-new-rule.component.ts
index 44fe29f8f..f8918b58e 100644
--- a/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-new-rule/ach-positive-pay-new-rule.component.ts
+++ b/libs/ach-positive-pay-journey/internal/feature/src/lib/components/ach-positive-pay-new-rule/ach-positive-pay-new-rule.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 import { NgbModalOptions } from '@ng-bootstrap/ng-bootstrap';
 import { ActivatedRoute, Router } from '@angular/router';
 import { FormBuilder, FormGroup } from '@angular/forms';
@@ -6,6 +6,10 @@ import { AchPositivePayHttpService } from '@backbase-gsa/ach-positive-pay-journe
 import { NotificationService } from '@backbase/ui-ang/notification';
 import { ACH_POSITIVE_PAY_TRANSLATIONS } from '@backbase-gsa/ach-positive-pay-journey/internal/shared-data';
 import { ProductSummaryItem } from '@backbase/arrangement-manager-http-ang';
+import {
+  achPositivePayNewRuleTranslations,
+  AchPositivePayNewRuleTranslations,
+} from '../../../translations-catalog';
 import { Observable } from 'rxjs';
 import { ModalModule } from '@backbase/ui-ang/modal';
 import { HeaderModule } from '@backbase/ui-ang/header';
@@ -29,6 +33,18 @@ import { CommonModule } from '@angular/common';
 })
 export class AchPositivePayNewRuleComponent implements OnInit {
   loading = false;
+  private _translations: AchPositivePayNewRuleTranslations = {
+    ...achPositivePayNewRuleTranslations,
+  };
+
+  @Input()
+  set translations(value: Partial<AchPositivePayNewRuleTranslations>) {
+    this._translations = { ...achPositivePayNewRuleTranslations, ...value };
+  }
+
+  get translations(): AchPositivePayNewRuleTranslations {
+    return this._translations;
+  }
 
   modalOptions: NgbModalOptions = {
     backdrop: 'static',
diff --git a/libs/ach-positive-pay-journey/internal/feature/src/translations-catalog.ts b/libs/ach-positive-pay-journey/internal/feature/src/translations-catalog.ts
new file mode 100644
index 000000000..8ff555990
--- /dev/null
+++ b/libs/ach-positive-pay-journey/internal/feature/src/translations-catalog.ts
@@ -0,0 +1,49 @@
+export interface AchPositivePayJourneyTranslations {
+  'ach-positive-pay-journey.heading.title': string;
+  'ach-positive-pay-journey.heading.new-blocker.button': string;
+}
+
+export const achPositivePayJourneyTranslations: AchPositivePayJourneyTranslations =
+  {
+    'ach-positive-pay-journey.heading.title': $localize`:ACH positive pay title - 'ACH Positive Pay'|This string is used as the
+      title for the heading in the ACH Positive Pay journey component. It is
+      presented to the user as the main heading of the page when they are
+      viewing the ACH Positive Pay journey. This title is located at the top of
+      the ACH Positive Pay journey page.@@ach-positive-pay-journey.heading.title:ACH Positive Pay`,
+    'ach-positive-pay-journey.heading.new-blocker.button': $localize`:New ACH Blocker - 'New ACH Blocker'|This string is used as the label for a
+      button that opens the New ACH Blocker dialog with a form. It is presented
+      to the user as a button to create a new ACH Blocker. This button is
+      located in the ACH Positive Pay journey
+      page.@@ach-positive-pay-journey.heading.new-blocker.button:New ACH Blocker`,
+  };
+
+export interface AchPositivePayNewRuleTranslations {
+  'ach-positive-pay.new-rule.title': string;
+  'ach-positive-pay.error.default.title': string;
+  'ach-positive-pay.new-rule.submit-button': string;
+  'ach-positive-pay.new-rule.cancel-button': string;
+}
+export const achPositivePayNewRuleTranslations: AchPositivePayNewRuleTranslations =
+  {
+    'ach-positive-pay.new-rule.title': $localize`:ACH positive pay title - 'New ACH Rule'|This string is used as the
+            title for the heading in the ACH Positive Pay journey component. It is
+            presented to the user as the main heading of the page when they are
+            viewing the ACH Positive Pay journey. This title is located at the top
+            of the ACH Positive Pay journey page@@ach-positive-pay.new-rule.title:New ACH Rule`,
+    'ach-positive-pay.error.default.title': $localize`:Server Error - 'Unknown error occurred. Try to submit the form
+                again.'|This string is used as the title for an alert message that
+                is displayed when the server throws an error. It is presented to
+                the user when an unknown error occurs while submitting the form.
+                This message is located in the ACH Positive Pay new rule
+                component.@@ach-positive-pay.error.default.title:Unknown error occurred. Try to submit the form again.`,
+    'ach-positive-pay.new-rule.submit-button': $localize`:Submit button label - 'Submit'|This string is used as the label for
+              the 'Submit' button. It is presented to the user when they are
+              submitting a new rule in the ACH Positive Pay feature. This label is
+              located within the modal footer section of the
+              layout.@@ach-positive-pay.new-rule.submit-button:Submit`,
+    'ach-positive-pay.new-rule.cancel-button': $localize`:Cancel button label - 'Cancel'|This string is used as the label for
+              the 'Cancel' button. It is presented to the user when they want to
+              cancel the entry of a new check in the ACH Positive Pay feature.
+              This label is located within the modal footer section of the
+              layout.@@ach-positive-pay.new-rule.cancel-button:Cancel`,
+  };
diff --git a/libs/ach-positive-pay-journey/internal/ui/src/index.ts b/libs/ach-positive-pay-journey/internal/ui/src/index.ts
index 33dee4d27..736ecb1f6 100644
--- a/libs/ach-positive-pay-journey/internal/ui/src/index.ts
+++ b/libs/ach-positive-pay-journey/internal/ui/src/index.ts
@@ -1,2 +1,6 @@
 export { AchPositivePayRuleFormComponent } from './lib/components/ach-positive-pay-rule-form/ach-positive-pay-rule-form.component';
 export { AchPositivePayRulesComponent } from './lib/components/ach-positive-pay-rules/ach-positive-pay-rules.component';
+export {
+  AchPositivePayRuleFormTranslations,
+  AchPositivePayRulesTranslations,
+} from './translations-catalog';
diff --git a/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rule-form/ach-positive-pay-rule-form.component.html b/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rule-form/ach-positive-pay-rule-form.component.html
index af5542395..bfc9449f8 100644
--- a/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rule-form/ach-positive-pay-rule-form.component.html
+++ b/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rule-form/ach-positive-pay-rule-form.component.html
@@ -3,29 +3,23 @@
     <label
       id="ach-blocker-rule-checking-account-selector-label"
       for="ach-blocker-rule-checking-account-selector"
-      i18n="
-        Checking Account label - 'Checking Account'|This string is used as the
-        label for the Checking Account selector field in the ACH Positive Pay
-        rule form. It is presented to the user when they need to select a
-        checking account for the ACH Positive Pay rule. This label is located in
-        the ACH Positive Pay rule form
-        layout.@@ach-positive-pay-journey.new-blocker-rule.checking-account"
       class="form-label"
     >
-      Checking Account
+      {{
+        translations[
+          'ach-positive-pay-journey.new-blocker-rule.checking-account'
+        ]
+      }}
     </label>
 
     <bb-account-selector-ui
       id="ach-blocker-rule-checking-account-selector"
       dropdownPosition="bottom"
-      placeholder="Select an account"
-      i18n-placeholder="
-        Select account placeholder - 'Select an account'|This string is used as
-        the placeholder text for the Account Selector field in the ACH Positive
-        Pay rule form. It is presented to the user when they need to select an
-        account for the ACH Positive Pay rule. This placeholder is located in
-        the ACH Positive Pay rule form
-        layout.@@ach-positive-pay-journey.new-blocker-rule.account-selector-placeholder"
+      [placeholder]="
+        translations[
+          'ach-positive-pay-journey.new-blocker-rule.account-selector-placeholder'
+        ]
+      "
       [items]="accounts"
       (change)="onCheckingAccountSelect($event)"
       ariaLabelledby="ach-blocker-rule-checking-account-selector-label"
@@ -41,14 +35,11 @@
     >
       <bb-dropdown-single-select-ui
         id="ach-blocker-rule-payment-types"
-        label="Payment type"
-        i18n-label="
-          Payment type label - 'Payment type'|This string is used as the label
-          for the blocker rule's payment type field in the ACH Positive Pay rule
-          form. It is presented to the user when they need to select the payment
-          type for the ACH Positive Pay rule. This label is located in the ACH
-          Positive Pay rule form
-          layout.@@ach-positive-pay-journey.new-blocker-rule.payment-type.label"
+        [label]="
+          translations[
+            'ach-positive-pay-journey.new-blocker-rule.payment-type.label'
+          ]
+        "
         aria-describedby="ach-blocker-rule-payment-types-required-error"
         formControlName="paymentTypes"
         placeholder="Select"
@@ -65,14 +56,11 @@
       <bb-input-text-ui
         id="ach-blocker-rule-company-id"
         formControlName="companyId"
-        label="Company ID"
-        i18n-label="
-          Company ID label - 'Company ID'|This string is used as the label for
-          the blocker rule's company ID field in the ACH Positive Pay rule form.
-          It is presented to the user when they need to enter the company ID for
-          the ACH Positive Pay rule. This label is located in the ACH Positive
-          Pay rule form
-          layout.@@ach-positive-pay-journey.new-blocker-rule.company-id.label"
+        [label]="
+          translations[
+            'ach-positive-pay-journey.new-blocker-rule.company-id.label'
+          ]
+        "
         aria-describedby="ach-blocker-company-id-required-error"
         data-role="ach-positive-pay-new-blocker-rule-company-id-input"
       ></bb-input-text-ui>
@@ -81,18 +69,12 @@
 
   <div class="bb-block bb-block--full-width bb-block--md">
     <div id="ach-blocker-rule-company-name-label">
-      <label
-        for="ach-blocker-rule-company-name"
-        i18n="
-          Company name label- 'Company name'|This string is used as the label
-          for the blocker rule's company name field in the ACH Positive Pay rule
-          form. It is presented to the user when they need to enter the company
-          name for the ACH Positive Pay rule. This label is located in the ACH
-          Positive Pay rule form
-          layout.@@ach-positive-pay-journey.new-blocker-rule.company-name.label"
-        class="form-label"
-      >
-        Company name
+      <label for="ach-blocker-rule-company-name" class="form-label">
+        {{
+          translations[
+            'ach-positive-pay-journey.new-blocker-rule.company-name.label'
+          ]
+        }}
       </label>
     </div>
 
@@ -100,14 +82,11 @@
       id="ach-blocker-rule-company-name"
       aria-labelledby="ach-blocker-rule-company-name-label"
       formControlName="companyName"
-      placeholder="Enter company name"
-      i18n-placeholder="
-        Enter company name placeholder - 'Enter company name'|This string is
-        used as the placeholder for the company name input field in the ACH
-        Positive Pay rule form. It is presented to the user when they need to
-        enter the company name for the ACH Positive Pay rule. This placeholder
-        is located in the ACH Positive Pay rule form
-        layout.@@ach-positive-pay-journey.new-blocker-rule.company-name.placeholder"
+      [placeholder]="
+        translations[
+          'ach-positive-pay-journey.new-blocker-rule.company-name.placeholder'
+        ]
+      "
       data-role="ach-positive-pay-new-blocker-rule-company-name-input"
     ></bb-input-text-ui>
   </div>
diff --git a/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rule-form/ach-positive-pay-rule-form.component.ts b/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rule-form/ach-positive-pay-rule-form.component.ts
index 193350574..bfa2892fa 100644
--- a/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rule-form/ach-positive-pay-rule-form.component.ts
+++ b/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rule-form/ach-positive-pay-rule-form.component.ts
@@ -6,6 +6,10 @@ import { InputTextModule } from '@backbase/ui-ang/input-text';
 
 import { ProductSummaryItem } from '@backbase/arrangement-manager-http-ang';
 import { ACH_POSITIVE_PAY_TRANSLATIONS } from '@backbase-gsa/ach-positive-pay-journey/internal/shared-data';
+import {
+  achPositivePayRuleFormTranslations,
+  AchPositivePayRuleFormTranslations,
+} from '../../../translations-catalog';
 
 @Component({
   selector: 'bb-ach-positive-pay-rule-form',
@@ -26,6 +30,19 @@ export class AchPositivePayRuleFormComponent {
   @Output() selectAccountId: EventEmitter<ProductSummaryItem> =
     new EventEmitter<ProductSummaryItem>();
 
+  private _translations: AchPositivePayRuleFormTranslations = {
+    ...achPositivePayRuleFormTranslations,
+  };
+
+  @Input()
+  set translations(value: Partial<AchPositivePayRuleFormTranslations>) {
+    this._translations = { ...achPositivePayRuleFormTranslations, ...value };
+  }
+
+  get translations(): AchPositivePayRuleFormTranslations {
+    return this._translations;
+  }
+
   readonly paymentTypes = [
     ACH_POSITIVE_PAY_TRANSLATIONS.creditPaymentType,
     ACH_POSITIVE_PAY_TRANSLATIONS.debitPaymentType,
diff --git a/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rules/ach-positive-pay-rules.component.html b/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rules/ach-positive-pay-rules.component.html
index 3480dbfc0..b10ad705c 100644
--- a/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rules/ach-positive-pay-rules.component.html
+++ b/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rules/ach-positive-pay-rules.component.html
@@ -4,19 +4,10 @@
     data-role="ach-positive-pay-blockers-empty-state"
     iconSize="xxl"
     iconModifier="featured-play-list"
-    title="No rules"
-    i18n-title="
-      ACH rules list empty state title - 'No rules'|This string is used as the
-      title for the empty state of the ACH rules list. It is presented to the
-      user when there are no ACH rules to display. This title is located in the
-      ACH rules list view.@@ach-positive-pay.view-rules.empty-state.title"
-    subtitle="You don't have any ACH rules to be displayed."
-    i18n-subtitle="
-      ACH rules list empty state subtitle - 'You don't have any ACH rules to be
-      displayed.'|This string is used as the subtitle for the empty state of the
-      ACH rules list. It is presented to the user when there are no ACH rules to
-      display. This subtitle is located in the ACH rules list
-      view.@@ach-positive-pay.view-rules.empty-state.subtitle"
+    [title]="translations['ach-positive-pay.view-rules.empty-state.title']"
+    [subtitle]="
+      translations['ach-positive-pay.view-rules.empty-state.subtitle']
+    "
   >
   </bb-empty-state-ui>
 </div>
diff --git a/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rules/ach-positive-pay-rules.component.ts b/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rules/ach-positive-pay-rules.component.ts
index 96cd9ab2b..f5c7bf652 100644
--- a/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rules/ach-positive-pay-rules.component.ts
+++ b/libs/ach-positive-pay-journey/internal/ui/src/lib/components/ach-positive-pay-rules/ach-positive-pay-rules.component.ts
@@ -1,5 +1,9 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { EmptyStateModule } from '@backbase/ui-ang/empty-state';
+import {
+  AchPositivePayRulesTranslations,
+  achPositivePayRulesTranslations,
+} from '../../../translations-catalog';
 
 @Component({
   selector: 'bb-ach-positive-pay-rules',
@@ -7,4 +11,17 @@ import { EmptyStateModule } from '@backbase/ui-ang/empty-state';
   imports: [EmptyStateModule],
   standalone: true,
 })
-export class AchPositivePayRulesComponent {}
+export class AchPositivePayRulesComponent {
+  private _translations: AchPositivePayRulesTranslations = {
+    ...achPositivePayRulesTranslations,
+  };
+
+  @Input()
+  set translations(value: Partial<AchPositivePayRulesTranslations>) {
+    this._translations = { ...achPositivePayRulesTranslations, ...value };
+  }
+
+  get translations(): AchPositivePayRulesTranslations {
+    return this._translations;
+  }
+}
diff --git a/libs/ach-positive-pay-journey/internal/ui/src/translations-catalog.ts b/libs/ach-positive-pay-journey/internal/ui/src/translations-catalog.ts
new file mode 100644
index 000000000..7a71620d6
--- /dev/null
+++ b/libs/ach-positive-pay-journey/internal/ui/src/translations-catalog.ts
@@ -0,0 +1,67 @@
+import { $localize } from '@angular/localize/init';
+
+export interface AchPositivePayRuleFormTranslations {
+  'ach-positive-pay-journey.new-blocker-rule.checking-account': string;
+  'ach-positive-pay-journey.new-blocker-rule.account-selector-placeholder': string;
+  'ach-positive-pay-journey.new-blocker-rule.payment-type.label': string;
+  'ach-positive-pay-journey.new-blocker-rule.company-id.label': string;
+  'ach-positive-pay-journey.new-blocker-rule.company-name.label': string;
+  'ach-positive-pay-journey.new-blocker-rule.company-name.placeholder': string;
+}
+export const achPositivePayRuleFormTranslations: AchPositivePayRuleFormTranslations =
+  {
+    'ach-positive-pay-journey.new-blocker-rule.checking-account': $localize`:Checking Account label - 'Checking Account'|This string is used as the
+          label for the Checking Account selector field in the ACH Positive Pay
+          rule form. It is presented to the user when they need to select a
+          checking account for the ACH Positive Pay rule. This label is located in
+          the ACH Positive Pay rule form
+          layout.@@ach-positive-pay-journey.new-blocker-rule.checking-account:Checking Account`,
+    'ach-positive-pay-journey.new-blocker-rule.account-selector-placeholder': $localize`:Select account placeholder - 'Select an account'|This string is used as
+          the placeholder text for the Account Selector field in the ACH Positive
+          Pay rule form. It is presented to the user when they need to select an
+          account for the ACH Positive Pay rule. This placeholder is located in
+          the ACH Positive Pay rule form
+          layout.@@ach-positive-pay-journey.new-blocker-rule.account-selector-placeholder:Select an account`,
+    'ach-positive-pay-journey.new-blocker-rule.payment-type.label': $localize`:Payment type label - 'Payment type'|This string is used as the label
+            for the blocker rule's payment type field in the ACH Positive Pay rule
+            form. It is presented to the user when they need to select the payment
+            type for the ACH Positive Pay rule. This label is located in the ACH
+            Positive Pay rule form
+            layout.@@ach-positive-pay-journey.new-blocker-rule.payment-type.label:Payment Type`,
+    'ach-positive-pay-journey.new-blocker-rule.company-id.label': $localize`:Company ID label - 'Company ID'|This string is used as the label for
+            the blocker rule's company ID field in the ACH Positive Pay rule form.
+            It is presented to the user when they need to enter the company ID for
+            the ACH Positive Pay rule. This label is located in the ACH Positive
+            Pay rule form
+            layout.@@ach-positive-pay-journey.new-blocker-rule.company-id.label:Company ID`,
+    'ach-positive-pay-journey.new-blocker-rule.company-name.label': $localize`:Company name label- 'Company name'|This string is used as the label
+            for the blocker rule's company name field in the ACH Positive Pay rule
+            form. It is presented to the user when they need to enter the company
+            name for the ACH Positive Pay rule. This label is located in the ACH
+            Positive Pay rule form
+            layout.@@ach-positive-pay-journey.new-blocker-rule.company-name.label:Company Name`,
+    'ach-positive-pay-journey.new-blocker-rule.company-name.placeholder': $localize`:Enter company name placeholder - 'Enter company name'|This string is
+          used as the placeholder for the company name input field in the ACH
+          Positive Pay rule form. It is presented to the user when they need to
+          enter the company name for the ACH Positive Pay rule. This placeholder
+          is located in the ACH Positive Pay rule form
+          layout.@@ach-positive-pay-journey.new-blocker-rule.company-name.placeholder:Enter company name`,
+  };
+
+export interface AchPositivePayRulesTranslations {
+  'ach-positive-pay.view-rules.empty-state.title': string;
+  'ach-positive-pay.view-rules.empty-state.subtitle': string;
+}
+
+export const achPositivePayRulesTranslations: AchPositivePayRulesTranslations =
+  {
+    'ach-positive-pay.view-rules.empty-state.title': $localize`:ACH rules list empty state title - 'No rules'|This string is used as the
+        title for the empty state of the ACH rules list. It is presented to the
+        user when there are no ACH rules to display. This title is located in the
+        ACH rules list view.@@ach-positive-pay.view-rules.empty-state.title:No rules`,
+    'ach-positive-pay.view-rules.empty-state.subtitle': $localize`:ACH rules list empty state subtitle - 'You don't have any ACH rules to be
+        displayed.'|This string is used as the subtitle for the empty state of the
+        ACH rules list. It is presented to the user when there are no ACH rules to
+        display. This subtitle is located in the ACH rules list
+        view.@@ach-positive-pay.view-rules.empty-state.subtitle:You don't have any ACH rules to be displayed.`,
+  };
diff --git a/libs/transactions-journey/internal/feature-transaction-details-view/src/index.ts b/libs/transactions-journey/internal/feature-transaction-details-view/src/index.ts
index cfe8e177d..c571b0f61 100644
--- a/libs/transactions-journey/internal/feature-transaction-details-view/src/index.ts
+++ b/libs/transactions-journey/internal/feature-transaction-details-view/src/index.ts
@@ -1 +1,2 @@
 export { TransactionDetailsComponent } from './lib/transactions-journey-feature-transaction-details-view.component';
+export { TransactionsJourneyTransactionDetailsViewTranslations } from './translations-catalog';
diff --git a/libs/transactions-journey/internal/feature-transaction-details-view/src/lib/transactions-journey-feature-transaction-details-view.component.html b/libs/transactions-journey/internal/feature-transaction-details-view/src/lib/transactions-journey-feature-transaction-details-view.component.html
index 945f68df8..e9626e86d 100644
--- a/libs/transactions-journey/internal/feature-transaction-details-view/src/lib/transactions-journey-feature-transaction-details-view.component.html
+++ b/libs/transactions-journey/internal/feature-transaction-details-view/src/lib/transactions-journey-feature-transaction-details-view.component.html
@@ -38,49 +38,21 @@ <h1 class="bb-card__title">
       <div class="bb-card__body">
         <dl class="row">
           <div class="col-md-8">
-            <dt
-              i18n="
-                Recepient label for Transaction Details - 'Recepient:'|This
-                string is used as the label for the recipient field in the
-                transaction details view. It is presented to the user when they
-                view the details of a transaction. This label is located in the
-                transaction details view
-                component.@@transactions.details.recepient"
-            >
-              Recepient:
-            </dt>
+            <dt>{{ translations['transactions.details.recepient'] }}:</dt>
             <dd>
               {{ view.details.recepient }}
             </dd>
           </div>
 
           <div class="col-md-4">
-            <dt
-              i18n="
-                Date label for Transaction Details - 'Date:'|This string is used
-                as the label for the date field in the transaction details view.
-                It is presented to the user when they view the details of a
-                transaction. This label is located in the transaction details
-                view component.@@transactions.details.date"
-            >
-              Date:
-            </dt>
+            <dt>{{ translations['transactions.details.date'] }}:</dt>
             <dd>
               {{ view.details.date | date }}
             </dd>
           </div>
 
           <div class="col-md-8">
-            <dt
-              i18n="
-                Amount label for Transaction Amount - 'Amount:'|This string is
-                used as the label for the amount field in the transaction
-                details view. It is presented to the user when they view the
-                details of a transaction. This label is located in the
-                transaction details view component.@@transactions.details.amount"
-            >
-              Amount:
-            </dt>
+            <dt>{{ translations['transactions.details.amount'] }}:</dt>
             <dd>
               <bb-amount-ui
                 [currency]="view.details.amount.currencyCode"
@@ -94,50 +66,21 @@ <h1 class="bb-card__title">
           </div>
 
           <div class="col-md-4">
-            <dt
-              i18n="
-                Category label for Transaction Details - 'Category:'|This string
-                is used as the label for the category field in the transaction
-                details view. It is presented to the user when they view the
-                details of a transaction. This label is located in the
-                transaction details view
-                component.@@transactions.details.category"
-            >
-              Category:
-            </dt>
+            <dt>{{ translations['transactions.details.category'] }}:</dt>
             <dd>
               {{ view.details.category }}
             </dd>
           </div>
 
           <div class="col-md-8">
-            <dt
-              i18n="
-                Description label for Transaction Details - 'Description:'|This
-                string is used as the label for the description field in the
-                transaction details view. It is presented to the user when they
-                view the details of a transaction. This label is located in the
-                transaction details view
-                component.@@transactions.details.description"
-            >
-              Description:
-            </dt>
+            <dt>{{ translations['transactions.details.description'] }}:</dt>
             <dd>
               {{ view.details.description }}
             </dd>
           </div>
 
           <div class="col-md-4">
-            <dt
-              i18n="
-                Status label for Transaction Details - 'Status:'|This string is
-                used as the label for the status field in the transaction
-                details view. It is presented to the user when they view the
-                details of a transaction. This label is located in the
-                transaction details view component.@@transactions.details.status"
-            >
-              Status:
-            </dt>
+            <dt>{{ translations['transactions.details.status'] }}:</dt>
             <dd>
               {{ view.details.status }}
             </dd>
@@ -152,16 +95,7 @@ <h1 class="bb-card__title">
           [routerLink]="['/transfer', view.transferParams, 'make-transfer']"
         >
           <bb-icon-ui name="replay" cropped></bb-icon-ui>
-          <span
-            i18n="
-              Label for Repeat Transaction - 'Repeat transaction'|This string is
-              used as a label for the 'Repeat transaction' button. It is
-              presented to the user in the transaction details view when they
-              want to repeat a previous transaction. This label is located
-              within the transaction details section of the
-              layout.@@transaction-details.repeat"
-            >Repeat transaction</span
-          >
+          <span>{{ translations['transaction-details.repeat'] }}</span>
         </button>
       </div>
     </div>
diff --git a/libs/transactions-journey/internal/feature-transaction-details-view/src/lib/transactions-journey-feature-transaction-details-view.component.ts b/libs/transactions-journey/internal/feature-transaction-details-view/src/lib/transactions-journey-feature-transaction-details-view.component.ts
index 8fe411d0d..23c840dfc 100644
--- a/libs/transactions-journey/internal/feature-transaction-details-view/src/lib/transactions-journey-feature-transaction-details-view.component.ts
+++ b/libs/transactions-journey/internal/feature-transaction-details-view/src/lib/transactions-journey-feature-transaction-details-view.component.ts
@@ -1,5 +1,5 @@
 import { HttpErrorResponse } from '@angular/common/http';
-import { Component, Optional } from '@angular/core';
+import { Component, Input, Optional } from '@angular/core';
 import { ActivatedRoute, Params, RouterModule } from '@angular/router';
 import { Currency, TransactionItem } from '@backbase/transactions-http-ang';
 import {
@@ -14,6 +14,11 @@ import { ButtonModule } from '@backbase/ui-ang/button';
 import { AmountModule } from '@backbase/ui-ang/amount';
 import { IconModule } from '@backbase/ui-ang/icon';
 import { CommonModule } from '@angular/common';
+import {
+  getStatusTextFromErrorMessage,
+  transactionsJourneyTransactionDetailsViewTranslations,
+  TransactionsJourneyTransactionDetailsViewTranslations,
+} from '../translations-catalog';
 
 interface TransactionDetailsView {
   transferParams: Params;
@@ -49,6 +54,22 @@ interface TransactionDetailsView {
 })
 export class TransactionDetailsComponent {
   public readonly title = this.route.snapshot.data['title'];
+  private _translations: TransactionsJourneyTransactionDetailsViewTranslations =
+    { ...transactionsJourneyTransactionDetailsViewTranslations };
+
+  @Input()
+  set translations(
+    value: Partial<TransactionsJourneyTransactionDetailsViewTranslations>
+  ) {
+    this._translations = {
+      ...transactionsJourneyTransactionDetailsViewTranslations,
+      ...value,
+    };
+  }
+
+  get translations(): TransactionsJourneyTransactionDetailsViewTranslations {
+    return this._translations;
+  }
 
   private readonly id$ = this.route.paramMap.pipe(
     map((params) => params.get('id'))
@@ -67,7 +88,13 @@ export class TransactionDetailsComponent {
     public route: ActivatedRoute,
     private api: TransactionsHttpService,
     @Optional() private tracker?: Tracker
-  ) {}
+  ) {
+    this.route.data.subscribe((data) => {
+      if (data['translation']) {
+        this.translations = data['translation'];
+      }
+    });
+  }
 
   getTransactionView(
     id: string,
@@ -78,7 +105,7 @@ export class TransactionDetailsComponent {
     if (!transaction) {
       throw new HttpErrorResponse({
         status: 404,
-        statusText: $localize`:Transaction Not Found Status Text - 'Transaction \${id} not found'|This string is used as the status text for an HTTP error response when a transaction with the specified ID is not found. It is presented to the user when they attempt to view a transaction that does not exist. This status text is located in the transaction details view component.@@transactions-journey.transaction-not-found-status-text:Transaction ${id} not found`,
+        statusText: getStatusTextFromErrorMessage(id),
       });
     }
 
diff --git a/libs/transactions-journey/internal/feature-transaction-details-view/src/translations-catalog.ts b/libs/transactions-journey/internal/feature-transaction-details-view/src/translations-catalog.ts
new file mode 100644
index 000000000..86bd38ad0
--- /dev/null
+++ b/libs/transactions-journey/internal/feature-transaction-details-view/src/translations-catalog.ts
@@ -0,0 +1,74 @@
+export interface TransactionsJourneyTransactionDetailsViewTranslations {
+  'transactions.details.recepient': string;
+  'transactions.details.date': string;
+  'transactions.details.amount': string;
+  'transactions.details.category': string;
+  'transactions.details.description': string;
+  'transactions.details.status': string;
+  'transaction-details.repeat': string;
+  'transactions-journey.unknown-recipient': string;
+  'transactions-journey.unknown-status': string;
+  'transactions-journey.uncategorized-category': string;
+}
+
+export const transactionsJourneyTransactionDetailsViewTranslations: TransactionsJourneyTransactionDetailsViewTranslations =
+  {
+    'transactions.details.recepient': $localize`:Recepient label for Transaction Details - 'Recepient'|This
+                  string is used as the label for the recipient field in the
+                  transaction details view. It is presented to the user when they
+                  view the details of a transaction. This label is located in the
+                  transaction details view
+                  component.@@transactions.details.recepient:Recipient`,
+    'transactions.details.date': $localize`:Date label for Transaction Details - 'Date'|This string is used
+                  as the label for the date field in the transaction details view.
+                  It is presented to the user when they view the details of a
+                  transaction. This label is located in the transaction details
+                  view component.@@transactions.details.date:Date`,
+    'transactions.details.amount': $localize`:Amount label for Transaction Amount - 'Amount'|This string is
+                  used as the label for the amount field in the transaction
+                  details view. It is presented to the user when they view the
+                  details of a transaction. This label is located in the
+                  transaction details view component.@@transactions.details.amount:Amount`,
+    'transactions.details.category': $localize`:Category label for Transaction Details - 'Category'|This string
+                  is used as the label for the category field in the transaction
+                  details view. It is presented to the user when they view the
+                  details of a transaction. This label is located in the
+                  transaction details view
+                  component.@@transactions.details.category:Category`,
+    'transactions.details.description': $localize`:Description label for Transaction Details - 'Description'|This
+                  string is used as the label for the description field in the
+                  transaction details view. It is presented to the user when they
+                  view the details of a transaction. This label is located in the
+                  transaction details view
+                  component.@@transactions.details.description:Description`,
+    'transactions.details.status': $localize`:Status label for Transaction Details - 'Status'|This string is
+                  used as the label for the status field in the transaction
+                  details view. It is presented to the user when they view the
+                  details of a transaction. This label is located in the
+                  transaction details view component.@@transactions.details.status:Status`,
+    'transaction-details.repeat': $localize`:Label for Repeat Transaction - 'Repeat transaction'|This string is
+                used as a label for the 'Repeat transaction' button. It is
+                presented to the user in the transaction details view when they
+                want to repeat a previous transaction. This label is located
+                within the transaction details section of the
+                layout.@@transaction-details.repeat:Repeat`,
+    'transactions-journey.unknown-recipient': $localize`:Unknown Recipient - 'Unknown'|This string is used as a 
+                placeholder for the recipient field in the transaction details view when the recipient's name is 
+                not available. It is presented to the user when they view the details of a transaction that does 
+                not have a recipient's name. This placeholder is located in the transaction details view 
+                component.@@transactions-journey.unknown-recipient:Unknown`,
+    'transactions-journey.unknown-status': $localize`:Unknown Status - 'UNKNOWN'|This string is used as a 
+                placeholder for the status field in the transaction details view when the transaction's 
+                billing status is not available. It is presented to the user when they view the details of 
+                a transaction that does not have a billing status. This placeholder is located in the 
+                transaction details view component.@@transactions-journey.unknown-status:UNKNOWN`,
+    'transactions-journey.uncategorized-category': $localize`:Uncategorized Category - 'Uncategorized'|This string 
+                is used as a placeholder for the category field in the transaction details view when the transaction's 
+                category is not available. It is presented to the user when they view the details of a transaction 
+                that does not have a category. This placeholder is located in the transaction details view 
+                component.@@transactions-journey.uncategorized-category:Uncategorized`,
+  };
+
+export const getStatusTextFromErrorMessage = (id: string) => {
+  return $localize`:Transaction Not Found Status Text - 'Transaction \${id} not found'|This string is used as the status text for an HTTP error response when a transaction with the specified ID is not found. It is presented to the user when they attempt to view a transaction that does not exist. This status text is located in the transaction details view component.@@transactions-journey.transaction-not-found-status-text:Transaction ${id} not found`;
+};
diff --git a/libs/transactions-journey/internal/feature-transaction-view/src/index.ts b/libs/transactions-journey/internal/feature-transaction-view/src/index.ts
index 2b85548ce..c7d4e1fea 100644
--- a/libs/transactions-journey/internal/feature-transaction-view/src/index.ts
+++ b/libs/transactions-journey/internal/feature-transaction-view/src/index.ts
@@ -9,3 +9,7 @@ export {
   TransactionAdditionalDetailsContext,
 } from './lib/extensions/transaction-addition-details';
 export { TransactionsViewModule } from './lib/components/transactions-view/transactions-view.module';
+export {
+  TransactionsJourneyTransactionViewTranslations,
+  transactionsJourneyTransactionViewTranslations,
+} from './translations-catalog';
diff --git a/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.html b/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.html
index 354d2618f..f252d5b1f 100644
--- a/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.html
+++ b/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.html
@@ -22,26 +22,11 @@
         class="bb-block bb-block--md"
         *ngIf="accountName$ | async as accountName"
       >
-        <span
-          i18n="
-            Label for filtered by - 'filtered by:'|This string is used as the
-            label for the filter section in the transactions view. It is
-            presented to the user to indicate the criteria by which the
-            transactions are filtered. This label is located in the transactions
-            view component.@@transactions.filters.label"
-          >filtered by:</span
-        >
+        <span>{{ translations['transactions.filters.label'] }}:</span>
 
         <bb-badge-ui
           [text]="accountName + ' ✕'"
-          title="Remove account filter"
-          i18n-title="
-            Remove account label for Account Badge - 'Remove account
-            filter'|This string is used as the title for the remove account
-            filter button in the transactions view. It is presented to the user
-            as a tooltip when they hover over the button to remove the account
-            filter. This title is located in the transactions view
-            component.@@transactions.account-filter.remove"
+          [title]="translations['transactions.account-filter.remove']"
           class="filters-badge"
           color="success"
           routerLink="/transactions"
diff --git a/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.spec.ts b/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.spec.ts
index ffb8cf51d..f4afe1a40 100644
--- a/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.spec.ts
+++ b/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.spec.ts
@@ -84,6 +84,7 @@ describe('TransactionsViewComponent', () => {
             queryParamMap: of({
               get: jest.fn(() => ''),
             }),
+            data: of({ translation: {} }),
           },
         },
         {
diff --git a/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.ts b/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.ts
index b8f7aa2af..4a977a2ed 100644
--- a/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.ts
+++ b/libs/transactions-journey/internal/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.ts
@@ -1,4 +1,4 @@
-import { Component, Inject, Optional } from '@angular/core';
+import { Component, Inject, Input, Optional } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { combineLatest, of } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -16,6 +16,11 @@ import {
 } from '@backbase-gsa/transactions-journey/internal/data-access';
 
 import { TransactionListTrackerEvent } from '@backbase-gsa/transactions-journey/internal/shared-data';
+import {
+  transactionsJourneyTransactionViewTranslations,
+  TransactionsJourneyTransactionViewTranslations,
+} from '../../../translations-catalog';
+
 @Component({
   templateUrl: './transactions-view.component.html',
   styleUrls: ['./transactions-view.component.scss'],
@@ -26,6 +31,24 @@ export class TransactionsViewComponent {
 
   public filter = '';
 
+  private _translations: TransactionsJourneyTransactionViewTranslations = {
+    ...transactionsJourneyTransactionViewTranslations,
+  };
+
+  @Input()
+  set translations(
+    value: Partial<TransactionsJourneyTransactionViewTranslations>
+  ) {
+    this._translations = {
+      ...transactionsJourneyTransactionViewTranslations,
+      ...value,
+    };
+  }
+
+  get translations(): TransactionsJourneyTransactionViewTranslations {
+    return this._translations;
+  }
+
   private readonly accountId$ = this.route.queryParamMap.pipe(
     map((params) => params.get('account'))
   );
@@ -74,7 +97,13 @@ export class TransactionsViewComponent {
     @Inject(TRANSACTIONS_JOURNEY_COMMUNICATION_SERIVCE)
     private externalCommunicationService: TransactionsCommunicationService,
     @Optional() private tracker?: Tracker
-  ) {}
+  ) {
+    this.route.data.subscribe((data) => {
+      if (data['translation']) {
+        this.translations = data['translation'];
+      }
+    });
+  }
 
   search(ev: string) {
     this.filter = ev || '';
diff --git a/libs/transactions-journey/internal/feature-transaction-view/src/translations-catalog.ts b/libs/transactions-journey/internal/feature-transaction-view/src/translations-catalog.ts
new file mode 100644
index 000000000..376f3eec1
--- /dev/null
+++ b/libs/transactions-journey/internal/feature-transaction-view/src/translations-catalog.ts
@@ -0,0 +1,19 @@
+import { $localize } from '@angular/localize/init';
+export interface TransactionsJourneyTransactionViewTranslations {
+  'transactions.filters.label': string;
+  'transactions.account-filter.remove': string;
+}
+export const transactionsJourneyTransactionViewTranslations: TransactionsJourneyTransactionViewTranslations =
+  {
+    'transactions.filters.label': $localize`:Label for filtered by - 'filtered by:'|This string is used as the
+              label for the filter section in the transactions view. It is
+              presented to the user to indicate the criteria by which the
+              transactions are filtered. This label is located in the transactions
+              view component.@@transactions.filters.label:filtered by`,
+    'transactions.account-filter.remove': $localize`:Remove account label for Account Badge - 'Remove account
+              filter'|This string is used as the title for the remove account
+              filter button in the transactions view. It is presented to the user
+              as a tooltip when they hover over the button to remove the account
+              filter. This title is located in the transactions view
+              component.@@transactions.account-filter.remove:Remove account filter`,
+  };
diff --git a/libs/transactions-journey/internal/shared-data/src/lib/config/constants/dynamic-translations.ts b/libs/transactions-journey/internal/shared-data/src/lib/config/constants/dynamic-translations.ts
index 51d99fd62..892f9e706 100644
--- a/libs/transactions-journey/internal/shared-data/src/lib/config/constants/dynamic-translations.ts
+++ b/libs/transactions-journey/internal/shared-data/src/lib/config/constants/dynamic-translations.ts
@@ -1,4 +1,15 @@
 export const TRANSLATIONS = {
   transactionsTitle: $localize`:Transactions Title - 'Transactions List'|This string is used as the title for the transactions list page. It is presented to the user as the header of the page when they view the list of transactions. This title is located at the top of the transactions list page.@@transactions-journey.header.text:Transactions List`,
   transactionDetailsTitle: $localize`:Transaction Details Title - 'Transaction Details'|This string is used as the title for the transaction details page. It is presented to the user as the header of the page when they view the details of a transaction. This title is located at the top of the transaction details page.@@transactions-journey.details.text:Transaction Details`,
+  'transactions.filters.label': $localize`:Label for filtered by - 'filtered by'|This string is used as the
+  label for the filter section in the transactions view. It is
+  presented to the user to indicate the criteria by which the
+  transactions are filtered. This label is located in the transactions
+  view component.@@transactions.filters.label:filtered by - overriden`,
+  'transactions.account-filter.remove': $localize`:Remove account label for Account Badge - 'Remove account
+  filter'|This string is used as the title for the remove account
+  filter button in the transactions view. It is presented to the user
+  as a tooltip when they hover over the button to remove the account
+  filter. This title is located in the transactions view
+  component.@@transactions.account-filter.remove:Remove account filter-overriden`,
 };
diff --git a/libs/transactions-journey/internal/ui/src/index.ts b/libs/transactions-journey/internal/ui/src/index.ts
index a01cae460..5355fedaa 100644
--- a/libs/transactions-journey/internal/ui/src/index.ts
+++ b/libs/transactions-journey/internal/ui/src/index.ts
@@ -1 +1,5 @@
 export { TextFilterComponent } from './lib/components/text-filter/text-filter.component';
+export {
+  TransactionsJourneyTextFilterTranslations,
+  transactionsJourneyTextFilterTranslations,
+} from './translations-catalog';
diff --git a/libs/transactions-journey/internal/ui/src/lib/components/text-filter/text-filter.component.html b/libs/transactions-journey/internal/ui/src/lib/components/text-filter/text-filter.component.html
index fcad412b6..a4c40a5e0 100644
--- a/libs/transactions-journey/internal/ui/src/lib/components/text-filter/text-filter.component.html
+++ b/libs/transactions-journey/internal/ui/src/lib/components/text-filter/text-filter.component.html
@@ -1,18 +1,6 @@
 <bb-input-text-ui
-  aria-label="filter transactions"
-  i18n-aria-label="
-    Filter transaction aria label - 'filter transactions'|This string is used as
-    the aria-label for the filter transactions input field. It is presented to
-    the user as an accessibility feature to describe the purpose of the input
-    field. This aria-label is located in the text filter
-    component.@@transaction.form.filter.aria-label"
-  placeholder="filter transactions by type"
-  i18n-placeholder="
-    Filter transaction placeholder - 'filter transactions by type'|This string
-    is used as the placeholder text for the filter transactions input field. It
-    is presented to the user to indicate that they can filter transactions by
-    type. This placeholder is located in the text filter
-    component.@@transaction.form.filter.placeholder"
+  [ariaLabel]="translations['transaction.form.filter.aria-label']"
+  [placeholder]="translations['transaction.form.filter.placeholder']"
   [ngModel]="text"
   (ngModelChange)="textChange.emit($event)"
 ></bb-input-text-ui>
diff --git a/libs/transactions-journey/internal/ui/src/lib/components/text-filter/text-filter.component.ts b/libs/transactions-journey/internal/ui/src/lib/components/text-filter/text-filter.component.ts
index 1f333f941..76e739f45 100644
--- a/libs/transactions-journey/internal/ui/src/lib/components/text-filter/text-filter.component.ts
+++ b/libs/transactions-journey/internal/ui/src/lib/components/text-filter/text-filter.component.ts
@@ -3,7 +3,10 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { InputTextModule } from '@backbase/ui-ang/input-text';
-
+import {
+  transactionsJourneyTextFilterTranslations,
+  TransactionsJourneyTextFilterTranslations,
+} from '../../../translations-catalog';
 @Component({
   selector: 'bb-text-filter',
   templateUrl: './text-filter.component.html',
@@ -14,4 +17,19 @@ import { InputTextModule } from '@backbase/ui-ang/input-text';
 export class TextFilterComponent {
   @Output() textChange = new EventEmitter<string>();
   @Input() text: string | null = '';
+  private _translations: TransactionsJourneyTextFilterTranslations = {
+    ...transactionsJourneyTextFilterTranslations,
+  };
+
+  @Input()
+  set translations(value: Partial<TransactionsJourneyTextFilterTranslations>) {
+    this._translations = {
+      ...transactionsJourneyTextFilterTranslations,
+      ...value,
+    };
+  }
+
+  get translations(): TransactionsJourneyTextFilterTranslations {
+    return this._translations;
+  }
 }
diff --git a/libs/transactions-journey/internal/ui/src/translations-catalog.ts b/libs/transactions-journey/internal/ui/src/translations-catalog.ts
new file mode 100644
index 000000000..c677f4bf5
--- /dev/null
+++ b/libs/transactions-journey/internal/ui/src/translations-catalog.ts
@@ -0,0 +1,19 @@
+import { $localize } from '@angular/localize/init';
+
+export interface TransactionsJourneyTextFilterTranslations {
+  'transaction.form.filter.aria-label': string;
+  'transaction.form.filter.placeholder': string;
+}
+export const transactionsJourneyTextFilterTranslations: TransactionsJourneyTextFilterTranslations =
+  {
+    'transaction.form.filter.aria-label': $localize`:Filter transaction aria label - 'filter transactions'|This string is used as
+      the aria-label for the filter transactions input field. It is presented to
+      the user as an accessibility feature to describe the purpose of the input
+      field. This aria-label is located in the text filter
+      component.@@transaction.form.filter.aria-label:filter transactions`,
+    'transaction.form.filter.placeholder': $localize`:Filter transaction placeholder - 'filter transactions by type'|This string
+      is used as the placeholder text for the filter transactions input field. It
+      is presented to the user to indicate that they can filter transactions by
+      type. This placeholder is located in the text filter
+      component.@@transaction.form.filter.placeholder:filter transactions by type`,
+  };
diff --git a/libs/transactions-journey/src/lib/transactions-journey-shell.module.ts b/libs/transactions-journey/src/lib/transactions-journey-shell.module.ts
index fa49b490d..a3d9b54e5 100644
--- a/libs/transactions-journey/src/lib/transactions-journey-shell.module.ts
+++ b/libs/transactions-journey/src/lib/transactions-journey-shell.module.ts
@@ -30,6 +30,7 @@ const defaultRoutes: Routes = [
     component: TransactionsViewComponent,
     data: {
       title: TRANSLATIONS.transactionsTitle,
+      translation: TRANSLATIONS, // this is just to show on how translations can be overridden
     },
     resolve: {
       title: TransactionsRouteTitleResolverService,
@@ -40,6 +41,14 @@ const defaultRoutes: Routes = [
     component: TransactionDetailsComponent,
     data: {
       title: TRANSLATIONS.transactionDetailsTitle,
+      translation: {
+        'transactions.details.recepient': $localize`:Recepient label for Transaction Details - 'Recepient'|This
+                      string is used as the label for the recipient field in the
+                      transaction details view. It is presented to the user when they
+                      view the details of a transaction. This label is located in the
+                      transaction details view
+                      component.@@transactions.details.recepient:Recipients`,
+      }, // this is just to show on how translations can be overridden
     },
     resolve: {
       title: TransactionsRouteTitleResolverService,
diff --git a/libs/transfer-journey/internal/feature/src/index.ts b/libs/transfer-journey/internal/feature/src/index.ts
index c68fe6b79..6b99feb6a 100644
--- a/libs/transfer-journey/internal/feature/src/index.ts
+++ b/libs/transfer-journey/internal/feature/src/index.ts
@@ -1,3 +1,7 @@
 export { MakeTransferSuccessViewComponent } from './lib/components/make-transfer-success-view/make-transfer-success-view.component';
 export { MakeTransferSummaryViewComponent } from './lib/components/make-transfer-summary-view/make-transfer-summary-view.component';
 export { MakeTransferViewComponent } from './lib/components/make-transfer-view/make-transfer-view.component';
+export {
+  transferJourneyMakeTransferSuccessViewTranslations,
+  TransferJourneyMakeTransferSuccessViewTranslations,
+} from './translations-catalog';
diff --git a/libs/transfer-journey/internal/feature/src/lib/components/make-transfer-success-view/make-transfer-success-view.component.html b/libs/transfer-journey/internal/feature/src/lib/components/make-transfer-success-view/make-transfer-success-view.component.html
index 8a5104d85..a4e2663ba 100644
--- a/libs/transfer-journey/internal/feature/src/lib/components/make-transfer-success-view/make-transfer-success-view.component.html
+++ b/libs/transfer-journey/internal/feature/src/lib/components/make-transfer-success-view/make-transfer-success-view.component.html
@@ -9,13 +9,7 @@
     class="bb-button-bar__button"
     color="secondary"
     (click)="close()"
-    i18n="
-      Close button label - 'Close'|This string is used as the label for the
-      close button in the transfer success view. It is presented to the user
-      when they want to close the success message after making a transfer. This
-      label is located in the transfer success view component.
-      @@transfer.success.close.text"
   >
-    Close
+    {{ translations['transfer.success.close.text'] }}
   </button>
 </div>
diff --git a/libs/transfer-journey/internal/feature/src/lib/components/make-transfer-success-view/make-transfer-success-view.component.ts b/libs/transfer-journey/internal/feature/src/lib/components/make-transfer-success-view/make-transfer-success-view.component.ts
index f9df6a62d..6929df090 100644
--- a/libs/transfer-journey/internal/feature/src/lib/components/make-transfer-success-view/make-transfer-success-view.component.ts
+++ b/libs/transfer-journey/internal/feature/src/lib/components/make-transfer-success-view/make-transfer-success-view.component.ts
@@ -1,9 +1,13 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { AsyncPipe, NgIf } from '@angular/common';
 
 import { ActivatedRoute, Router } from '@angular/router';
 import { MakeTransferJourneyState } from '@backbase-gsa/transfer-journey/internal/data-access';
 import { ButtonModule } from '@backbase/ui-ang/button';
+import {
+  TransferJourneyMakeTransferSuccessViewTranslations,
+  transferJourneyMakeTransferSuccessViewTranslations,
+} from '../../../translations-catalog';
 
 @Component({
   templateUrl: 'make-transfer-success-view.component.html',
@@ -12,6 +16,23 @@ import { ButtonModule } from '@backbase/ui-ang/button';
 })
 export class MakeTransferSuccessViewComponent {
   transfer$ = this.transferStore.transfer$;
+  private _translations: TransferJourneyMakeTransferSuccessViewTranslations = {
+    ...transferJourneyMakeTransferSuccessViewTranslations,
+  };
+
+  @Input()
+  set translations(
+    value: Partial<TransferJourneyMakeTransferSuccessViewTranslations>
+  ) {
+    this._translations = {
+      ...transferJourneyMakeTransferSuccessViewTranslations,
+      ...value,
+    };
+  }
+
+  get translations(): TransferJourneyMakeTransferSuccessViewTranslations {
+    return this._translations;
+  }
 
   close(): void {
     this.router.navigate(['../make-transfer'], { relativeTo: this.route });
diff --git a/libs/transfer-journey/internal/feature/src/translations-catalog.ts b/libs/transfer-journey/internal/feature/src/translations-catalog.ts
new file mode 100644
index 000000000..a70b87e71
--- /dev/null
+++ b/libs/transfer-journey/internal/feature/src/translations-catalog.ts
@@ -0,0 +1,12 @@
+import { $localize } from '@angular/localize/init';
+export interface TransferJourneyMakeTransferSuccessViewTranslations {
+  'transfer.success.close.text': string;
+}
+export const transferJourneyMakeTransferSuccessViewTranslations: TransferJourneyMakeTransferSuccessViewTranslations =
+  {
+    'transfer.success.close.text': $localize`:Close button label - 'Close'|This string is used as the label for the
+        close button in the transfer success view. It is presented to the user
+        when they want to close the success message after making a transfer. This
+        label is located in the transfer success view component.
+        @@transfer.success.close.text:Close`,
+  };
diff --git a/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-form/make-transfer-form.component.html b/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-form/make-transfer-form.component.html
index 4b580fecd..0e187bc62 100644
--- a/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-form/make-transfer-form.component.html
+++ b/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-form/make-transfer-form.component.html
@@ -1,61 +1,36 @@
 <form [formGroup]="makeTransferForm" (ngSubmit)="transfer()">
   <div class="bb-block bb-block--xl">
     <div class="bb-block bb-block--md">
-      <label
-        i18n="from account label@@transfer.form.fromAccount.label"
-        class="form-label"
-        >From account</label
-      >
+      <label class="form-label">{{
+        translations['transfer.form.fromAccount.label']
+      }}</label>
       <input type="text" class="form-control" formControlName="fromAccount" />
     </div>
     <div class="bb-block bb-block--md">
-      <label
-        i18n="
-          To account label - 'To Account'|This string is used as the label for
-          the 'To Account' field in the transfer form. It is presented to the
-          user when they need to specify the destination account for the
-          transfer. This label is located in the transfer form
-          layout.@@transfer.form.toAccount.label"
-        class="form-label"
-        >To Account</label
-      >
+      <label class="form-label">{{
+        translations['transfer.form.toAccount.label']
+      }}</label>
       <input
         type="text"
         class="form-control"
         formControlName="toAccount"
-        placeholder="type an account name"
-        i18n-placeholder="
-          From account placeholder - 'type an account name'|This string is used
-          as the placeholder for the 'From Account' field in the transfer form.
-          It is presented to the user when they need to type the name of the
-          account from which the transfer will be made. This placeholder is
-          located in the transfer form
-          layout.@@transfer.form.toAccount.placeholder"
+        [placeholder]="translations['transfer.form.toAccount.placeholder']"
       />
       <div bbValidationMessage>
         <bb-input-validation-message-ui
           [showErrors]="isInvalidControl('toAccount')"
         >
-          <span
-            i18n="
-              To account required error message - 'Required field'|This string
-              is used as the error message for the 'To Account' field in the
-              transfer form when the field is required but not filled. It is
-              presented to the user when they need to fill in the 'To Account'
-              field. This error message is located in the transfer form
-              layout.@@transfer.form.toAccount.error.required"
-            *ngIf="getError('toAccount', 'required')"
-          >
-            Required field
+          <span *ngIf="getError('toAccount', 'required')">
+            {{ translations['transfer.form.toAccount.error.required'] }}
           </span>
         </bb-input-validation-message-ui>
       </div>
     </div>
 
     <div class="bb-block bb-block--md">
-      <label i18n="amount label@@transfer.form.amount.label" class="form-label"
-        >Amount</label
-      >
+      <label class="form-label">{{
+        translations['transfer.form.amount.label']
+      }}</label>
       <bb-currency-input-ui
         [currencyLabel]="'Amount'"
         formControlName="amount"
@@ -65,11 +40,8 @@
           <bb-input-validation-message-ui
             [showErrors]="isInvalidControl('amount')"
           >
-            <span
-              *ngIf="getError('amount', 'required')"
-              i18n="amount required error@@transfer.form.amount.error.required"
-            >
-              Required field
+            <span *ngIf="getError('amount', 'required')">
+              {{ translations['transfer.form.amount.error.required'] }}
             </span>
             <span *ngIf="getError('amount', 'max') as error">
               {{ error }}
@@ -81,12 +53,8 @@
   </div>
 
   <div class="bb-button-bar">
-    <button
-      bbButton
-      type="submit"
-      i18n="submit button@@transfer.form.submit.text"
-    >
-      Submit
+    <button bbButton type="submit">
+      {{ translations['transfer.form.submit.text'] }}
     </button>
   </div>
 </form>
diff --git a/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-form/make-transfer-form.component.ts b/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-form/make-transfer-form.component.ts
index 5d45f757b..ef82cfb8d 100644
--- a/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-form/make-transfer-form.component.ts
+++ b/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-form/make-transfer-form.component.ts
@@ -16,6 +16,10 @@ import {
   Transfer,
 } from '@backbase-gsa/transfer-journey/internal/shared-data';
 import { ActivatedRoute } from '@angular/router';
+import {
+  transferJourneyMakeTransferFormTranslations,
+  TransferJourneyMakeTransferFormTranslations,
+} from '../../../translations-catalog';
 
 @Component({
   selector: 'bb-make-transfer-form',
@@ -36,6 +40,24 @@ export class MakeTransferFormComponent implements OnInit {
 
   @Output() submitTransfer = new EventEmitter<Transfer | undefined>();
 
+  private _translations: TransferJourneyMakeTransferFormTranslations = {
+    ...transferJourneyMakeTransferFormTranslations,
+  };
+
+  @Input()
+  set translations(
+    value: Partial<TransferJourneyMakeTransferFormTranslations>
+  ) {
+    this._translations = {
+      ...transferJourneyMakeTransferFormTranslations,
+      ...value,
+    };
+  }
+
+  get translations(): TransferJourneyMakeTransferFormTranslations {
+    return this._translations;
+  }
+
   makeTransferForm!: FormGroup;
   currencies = ['USD', 'EUR'];
 
diff --git a/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-summary/make-transfer-summary.component.html b/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-summary/make-transfer-summary.component.html
index b785a7e43..8a9fdfc14 100644
--- a/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-summary/make-transfer-summary.component.html
+++ b/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-summary/make-transfer-summary.component.html
@@ -1,12 +1,9 @@
 <div>
-  <p i18n="summary heading label@@transfer.summary.heading.label">
-    Are you sure to send out this transfer?
+  <p>
+    {{ translations['transfer.summary.heading.label'] }}
   </p>
   <strong
-    i18n="
-      summary account description
-      label@@transfer.summary.account.description.label"
-    >it will be send to account:</strong
+    >{{ translations['transfer.summary.account.description.label'] }}:</strong
   >
   <br />
   <span data-role="transfer-account-destination">{{
@@ -14,30 +11,21 @@
   }}</span>
   <br />
   <strong
-    i18n="
-      summary amount description
-      label@@transfer.summary.amount.description.label"
-    >With amount of:</strong
+    >{{ translations['transfer.summary.amount.description.label'] }}:</strong
   >
   <br />
   <span data-role="transfer-amount">{{ transfer?.amount }}</span>
 </div>
 <div class="bb-button-bar">
-  <button
-    bbButton
-    class="bb-button-bar__button"
-    i18n="submit button@@transfer.summary.submit.text"
-    (click)="submit()"
-  >
-    Submit
+  <button bbButton class="bb-button-bar__button" (click)="submit()">
+    {{ translations['transfer.summary.submit.text'] }}
   </button>
   <button
     bbButton
     class="bb-button-bar__button"
     color="secondary"
-    i18n="close button@@transfer.summary.close.text"
     (click)="close()"
   >
-    Close
+    {{ translations['transfer.summary.close.text'] }}
   </button>
 </div>
diff --git a/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-summary/make-transfer-summary.component.ts b/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-summary/make-transfer-summary.component.ts
index d37edd388..427504674 100644
--- a/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-summary/make-transfer-summary.component.ts
+++ b/libs/transfer-journey/internal/ui/src/lib/components/make-transfer-summary/make-transfer-summary.component.ts
@@ -2,6 +2,10 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Transfer } from '@backbase-gsa/transfer-journey/internal/shared-data';
 import { ButtonModule } from '@backbase/ui-ang/button';
 
+import {
+  transferJourneyMakeTransferSummaryTranslations,
+  TransferJourneyMakeTransferSummaryTranslations,
+} from '../../../translations-catalog';
 @Component({
   selector: 'bb-make-transfer-summary',
   templateUrl: 'make-transfer-summary.component.html',
@@ -12,6 +16,23 @@ export class MakeTransferSummaryComponent {
   @Input() transfer: Transfer | undefined;
   @Output() submitTransfer = new EventEmitter<void>();
   @Output() closeTransfer = new EventEmitter<void>();
+  private _translations: TransferJourneyMakeTransferSummaryTranslations = {
+    ...transferJourneyMakeTransferSummaryTranslations,
+  };
+
+  @Input()
+  set translations(
+    value: Partial<TransferJourneyMakeTransferSummaryTranslations>
+  ) {
+    this._translations = {
+      ...transferJourneyMakeTransferSummaryTranslations,
+      ...value,
+    };
+  }
+
+  get translations(): TransferJourneyMakeTransferSummaryTranslations {
+    return this._translations;
+  }
 
   submit(): void {
     this.submitTransfer.emit();
diff --git a/libs/transfer-journey/internal/ui/src/translations-catalog.ts b/libs/transfer-journey/internal/ui/src/translations-catalog.ts
new file mode 100644
index 000000000..e695ff18f
--- /dev/null
+++ b/libs/transfer-journey/internal/ui/src/translations-catalog.ts
@@ -0,0 +1,79 @@
+export interface TransferJourneyMakeTransferFormTranslations {
+  'transfer.form.fromAccount.label': string;
+  'transfer.form.toAccount.label': string;
+  'transfer.form.toAccount.placeholder': string;
+  'transfer.form.toAccount.error.required': string;
+  'transfer.form.amount.label': string;
+  'transfer.form.amount.error.required': string;
+  'transfer.form.submit.text': string;
+}
+
+export const transferJourneyMakeTransferFormTranslations: TransferJourneyMakeTransferFormTranslations =
+  {
+    'transfer.form.fromAccount.label': $localize`:From account label - 'From account'|This string is used as the label for the
+          'From Account' field in the transfer form. It is presented to the user when
+          they need to specify the source account for the transfter. This label is
+          located in the transfer form layout@@transfer.form.fromAccount.label:From account`,
+    'transfer.form.toAccount.label': $localize`:To account label - 'To Account'|This string is used as the label for
+            the 'To Account' field in the transfer form. It is presented to the
+            user when they need to specify the destination account for the
+            transfer. This label is located in the transfer form
+            layout.@@transfer.form.toAccount.label:To account`,
+    'transfer.form.toAccount.placeholder': $localize`:From account placeholder - 'type an account name'|This string is used
+            as the placeholder for the 'From Account' field in the transfer form.
+            It is presented to the user when they need to type the name of the
+            account from which the transfer will be made. This placeholder is
+            located in the transfer form
+            layout.@@transfer.form.toAccount.placeholder:type an account name`,
+    'transfer.form.toAccount.error.required': $localize`:To account required error message - 'Required field'|This string
+                is used as the error message for the 'To Account' field in the
+                transfer form when the field is required but not filled. It is
+                presented to the user when they need to fill in the 'To Account'
+                field. This error message is located in the transfer form
+                layout.@@transfer.form.toAccount.error.required:Required field`,
+    'transfer.form.amount.label': $localize`:Amount label - 'Amount'|This string is used as the label for the
+        'Amount' field in the transfer form. It is presented to the user when
+        they need to specify the amount to be transferred. This label is
+        located in the transfer form layout@@transfer.form.amount.label:Amount`,
+    'transfer.form.amount.error.required': $localize`:Amount required error - 'Required field'|This string
+                is used as the error message for the 'Amount' field in the
+                transfer form when the field is required but not filled. It is
+                presented to the user when they need to fill in the 'Amount'
+                field. This error message is located in the transfer form
+                layout.@@transfer.form.amount.error.required:Required field`,
+    'transfer.form.submit.text': $localize`:Submit button label - 'Submit'|This string is used as the label for the
+        'Submit' button in the transfer form. It is presented to the user as the button to be
+        pressed when the data in form is ready to make a transfer. This label is
+        located in the transfer form layout@@transfer.form.submit.text:Submit`,
+  };
+
+export interface TransferJourneyMakeTransferSummaryTranslations {
+  'transfer.summary.heading.label': string;
+  'transfer.summary.account.description.label': string;
+  'transfer.summary.amount.description.label': string;
+  'transfer.summary.submit.text': string;
+  'transfer.summary.close.text': string;
+}
+export const transferJourneyMakeTransferSummaryTranslations: TransferJourneyMakeTransferSummaryTranslations =
+  {
+    'transfer.summary.heading.label': $localize`:Summary heading label - 'Are you sure to send out this transfer'|This string is used as the label for the
+  header of the summary's transfer in the summary of the transfer before proceeding with it. It is presented to the user when
+  the user needs to confirm if the details of the transfer are correct. This label is
+  located in the summary for make a transfer layout@@transfer.summary.heading.label:Are you sure to send out this transfer`,
+    'transfer.summary.account.description.label': $localize`:Summary account description label - 'it will be send to account'|This string is used as the label for the
+    account description label in the summary of the transfer before proceeding with it. It is presented to the user when
+    the user needs to confirm if the details of the transfer are correct. This label is
+    located in the summary for make a transfer layout@@transfer.summary.account.description.label:it will be send to account`,
+    'transfer.summary.amount.description.label': $localize`:Summary amount description label - 'With amount of'|This string is used as the label for the
+    amount description label in the summary of the transfer before proceeding with it. It is presented to the user when
+    the user needs to confirm if the details of the transfer are correct. This label is
+    located in the summary for make a transfer layout@@transfer.summary.amount.description.label:With amount of`,
+    'transfer.summary.submit.text': $localize`:Summary Submit button label - 'Submit'|This string is used as the label for the
+    'Submit' button in the transfer summary form. It is presented to the user as the button to be
+    pressed when the data in form is ready to make a transfer. This label is
+    located in the make a transfer summary form layout@@transfer.summary.submit.text:Submit`,
+    'transfer.summary.close.text': $localize`:Summary Close button label - 'Close'|This string is used as the label for the
+    'Close' button in the transfer summary form. It is presented to the user as the button to be
+    pressed to close the modal and cancel the transfer. This label is
+    located in the make a transfer summary form layout@@transfer.summary.close.text:Close`,
+  };
diff --git a/libs/transfer-journey/src/index.ts b/libs/transfer-journey/src/index.ts
index f72b5e637..a4950710a 100644
--- a/libs/transfer-journey/src/index.ts
+++ b/libs/transfer-journey/src/index.ts
@@ -5,3 +5,7 @@ export {
   MakeTransferCommunicationService,
 } from '@backbase-gsa/transfer-journey/internal/data-access';
 export { Transfer } from '@backbase-gsa/transfer-journey/internal/shared-data';
+export {
+  transferJourneyTranslations,
+  TransferJourneyTranslations,
+} from './translations-catalog';
diff --git a/libs/transfer-journey/src/lib/transfer-journey.component.html b/libs/transfer-journey/src/lib/transfer-journey.component.html
index 0e202962d..763f5e7aa 100644
--- a/libs/transfer-journey/src/lib/transfer-journey.component.html
+++ b/libs/transfer-journey/src/lib/transfer-journey.component.html
@@ -7,10 +7,9 @@ <h1 class="bb-card__title">{{ title }}</h1>
     <div class="bb-card__body">
       <bb-alert-ui
         *ngIf="accountName"
-        title="Transfer Alert"
+        [title]="translations['transfer.repeat.title']"
         modifier="info"
         [message]="repeatMessage"
-        i18n-title="A title for Repeat Transfer Alert@@transfer.repeat.title"
         data-role="alert-multiple-lines"
       ></bb-alert-ui>
 
diff --git a/libs/transfer-journey/src/lib/transfer-journey.component.ts b/libs/transfer-journey/src/lib/transfer-journey.component.ts
index f8fbc1c8b..5fbedc464 100644
--- a/libs/transfer-journey/src/lib/transfer-journey.component.ts
+++ b/libs/transfer-journey/src/lib/transfer-journey.component.ts
@@ -1,7 +1,15 @@
-import { Component } from '@angular/core';
+import { Validators } from '@angular/forms';
+import { Component, Input } from '@angular/core';
 import { MakeTransferJourneyState } from '@backbase-gsa/transfer-journey/internal/data-access';
 import { ActivatedRoute } from '@angular/router';
-
+import {
+  getTransferRepeatMessage,
+  transferJourneyTranslations,
+  TransferJourneyTranslations,
+} from '../translations-catalog';
+interface Translations {
+  [key: string]: string;
+}
 @Component({
   selector: 'bb-transfer-journey',
   templateUrl: 'transfer-journey.component.html',
@@ -12,7 +20,20 @@ export class TransferJourneyComponent {
 
   public accountName: string = this.route.snapshot.params['accountName'];
 
-  public repeatMessage = $localize`:A message for Repeat Transfer Alert@@transfer.repeat.message:Making Repeated Transfer for ${this.accountName}`;
+  public repeatMessage = getTransferRepeatMessage(this.accountName);
+
+  private _translations: TransferJourneyTranslations = {
+    ...transferJourneyTranslations,
+  };
+
+  @Input()
+  set translations(value: Partial<TransferJourneyTranslations>) {
+    this._translations = { ...transferJourneyTranslations, ...value };
+  }
+
+  get translations(): TransferJourneyTranslations {
+    return this._translations;
+  }
 
   constructor(private route: ActivatedRoute) {}
 }
diff --git a/libs/transfer-journey/src/translations-catalog.ts b/libs/transfer-journey/src/translations-catalog.ts
new file mode 100644
index 000000000..1bc056f90
--- /dev/null
+++ b/libs/transfer-journey/src/translations-catalog.ts
@@ -0,0 +1,10 @@
+export interface TransferJourneyTranslations {
+  'transfer.repeat.title': string;
+}
+export const transferJourneyTranslations: TransferJourneyTranslations = {
+  'transfer.repeat.title': $localize`:Title for Repeat Transfer Alert - 'Transfer Alert'|This string is used as the title 
+      for the Repeat Transfer Alert. It is presented to the user when they are alerted about a repeat 
+      transfer. This title is located in the transfer journey component.@@transfer.repeat.title:Transfer Alert`,
+};
+export const getTransferRepeatMessage = (accountName: string) =>
+  $localize`:A message for Repeat Transfer Alert@@transfer.repeat.message:Making Repeated Transfer for ${accountName}`;