@globalpayments/js 4.1.9 → 4.1.11

package/README.md

@@ -24,7 +24,7 @@ This plugin allows you to use online payments (eCommerce) features of a variety
 ## Usage
 
 ```html
-<script src="https://js.globalpay.com/4.1.9/globalpayments.js"></script>
+<script src="https://js.globalpay.com/4.1.11/globalpayments.js"></script>
 ```
 
 > Note: Installing via NPM will only provide TypeScript types for type-checking.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalpayments/js",
-  "version": "4.1.9",
+  "version": "4.1.11",
   "author": "Heartland Developer Portal <developers@heartland.us>",
   "license": "GPL-2.0",
   "repository": {

package/types/internal/lib/translations/et.d.ts

@@ -1,4 +1,4 @@
-declare const en: {
+declare const et: {
     labels: {
         "card-number": string;
         "card-expiration": string;
@@ -105,4 +105,4 @@ declare const en: {
         pleaseSelectYourPreferredBank: string;
     };
 };
-export default en;
+export default et;

package/types/internal/lib/translations/lt.d.ts

@@ -0,0 +1,108 @@
+declare const lt: {
+    labels: {
+        "card-number": string;
+        "card-expiration": string;
+        "card-cvv": string;
+        "card-holder-name": string;
+        submit: string;
+    };
+    values: {
+        "card-track": string;
+        submit: string;
+    };
+    validationMessages: {
+        CardNumber: {
+            Required: string;
+            CharactersLessThan12: string;
+            NumberIsNotValid: string;
+            NotAllowedCardType: string;
+        };
+        CardExpiration: {
+            NotCompleted: string;
+            YearNotValid: string;
+            MonthNotValid: string;
+            ExpiryDateNotValid: string;
+        };
+        CardCvv: {
+            CodeIsNotValid: string;
+            CodeIsLessThan3Digits: string;
+            CodeMustBe3Digits: string;
+            AmexCodeMustBe4Digits: string;
+        };
+        CardHolderName: {
+            NotValidCardHolderName: string;
+            CharactersMoreThan100: string;
+        };
+        CurrencyConversion: {
+            Required: string;
+        };
+    };
+    footer: {
+        "ssl-msg-alt": string;
+        "ssl-msg": string;
+        "security-msg-alt": string;
+        "security-msg": string;
+    };
+    tooltip: {
+        title: string;
+        "aria-label": string;
+        text: string;
+    };
+    "other-cards-label": string;
+    QR: {
+        scanRqCode: string;
+        payInApp: string;
+        amount: {
+            "aria-label": string;
+        };
+        qrImage: {
+            alt: string;
+            "aria-label": string;
+        };
+        timer: {
+            text: string;
+            minutes: string;
+            seconds: string;
+            "icon-alt": string;
+        };
+        expiredScreen: {
+            title: string;
+            alt: string;
+            text: string;
+        };
+        button: {
+            text: string;
+            "aria-label": string;
+        };
+        loading: string;
+        redirectScreen: {
+            redirectingToPaymentPageMessage: string;
+        };
+    };
+    apms: {
+        button: {
+            getAriaLabel: (paymentMethod: string) => string;
+        };
+        redirectToBank: string;
+    };
+    dcc: {
+        label: string;
+        additionalInfo: (currency: string, exchangeRate: string, payerCurrency: string, marginRatePercentage: string) => string;
+        cardCurrency: {
+            tooltip: (payerCurrency: string, exchangeRateSource: string, exchangeRateTimeCreated: string) => string;
+            "aria-label": string;
+        };
+        merchantCurrency: {
+            tooltip: (exchangeRateSource: string, exchangeRateTimeCreated: string) => string;
+            "aria-label": string;
+        };
+    };
+    orderInformation: {
+        amount: string;
+        orderReference: string;
+    };
+    bankSelection: {
+        pleaseSelectYourPreferredBank: string;
+    };
+};
+export default lt;

package/types/internal/lib/translations/lv.d.ts

@@ -1,4 +1,4 @@
-declare const en: {
+declare const lv: {
     labels: {
         "card-number": string;
         "card-expiration": string;
@@ -105,4 +105,4 @@ declare const en: {
         pleaseSelectYourPreferredBank: string;
     };
 };
-export default en;
+export default lv;

package/types/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.1.9";
+declare const _default: "4.1.11";
 export default _default;

package/types/ui/form/index.d.ts

@@ -442,7 +442,9 @@ export declare const fieldStyles: () => {
             right: string;
         };
         "img.card-number-icon.valid.card-type-jcb": {
-            /**
+            background: string;
+            "background-size": string;
+            "background-position-y": string; /**
              * Sets an event listener for an event type
              *
              * @param fieldTypeOrEventName The field type on which the listener should
@@ -452,9 +454,6 @@ export declare const fieldStyles: () => {
              * @param listener The listener function when both field type and event type
              *          are provided
              */
-            background: string;
-            "background-size": string;
-            "background-position-y": string;
         };
         "img.card-number-icon.valid.card-type-mastercard": {
             background: string;
@@ -980,9 +979,7 @@ export declare const parentStyles: () => {
                 "justify-content": string;
             };
             ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
-                margin: string; /**
-                 * Deletes all hosted fields within the form
-                 */
+                margin: string;
             };
             ".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
                 width: string;
@@ -1152,7 +1149,16 @@ export declare const parentStyles: () => {
             "vertical-align": string;
         };
         ".secure-payment-form .ctp-info-tooltip:hover .ctp-info-tooltip-content": {
-            visibility: string;
+            visibility: string; /**
+             * Sets an event listener for an event type
+             *
+             * @param fieldTypeOrEventName The field type on which the listener should
+             *          be applied, or the type of event that should trigger the listener
+             * @param eventNameOrListener The type of event that should trigger the
+             *          listener, or the listener function
+             * @param listener The listener function when both field type and event type
+             *          are provided
+             */
             opacity: string;
         };
         "@container (min-width: 408px)": {
@@ -1412,9 +1418,7 @@ export declare const parentStyles: () => {
             "font-size": string;
             "font-weight": string;
             "font-family": string;
-            color: string; /**
-             * Deletes all hosted fields within the form
-             */
+            color: string;
             "line-height": string;
             display: string;
             "vertical-align": string;
@@ -1976,9 +1980,7 @@ export declare const parentStyles: () => {
                 "justify-content": string;
             };
             ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
-                margin: string; /**
-                 * Deletes all hosted fields within the form
-                 */
+                margin: string;
             };
             ".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
                 width: string;
@@ -2173,7 +2175,16 @@ export declare const parentStyles: () => {
             "vertical-align": string;
         };
         ".secure-payment-form .ctp-info-tooltip:hover .ctp-info-tooltip-content": {
-            visibility: string;
+            visibility: string; /**
+             * Sets an event listener for an event type
+             *
+             * @param fieldTypeOrEventName The field type on which the listener should
+             *          be applied, or the type of event that should trigger the listener
+             * @param eventNameOrListener The type of event that should trigger the
+             *          listener, or the listener function
+             * @param listener The listener function when both field type and event type
+             *          are provided
+             */
             opacity: string;
         };
         "@container (min-width: 408px)": {
@@ -2451,21 +2462,21 @@ export declare const parentStyles: () => {
         ".secure-payment-form .installment-field-value-item": {
             color: string;
             "font-style": string;
-            /**
-             * Sets an event listener for an event type
-             *
-             * @param fieldTypeOrEventName The field type on which the listener should
-             *          be applied, or the type of event that should trigger the listener
-             * @param eventNameOrListener The type of event that should trigger the
-             *          listener, or the listener function
-             * @param listener The listener function when both field type and event type
-             *          are provided
-             */
             "font-weight": string;
             "line-height": string;
             "font-size": string;
             margin: string;
         };
+        /**
+         * Sets an event listener for an event type
+         *
+         * @param fieldTypeOrEventName The field type on which the listener should
+         *          be applied, or the type of event that should trigger the listener
+         * @param eventNameOrListener The type of event that should trigger the
+         *          listener, or the listener function
+         * @param listener The listener function when both field type and event type
+         *          are provided
+         */
         ".secure-payment-form .installment-field-value-item, .installment-options-header": {
             display: string;
             "flex-direction": string;
@@ -2539,6 +2550,9 @@ export declare const parentStyles: () => {
             background: string;
             color: string;
             "font-weight": string;
+            /**
+             * Deletes all hosted fields within the form
+             */
             "font-size": string;
             "line-height": string;
             margin: string;
@@ -2812,12 +2826,7 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form div[class$='-logo'] .security-msg strong": {
             "white-space": string;
-            "font-weight": string; /**
-             * Sets a special-case event listener that fires when all hosted
-             * fields in a form have registered / loaded
-             *
-             * @param fn The listener function
-             */
+            "font-weight": string;
             display: string;
         };
         ".secure-payment-form div[class$='-logo'] img": {
@@ -3116,9 +3125,7 @@ export declare const parentStyles: () => {
                 "justify-content": string;
             };
             ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
-                margin: string; /**
-                 * Deletes all hosted fields within the form
-                 */
+                margin: string;
             };
             ".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
                 width: string;
@@ -3414,7 +3421,16 @@ export declare const parentStyles: () => {
             "vertical-align": string;
         };
         ".secure-payment-form .ctp-info-tooltip:hover .ctp-info-tooltip-content": {
-            visibility: string;
+            visibility: string; /**
+             * Sets an event listener for an event type
+             *
+             * @param fieldTypeOrEventName The field type on which the listener should
+             *          be applied, or the type of event that should trigger the listener
+             * @param eventNameOrListener The type of event that should trigger the
+             *          listener, or the listener function
+             * @param listener The listener function when both field type and event type
+             *          are provided
+             */
             opacity: string;
         };
         "@container (min-width: 408px)": {
@@ -3790,6 +3806,7 @@ export interface IUIFormOptions {
     values?: IDictionary;
     amount?: number;
     apms?: IDictionary;
+    fields?: IDictionary;
 }
 export declare const frameFieldTypes: string[];
 export interface IUIFormFields {
@@ -3802,6 +3819,7 @@ export default class UIForm {
     frames: IFrameCollection;
     fields: IUIFormFields;
     styles: object;
+    formOptionFields: IUIFormOptions | undefined;
     private totalNumberOfFields;
     /**
      * Instantiates a new UIForm object for a group of hosted fields
@@ -3809,7 +3827,7 @@ export default class UIForm {
      * @param fields Hosted field configuration
      * @param styles Custom CSS configuration
      */
-    constructor(fields: IUIFormFields, styles: object);
+    constructor(fields: IUIFormFields, styles: object, formOptions?: IUIFormOptions);
     /**
      * Sets an event listener for an event type
      *

package/types/ui/iframe-field/index.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from "globalpayments-lib";
 import { IDictionary } from "../../internal/lib/util";
+import { IUIFormOptions } from "../form";
 export interface IFrameCollection {
     [key: string]: IframeField | undefined;
 }
@@ -77,7 +78,7 @@ export declare class IframeField extends EventEmitter {
      * @param type Field type of the hosted field
      * @param targetOrigin Parent window's origin
      */
-    static addMessageListener(id: string, type: string, targetOrigin: string): void;
+    static addMessageListener(id: string, type: string, targetOrigin: string, fieldOptions?: any): void;
     /**
      * Triggers a resize of the hosted field's iframe element
      * within the parent window.
@@ -91,6 +92,7 @@ export declare class IframeField extends EventEmitter {
     targetNode: any;
     type: "button" | "input";
     url: string;
+    formOptionFields: IUIFormOptions | undefined;
     /**
      * Instantiates a new IframeField object for a hosted field
      *
@@ -98,7 +100,7 @@ export declare class IframeField extends EventEmitter {
      * @param opts Options for creating the iframe / hosted field
      * @param src URL for the hosted field's iframe
      */
-    constructor(type: string, opts: IUIFormField, src: string);
+    constructor(type: string, opts: IUIFormField, src: string, formOptionFields?: IUIFormOptions);
     /**
      * Appends additional CSS rules to the hosted field
      *