feat: dispatch card verification events and copy in tokenize-only che… (#278)

* feat: dispatch card verification events and copy in tokenize-only checkout

* bump version

Author: jakubjasinsky

package.json

@@ -1,6 +1,6 @@
 {
   "name": "processout.js",
-  "version": "1.9.10",
+  "version": "1.9.11",
   "description": "ProcessOut.js is a JavaScript library for ProcessOut's payment processing API.",
   "scripts": {
     "build:processout": "tsc -p src/processout && uglifyjs --compress --keep-fnames --ie8 dist/processout.js -o dist/processout.js",

src/dynamic-checkout/config/payment-config.ts

@@ -70,6 +70,18 @@ module ProcessOut {
       this.invoiceDetails = invoiceDetails
     }
 
+    // Tokenize-only is exposed per payment method by the API, but it describes the whole
+    // checkout: the shopper is verifying a card, not paying for the invoice.
+    public isTokenizeOnly(): boolean {
+      if (!this.invoiceDetails || !this.invoiceDetails.payment_methods) {
+        return false
+      }
+
+      return this.invoiceDetails.payment_methods.some(
+        paymentMethod => paymentMethod.card && paymentMethod.card.tokenize_only,
+      )
+    }
+
     public getAdditionalDataForGateway(gatewayName: string): Record<string, string> {
       return this.additionalData[gatewayName] || {}
     }

src/dynamic-checkout/dynamic-checkout.ts

@@ -94,7 +94,7 @@ module ProcessOut {
           new DynamicCheckoutPaymentErrorView(
             this.processOutInstance,
             this.paymentConfig,
-            Translations.getText("payment-error-generic-message", this.paymentConfig.locale),
+            getStatusMessage("payment-error-generic-message", this.paymentConfig),
           ).element,
         )
 
@@ -106,12 +106,16 @@ module ProcessOut {
         )
       }
 
+      // Set before the status check below so the error view and event know whether this
+      // checkout is a tokenize-only (card verification) one.
+      this.paymentConfig.setInvoiceDetails(data.invoice)
+
       if (data.invoice.transaction.status !== "waiting") {
         this.loadView(
           new DynamicCheckoutPaymentErrorView(
             this.processOutInstance,
             this.paymentConfig,
-            Translations.getText("payment-error-generic-message", this.paymentConfig.locale),
+            getStatusMessage("payment-error-generic-message", this.paymentConfig),
           ).element,
         )
 
@@ -125,11 +129,12 @@ module ProcessOut {
           undefined,
           undefined,
           data.invoice.return_url || null,
+          undefined,
+          undefined,
+          this.paymentConfig.isTokenizeOnly(),
         )
       }
 
-      this.paymentConfig.setInvoiceDetails(data.invoice)
-
       this.loadDynamicCheckoutView()
     }
 

src/dynamic-checkout/locales/ar.ts

@@ -24,6 +24,13 @@ module ProcessOut {
     "payment-info-message": "نقوم بمعالجة عملية الدفع الخاصة بك. يمكنك الآن إغلاق هذه النافذة.",
     "payment-pending-message": "عملية الدفع الخاصة بك قيد الانتظار.",
     "payment-error-generic-message": "لم نتمكن من معالجة عملية الدفع الخاصة بك.",
+    "verification-success-message": "اكتملت عملية التحقق هذه.",
+    "verification-cancelled-message": "تم إلغاء عملية التحقق.",
+    "verification-info-message":
+      "نقوم بمعالجة عملية التحقق الخاصة بك. يمكنك الآن إغلاق هذه النافذة.",
+    "verification-pending-message": "عملية التحقق الخاصة بك قيد الانتظار.",
+    "verification-error-generic-message": "لم نتمكن من التحقق من بطاقتك.",
+    "processing-verification-label": "جارٍ معالجة التحقق",
     "street1-label": "العنوان السطر 1",
     "street2-label": "العنوان السطر 2",
     "city-label": "المدينة",

src/dynamic-checkout/locales/de.ts

@@ -25,6 +25,13 @@ module ProcessOut {
       "Wir verarbeiten Ihre Zahlung. Sie können dieses Fenster jetzt schließen.",
     "payment-pending-message": "Ihre Zahlung steht noch aus.",
     "payment-error-generic-message": "Wir konnten Ihre Zahlung nicht verarbeiten.",
+    "verification-success-message": "Diese Verifizierung wurde abgeschlossen.",
+    "verification-cancelled-message": "Die Verifizierung wurde abgebrochen.",
+    "verification-info-message":
+      "Wir verarbeiten Ihre Verifizierung. Sie können dieses Fenster jetzt schließen.",
+    "verification-pending-message": "Ihre Verifizierung steht noch aus.",
+    "verification-error-generic-message": "Wir konnten Ihre Karte nicht verifizieren.",
+    "processing-verification-label": "Verifizierung wird verarbeitet",
     "street1-label": "Adresszeile 1",
     "street2-label": "Adresszeile 2",
     "city-label": "Stadt",

src/dynamic-checkout/locales/en.ts

@@ -24,6 +24,13 @@ module ProcessOut {
     "payment-info-message": "We are processing your payment. You can now close this window.",
     "payment-pending-message": "Your payment is pending.",
     "payment-error-generic-message": "We were unable to process your payment.",
+    "verification-success-message": "This verification is completed.",
+    "verification-cancelled-message": "Verification has been cancelled.",
+    "verification-info-message":
+      "We are processing your verification. You can now close this window.",
+    "verification-pending-message": "Your verification is pending.",
+    "verification-error-generic-message": "We were unable to verify your card.",
+    "processing-verification-label": "Processing verification",
     "street1-label": "Address line 1",
     "street2-label": "Address line 2",
     "city-label": "City",

src/dynamic-checkout/locales/es.ts

@@ -24,6 +24,12 @@ module ProcessOut {
     "payment-info-message": "Estamos procesando su pago. Puede cerrar esta ventana.",
     "payment-pending-message": "Su pago está pendiente.",
     "payment-error-generic-message": "No pudimos procesar su pago.",
+    "verification-success-message": "Esta verificación se ha completado.",
+    "verification-cancelled-message": "La verificación ha sido cancelada.",
+    "verification-info-message": "Estamos procesando su verificación. Puede cerrar esta ventana.",
+    "verification-pending-message": "Su verificación está pendiente.",
+    "verification-error-generic-message": "No pudimos verificar su tarjeta.",
+    "processing-verification-label": "Procesando verificación",
     "street1-label": "Dirección, línea 1",
     "street2-label": "Dirección, línea 2",
     "city-label": "Ciudad",

src/dynamic-checkout/locales/fi.ts

@@ -24,6 +24,12 @@ module ProcessOut {
     "payment-info-message": "Käsittelemme maksuasi. Voit nyt sulkea tämän ikkunan.",
     "payment-pending-message": "Maksusi on käsittelyssä.",
     "payment-error-generic-message": "Maksuasi ei voitu käsitellä.",
+    "verification-success-message": "Tämä vahvistus on suoritettu.",
+    "verification-cancelled-message": "Vahvistus on peruutettu.",
+    "verification-info-message": "Käsittelemme vahvistustasi. Voit nyt sulkea tämän ikkunan.",
+    "verification-pending-message": "Vahvistuksesi on käsittelyssä.",
+    "verification-error-generic-message": "Korttiasi ei voitu vahvistaa.",
+    "processing-verification-label": "Käsitellään vahvistusta",
     "street1-label": "Osoiterivi 1",
     "street2-label": "Osoiterivi 2",
     "city-label": "Kaupunki",

src/dynamic-checkout/locales/fr.ts

@@ -25,6 +25,13 @@ module ProcessOut {
       "Nous travaillons sur votre paiement. Vous pouvez maintenant fermer cette fenêtre.",
     "payment-pending-message": "Votre paiement est en attente.",
     "payment-error-generic-message": "Nous n'avons pas pu traiter votre paiement.",
+    "verification-success-message": "Cette vérification a été effectuée avec succès.",
+    "verification-cancelled-message": "La vérification a été annulée.",
+    "verification-info-message":
+      "Nous travaillons sur votre vérification. Vous pouvez maintenant fermer cette fenêtre.",
+    "verification-pending-message": "Votre vérification est en attente.",
+    "verification-error-generic-message": "Nous n'avons pas pu vérifier votre carte.",
+    "processing-verification-label": "Traitement de la vérification",
     "street1-label": "Adresse, ligne 1",
     "street2-label": "Adresse, ligne 2",
     "city-label": "Ville",

src/dynamic-checkout/locales/it.ts

@@ -25,6 +25,13 @@ module ProcessOut {
       "Stiamo elaborando il tuo pagamento. Ora puoi chiudere questa finestra.",
     "payment-pending-message": "Il tuo pagamento è in sospeso.",
     "payment-error-generic-message": "Non è stato possibile elaborare il pagamento.",
+    "verification-success-message": "La verifica è stata completata.",
+    "verification-cancelled-message": "La verifica è stata annullata.",
+    "verification-info-message":
+      "Stiamo elaborando la tua verifica. Ora puoi chiudere questa finestra.",
+    "verification-pending-message": "La tua verifica è in sospeso.",
+    "verification-error-generic-message": "Non è stato possibile verificare la carta.",
+    "processing-verification-label": "Elaborazione della verifica",
     "street1-label": "Indirizzo riga 1",
     "street2-label": "Indirizzo riga 2",
     "city-label": "Città",