@globalpayments/js 3.0.3 → 3.0.7

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/3.0.3/globalpayments.js"></script>
+<script src="https://js.globalpay.com/3.0.7/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": "3.0.3",
+  "version": "3.0.7",
   "author": "Heartland Developer Portal <developers@heartland.us>",
   "license": "GPL-2.0",
   "repository": {
@@ -18,7 +18,7 @@
     "cypress:open": "cypress open",
     "format": "prettier --write config/**/* src/**/* !src/assets/**/* !test/run.sh !test/run.ps1 test/fixtures/**/*.html",
     
-    "postbuild": "cross-os postbuild-cross",
+    "postbuild": "xcopy src\\assets dist\\ /e/y/h && node bin/replace-gp-ref.js",
 
     "prebuild": "yarn test:lint && node bin/update-version.js",
     "prepublish": "yarn build",

package/types/apm/qr-code-payments/enums.d.ts

@@ -5,5 +5,6 @@ export declare const enum QRCodePaymentsInternalEvents {
 }
 export declare const enum QRCodePaymentsActions {
     RedirectAction = "REDIRECT",
-    RedirectInFrameAction = "REDIRECT_IN_FRAME"
+    RedirectInFrameAction = "REDIRECT_IN_FRAME",
+    PresentQRCodeAction = "PRESENT_QR_CODE"
 }

package/types/common/enums.d.ts

@@ -15,5 +15,6 @@ export declare enum HostedFieldValidationEvents {
     Validate = "hosted-field-validate",
     ValidatePassData = "hosted-field-validate-pass-data",
     ValidateForm = "hosted-field-validate-form",
-    ValidateFormValid = "hosted-field-validate-form-valid"
+    ValidateFormValid = "hosted-field-validate-form-valid",
+    ValidateFormInvalid = "hosted-field-validate-form-invalid"
 }

package/types/internal/built-in-validations/constants.d.ts

@@ -0,0 +1 @@
+export declare const BUILT_IN_VALIDATIONS_VALIDATION_ROUND_COUNTER_KEY: string;

package/types/internal/built-in-validations/helpers.d.ts

@@ -1,2 +1,6 @@
 export declare const showHostedFieldValidation: (fieldId: string | null, validationMessage: string, target?: string | undefined) => void;
 export declare const hideHostedFieldValidation: (fieldId: string | null, target?: string | undefined) => void;
+export declare const resetValidationRoundCounter: () => void;
+export declare const getValidationRoundCounter: () => number;
+export declare const increaseValidationRoundCounter: () => void;
+export declare const removeValidationRoundCounter: () => void;

package/types/internal/lib/card.d.ts

@@ -16,7 +16,7 @@ export default class Card {
      *
      * @param e
      */
-    static formatNumber(e: KeyboardEvent): void;
+    static formatNumber(e: KeyboardEvent | Event): void;
     /**
      * formatExpiration
      *

package/types/internal/lib/enums.d.ts

@@ -23,6 +23,9 @@ export declare enum Language {
     en = "en",
     zh = "zh"
 }
+export declare enum CardFormEvents {
+    ValidityState = "card-form-validity"
+}
 export declare enum QRCodePaymentsProviderBrands {
     Alipay = "Alipay",
     AlipayHK = "AlipayHK",

package/types/internal/lib/styles/qr-code-payments/common.d.ts

@@ -41,6 +41,14 @@ export declare const styles: (assetBaseUrl: string) => {
         "background-color": string;
         border: string;
     };
+    ".secure-payment-form .qr-code-payment-method-wechat": {
+        "background-color": string;
+        border: string;
+    };
+    ".secure-payment-form .qr-code-payment-method-wechat:hover": {
+        "background-color": string;
+        border: string;
+    };
     ".secure-payment-form .qr-code-payment-iframe-wrapper": {
         display: string;
         "flex-direction": string;

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

@@ -47,6 +47,26 @@ declare const fr: {
     };
     "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;
@@ -56,5 +76,10 @@ declare const fr: {
             redirectingToPaymentPageMessage: string;
         };
     };
+    apms: {
+        button: {
+            "aria-label": string;
+        };
+    };
 };
 export default fr;

package/types/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "3.0.3";
+declare const _default: "3.0.7";
 export default _default;

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

@@ -806,7 +806,11 @@ export declare const parentStyles: () => {
             ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
                 width: string;
                 height: string;
-                "background-size": string;
+                "background-size": string; /**
+                 * Appends additional CSS rules to the group of hosted fields
+                 *
+                 * @param json New CSS rules
+                 */
             };
         };
         ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
@@ -823,16 +827,16 @@ export declare const parentStyles: () => {
             border: string;
             "border-width": string;
             display: string;
-            /**
-             * Sets a special-case event listener that fires when all hosted
-             * fields in a form have registered / loaded
-             *
-             * @param fn The listener function
-             */
             padding: string;
             transform: string;
             "-webkit-transform": string;
         };
+        /**
+         * Sets a special-case event listener that fires when all hosted
+         * fields in a form have registered / loaded
+         *
+         * @param fn The listener function
+         */
         ".secure-payment-form .ctp-panel .right-arrow": {
             position: string;
             background: string;
@@ -1437,7 +1441,11 @@ export declare const parentStyles: () => {
             ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
                 width: string;
                 height: string;
-                "background-size": string;
+                "background-size": string; /**
+                 * Appends additional CSS rules to the group of hosted fields
+                 *
+                 * @param json New CSS rules
+                 */
             };
         };
         ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
@@ -1454,16 +1462,16 @@ export declare const parentStyles: () => {
             border: string;
             "border-width": string;
             display: string;
-            /**
-             * Sets a special-case event listener that fires when all hosted
-             * fields in a form have registered / loaded
-             *
-             * @param fn The listener function
-             */
             padding: string;
             transform: string;
             "-webkit-transform": string;
         };
+        /**
+         * Sets a special-case event listener that fires when all hosted
+         * fields in a form have registered / loaded
+         *
+         * @param fn The listener function
+         */
         ".secure-payment-form .ctp-panel .right-arrow": {
             position: string;
             background: string;
@@ -1671,7 +1679,12 @@ export declare const parentStyles: () => {
             background: string;
             margin: string;
             padding: string;
-            "border-radius": string;
+            "border-radius": string; /**
+             * Instantiates a new UIForm object for a group of hosted fields
+             *
+             * @param fields Hosted field configuration
+             * @param styles Custom CSS configuration
+             */
         };
         ".secure-payment-form .installment-plan-options-title": {
             color: string;
@@ -2368,7 +2381,11 @@ export declare const parentStyles: () => {
             ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
                 width: string;
                 height: string;
-                "background-size": string;
+                "background-size": string; /**
+                 * Appends additional CSS rules to the group of hosted fields
+                 *
+                 * @param json New CSS rules
+                 */
             };
         };
         ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
@@ -2385,16 +2402,16 @@ export declare const parentStyles: () => {
             border: string;
             "border-width": string;
             display: string;
-            /**
-             * Sets a special-case event listener that fires when all hosted
-             * fields in a form have registered / loaded
-             *
-             * @param fn The listener function
-             */
             padding: string;
             transform: string;
             "-webkit-transform": string;
         };
+        /**
+         * Sets a special-case event listener that fires when all hosted
+         * fields in a form have registered / loaded
+         *
+         * @param fn The listener function
+         */
         ".secure-payment-form .ctp-panel .right-arrow": {
             position: string;
             background: string;

package/types/internal/lib/eums.d.ts

@@ -1,11 +0,0 @@
-export declare enum Apm {
-    ClickToPay = "click-to-pay",
-    GooglePay = "google-pay",
-    ApplePay = "apple-pay"
-}
-export declare enum CardNetwork {
-    Visa = "VISA",
-    Mastercard = "MASTERCARD",
-    Amex = "AMEX",
-    Discover = "DISCOVER"
-}