add translations

processout · Jan 8, 2025 · 5a3013c · 5a3013c
1 parent 35e5914
commit 5a3013c
Show file tree

Hide file tree

Showing 9 changed files with 38 additions and 9 deletions.
diff --git a/scripts/modal.js b/scripts/modal.js
diff --git a/scripts/processout.js b/scripts/processout.js
diff --git a/src/dynamic-checkout/elements/payment-methods-manager.ts b/src/dynamic-checkout/elements/payment-methods-manager.ts
@@ -5,10 +5,15 @@ module ProcessOut {
     public element: HTMLElement;
     private expressPaymentMethods: PaymentMethodButton[];
     public modal: any;
+    private paymentConfig: DynamicCheckoutPaymentConfigType;
 
-    constructor(expressPaymentMethods: PaymentMethodButton[]) {
+    constructor(
+      expressPaymentMethods: PaymentMethodButton[],
+      paymentConfig: DynamicCheckoutPaymentConfigType
+    ) {
       this.expressPaymentMethods = expressPaymentMethods;
       this.element = this.createElement();
+      this.paymentConfig = paymentConfig;
     }
 
     private createElement() {
@@ -44,15 +49,25 @@ module ProcessOut {
               footer: true,
               stickyFooter: false,
               closeMethods: ["overlay", "button", "escape"],
-              closeLabel: "Close",
+              closeLabel: Translations.getText(
+                "payments-manager-close-button",
+                this.paymentConfig.locale
+              ),
             })
           : null;
 
       this.modal.setContent(this.createModalContent());
 
-      this.modal.addFooterBtn("Close", "close-modal-btn", () => {
-        this.modal.close();
-      });
+      this.modal.addFooterBtn(
+        Translations.getText(
+          "payments-manager-close-button",
+          this.paymentConfig.locale
+        ),
+        "close-modal-btn",
+        () => {
+          this.modal.close();
+        }
+      );
 
       this.modal.open();
     }
@@ -67,7 +82,10 @@ module ProcessOut {
           {
             tagName: "div",
             classNames: ["dco-modal-content-header"],
-            textContent: "Manage saved payment methods",
+            textContent: Translations.getText(
+              "payments-manager-header",
+              this.paymentConfig.locale
+            ),
           },
           {
             tagName: "div",

diff --git a/src/dynamic-checkout/locales/en.ts b/src/dynamic-checkout/locales/en.ts
@@ -25,5 +25,7 @@ module ProcessOut {
     "city-label": "City",
     "postcode-label": "Postal code",
     "state-label": "State",
+    "payments-manager-header": "Manage saved payment methods",
+    "payments-manager-close-button": "Close",
   };
 }
diff --git a/src/dynamic-checkout/locales/es.ts b/src/dynamic-checkout/locales/es.ts
@@ -26,5 +26,7 @@ module ProcessOut {
     "city-label": "Ciudad",
     "postcode-label": "Código postal",
     "state-label": "Estado",
+    "payments-manager-header": "Administrar métodos de pago guardados",
+    "payments-manager-close-button": "Cerrar",
   };
 }
diff --git a/src/dynamic-checkout/locales/fr.ts b/src/dynamic-checkout/locales/fr.ts
@@ -27,5 +27,7 @@ module ProcessOut {
     "city-label": "Ville",
     "postcode-label": "Code postal",
     "state-label": "État",
+    "payments-manager-header": "Gérer les méthodes de paiement enregistrées",
+    "payments-manager-close-button": "Fermer",
   };
 }
diff --git a/src/dynamic-checkout/locales/pl.ts b/src/dynamic-checkout/locales/pl.ts
@@ -28,5 +28,7 @@ module ProcessOut {
     "city-label": "Miasto",
     "postcode-label": "Kod pocztowy",
     "state-label": "Stan",
+    "payments-manager-header": "Zarządzaj zapisanymi metodami płatności",
+    "payments-manager-close-button": "Zamknij",
   };
 }
diff --git a/src/dynamic-checkout/locales/pt.ts b/src/dynamic-checkout/locales/pt.ts
@@ -27,5 +27,7 @@ module ProcessOut {
     "city-label": "Cidade",
     "postcode-label": "Código postal",
     "state-label": "Estado",
+    "payments-manager-header": "Gerenciar métodos de pagamento salvos",
+    "payments-manager-close-button": "Fechar",
   };
 }
diff --git a/src/dynamic-checkout/views/payment-methods.ts b/src/dynamic-checkout/views/payment-methods.ts
@@ -174,7 +174,8 @@ module ProcessOut {
       }
 
       this.paymentMethodsManager = new PaymentMethodsManager(
-        expressPaymentMethods
+        expressPaymentMethods,
+        this.paymentConfig
       );
 
       expressCheckoutHeader.appendChild(this.paymentMethodsManager.element);