@globalpayments/js 4.1.3 → 4.1.7

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

@@ -130,12 +130,6 @@ export declare const fieldStyles: () => {
         };
         "img.card-number-icon.invalid.card-type-mastercard": {
             background: string;
-            /**
-             * Instantiates a new UIForm object for a group of hosted fields
-             *
-             * @param fields Hosted field configuration
-             * @param styles Custom CSS configuration
-             */
             "background-size": string;
             "background-position-y": string;
         };
@@ -442,6 +436,16 @@ export declare const fieldStyles: () => {
             right: string;
         };
         "img.card-number-icon.valid.card-type-jcb": {
+            /**
+             * 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
+             */
             background: string;
             "background-size": string;
             "background-position-y": string;
@@ -467,6 +471,71 @@ export declare const fieldStyles: () => {
 export declare const parentStyles: () => {
     blank: {};
     default: {
+        ".bank-selection-wrapper": {
+            background: string;
+            padding: string;
+        };
+        ".bank-selection": {
+            display: string;
+            "align-items": string;
+            "flex-flow": string;
+            "margin-bottom": string;
+        };
+        ".bank-selecction-option": {
+            width: string;
+            height: string;
+            cursor: string;
+            display: string;
+            "align-items": string;
+            "justify-content": string;
+            "box-shadow": string;
+            "margin-right": string;
+            "margin-left": string;
+            "margin-top": string;
+            background: string;
+            "border-radius": string;
+            "flex-direction": string;
+        };
+        ".bank-selecction-option::before": {
+            content: string;
+            width: string;
+            height: string;
+            position: string;
+            "margin-left": string;
+        };
+        ".bank-selecction-option:hover": {
+            border: string;
+        };
+        ".bank-selecction-option:active": {
+            background: string;
+            border: string;
+        };
+        ".qr-code-button": {
+            background: string;
+        };
+        ".title-text": {
+            color: string;
+            "font-size": string;
+            "font-weight": string;
+            "line-height": string;
+            "font-family": string;
+        };
+        ".order-information"?: {
+            display: string;
+            "flex-direction": string;
+            "align-items": string;
+            "font-family": string;
+        };
+        ".title-field"?: {
+            "font-weight": string;
+            "line-height": string;
+            "font-size": string;
+        };
+        ".order-information-field"?: {
+            "line-height": string;
+            "font-size": string;
+            "font-weight": string;
+        };
         ".secure-payment-form .credit-card-qr-code-payments"?: {
             "font-family": string;
         };
@@ -608,8 +677,12 @@ export declare const parentStyles: () => {
             "flex-direction": string;
             "align-items": string;
         };
+        ".secure-payment-form .blik-button-wrapper": {
+            display: string;
+            "flex-direction": string;
+            "align-items": string;
+        };
         ".secure-payment-form .open-banking-button::before": {
-            content: string;
             width: string;
             height: string;
             position: string;
@@ -617,8 +690,8 @@ export declare const parentStyles: () => {
             right: string;
         };
         ".secure-payment-form .open-banking-button": {
-            position: string;
             background: string;
+            position: string;
             color: string;
             height: string;
             width: string;
@@ -626,20 +699,41 @@ export declare const parentStyles: () => {
             border: string;
             margin: string;
             cursor: string;
-            "-webkit-box-shadow": string;
-            "-moz-box-shadow": string;
-            "box-shadow": string;
         };
         ".secure-payment-form .open-banking-button:hover": {
             "border-color": string;
-            "-webkit-box-shadow": string;
-            "-moz-box-shadow": string;
-            "box-shadow": string;
+            "background-color": string;
         };
         ".secure-payment-form .open-banking-button:focus": {
             outline: string;
             "outline-offset": string;
         };
+        ".secure-payment-form .blik-button": {
+            background: string;
+            position: string;
+            color: string;
+            height: string;
+            width: string;
+            "border-radius": string;
+            border: string;
+            margin: string;
+            cursor: string;
+        };
+        ".secure-payment-form .blik-button:hover": {
+            "border-color": string;
+            "background-color": string;
+        };
+        ".secure-payment-form .blik-button:focus": {
+            outline: string;
+            "outline-offset": string;
+        };
+        ".secure-payment-form .blik-button::before": {
+            width: string;
+            height: string;
+            position: string;
+            top: string;
+            right: string;
+        };
         ".secure-payment-form .link-button": {
             display: string;
             "flex-direction": string;
@@ -855,12 +949,7 @@ export declare const parentStyles: () => {
             display: string;
         };
         ".secure-payment-form .credit-card-currency-conversion .tooltip-content p:last-child"?: {
-            "margin-bottom": string; /**
-             * Sets a special-case event listener that fires when all hosted
-             * fields in a form have registered / loaded
-             *
-             * @param fn The listener function
-             */
+            "margin-bottom": string;
         };
         ".secure-payment-form .credit-card-currency-conversion .tooltip-content::before"?: {
             left: string;
@@ -882,11 +971,11 @@ export declare const parentStyles: () => {
             ".secure-payment-form .credit-card-currency-conversion .radio-button": {
                 width: string;
                 "justify-content": string;
-            }; /**
-             * Deletes all hosted fields within the form
-             */
+            };
             ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
-                margin: string;
+                margin: string; /**
+                 * Deletes all hosted fields within the form
+                 */
             };
             ".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
                 width: string;
@@ -1099,11 +1188,6 @@ export declare const parentStyles: () => {
             display: string;
             padding: string;
             transform: string;
-            /**
-             * Appends additional CSS rules to the group of hosted fields
-             *
-             * @param json New CSS rules
-             */
             "-webkit-transform": string;
             "z-index": string;
             top: string;
@@ -1300,6 +1384,12 @@ export declare const parentStyles: () => {
             "margin-right": string;
             float: 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 div[class$='-shield'] .ssl-text-logo": {
             border: string;
             "border-radius": string;
@@ -1327,9 +1417,6 @@ export declare const parentStyles: () => {
             "vertical-align": string;
             "text-align": string;
             "margin-left": string;
-            /**
-             * Deletes all hosted fields within the form
-             */
             "margin-right": string;
             "margin-top": string;
         };
@@ -1405,6 +1492,71 @@ export declare const parentStyles: () => {
         };
     };
     "gp-default": {
+        ".bank-selection-wrapper": {
+            background: string;
+            padding: string;
+        };
+        ".bank-selection": {
+            display: string;
+            "align-items": string;
+            "flex-flow": string;
+            "margin-bottom": string;
+        };
+        ".bank-selecction-option": {
+            width: string;
+            height: string;
+            cursor: string;
+            display: string;
+            "align-items": string;
+            "justify-content": string;
+            "box-shadow": string;
+            "margin-right": string;
+            "margin-left": string;
+            "margin-top": string;
+            background: string;
+            "border-radius": string;
+            "flex-direction": string;
+        };
+        ".bank-selecction-option::before": {
+            content: string;
+            width: string;
+            height: string;
+            position: string;
+            "margin-left": string;
+        };
+        ".bank-selecction-option:hover": {
+            border: string;
+        };
+        ".bank-selecction-option:active": {
+            background: string;
+            border: string;
+        };
+        ".qr-code-button": {
+            background: string;
+        };
+        ".title-text": {
+            color: string;
+            "font-size": string;
+            "font-weight": string;
+            "line-height": string;
+            "font-family": string;
+        };
+        ".order-information"?: {
+            display: string;
+            "flex-direction": string;
+            "align-items": string;
+            "font-family": string;
+        };
+        ".title-field"?: {
+            "font-weight": string;
+            "line-height": string;
+            "font-size": string;
+        };
+        ".order-information-field"?: {
+            "line-height": string;
+            "font-size": string;
+            "font-weight": string;
+        };
         ".secure-payment-form .credit-card-qr-code-payments"?: {
             "font-family": string;
         };
@@ -1546,8 +1698,12 @@ export declare const parentStyles: () => {
             "flex-direction": string;
             "align-items": string;
         };
+        ".secure-payment-form .blik-button-wrapper": {
+            display: string;
+            "flex-direction": string;
+            "align-items": string;
+        };
         ".secure-payment-form .open-banking-button::before": {
-            content: string;
             width: string;
             height: string;
             position: string;
@@ -1555,8 +1711,8 @@ export declare const parentStyles: () => {
             right: string;
         };
         ".secure-payment-form .open-banking-button": {
-            position: string;
             background: string;
+            position: string;
             color: string;
             height: string;
             width: string;
@@ -1564,20 +1720,41 @@ export declare const parentStyles: () => {
             border: string;
             margin: string;
             cursor: string;
-            "-webkit-box-shadow": string;
-            "-moz-box-shadow": string;
-            "box-shadow": string;
         };
         ".secure-payment-form .open-banking-button:hover": {
             "border-color": string;
-            "-webkit-box-shadow": string;
-            "-moz-box-shadow": string;
-            "box-shadow": string;
+            "background-color": string;
         };
         ".secure-payment-form .open-banking-button:focus": {
             outline: string;
             "outline-offset": string;
         };
+        ".secure-payment-form .blik-button": {
+            background: string;
+            position: string;
+            color: string;
+            height: string;
+            width: string;
+            "border-radius": string;
+            border: string;
+            margin: string;
+            cursor: string;
+        };
+        ".secure-payment-form .blik-button:hover": {
+            "border-color": string;
+            "background-color": string;
+        };
+        ".secure-payment-form .blik-button:focus": {
+            outline: string;
+            "outline-offset": string;
+        };
+        ".secure-payment-form .blik-button::before": {
+            width: string;
+            height: string;
+            position: string;
+            top: string;
+            right: string;
+        };
         ".secure-payment-form .link-button": {
             display: string;
             "flex-direction": string;
@@ -1713,12 +1890,6 @@ export declare const parentStyles: () => {
             visibility: boolean;
             display: string;
             "flex-direction": string;
-            /**
-             * Instantiates a new UIForm object for a group of hosted fields
-             *
-             * @param fields Hosted field configuration
-             * @param styles Custom CSS configuration
-             */
             "margin-left": string;
             "align-items": string;
             height: string;
@@ -1729,16 +1900,6 @@ export declare const parentStyles: () => {
             visibility: boolean;
         };
         ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content"?: {
-            /**
-             * 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;
             visibility: boolean;
             display: string;
@@ -1790,12 +1951,7 @@ export declare const parentStyles: () => {
             margin: string;
         };
         ".secure-payment-form .credit-card-currency-conversion .tooltip-content p:last-child"?: {
-            "margin-bottom": string; /**
-             * Sets a special-case event listener that fires when all hosted
-             * fields in a form have registered / loaded
-             *
-             * @param fn The listener function
-             */
+            "margin-bottom": string;
         };
         ".secure-payment-form .credit-card-currency-conversion .tooltip-content::before"?: {
             left: string;
@@ -1817,11 +1973,11 @@ export declare const parentStyles: () => {
             ".secure-payment-form .credit-card-currency-conversion .radio-button": {
                 width: string;
                 "justify-content": string;
-            }; /**
-             * Deletes all hosted fields within the form
-             */
+            };
             ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
-                margin: string;
+                margin: string; /**
+                 * Deletes all hosted fields within the form
+                 */
             };
             ".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
                 width: string;
@@ -2059,11 +2215,6 @@ export declare const parentStyles: () => {
             display: string;
             padding: string;
             transform: string;
-            /**
-             * Appends additional CSS rules to the group of hosted fields
-             *
-             * @param json New CSS rules
-             */
             "-webkit-transform": string;
             "z-index": string;
             top: string;
@@ -2280,9 +2431,6 @@ export declare const parentStyles: () => {
             margin: string;
         };
         ".secure-payment-form .installment-term-selector-title": {
-            /**
-             * Represents logic surrounding a group of hosted fields.
-             */
             "text-align": string;
             padding: string;
         };
@@ -2302,6 +2450,16 @@ 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;
@@ -2354,12 +2512,6 @@ export declare const parentStyles: () => {
             "line-height": string;
             "font-style": string;
             border: string;
-            /**
-             * Sets a special-case event listener that fires when all hosted
-             * fields in a form have registered / loaded
-             *
-             * @param fn The listener function
-             */
             cursor: string;
             "margin-top": string;
             "margin-bottom": string;
@@ -2380,9 +2532,6 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form .installment-button-explore-plans:focus": {
             background: string;
-            /**
-             * Deletes all hosted fields within the form
-             */
             border: string;
         };
         ".secure-payment-form .installment-button-learn-more": {
@@ -2583,6 +2732,10 @@ export declare const parentStyles: () => {
             "border-right": string;
             "border-bottom": string;
         };
+        "@font-face": {
+            "font-family": string;
+            src: string;
+        };
         ".secure-payment-form": {
             display: string;
             "-ms-flex-wrap": string;
@@ -2594,16 +2747,7 @@ export declare const parentStyles: () => {
         ".secure-payment-form label": {
             margin: string;
             display: string;
-            "font-size": 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-size": string;
             "font-weight": string;
             "font-family": string;
         };
@@ -2707,10 +2851,6 @@ export declare const parentStyles: () => {
         ".secure-payment-form .hidden": {
             display: string;
         };
-        "@font-face": {
-            "font-family": string;
-            src: string;
-        };
         "@media(min-width: 800px)": {
             ".secure-payment-form .credit-card-card-expiration": {
                 flex: string;
@@ -2723,6 +2863,71 @@ export declare const parentStyles: () => {
         };
     };
     simple: {
+        ".bank-selection-wrapper": {
+            background: string;
+            padding: string;
+        };
+        ".bank-selection": {
+            display: string;
+            "align-items": string;
+            "flex-flow": string;
+            "margin-bottom": string;
+        };
+        ".bank-selecction-option": {
+            width: string;
+            height: string;
+            cursor: string;
+            display: string;
+            "align-items": string;
+            "justify-content": string;
+            "box-shadow": string;
+            "margin-right": string;
+            "margin-left": string;
+            "margin-top": string;
+            background: string;
+            "border-radius": string;
+            "flex-direction": string;
+        };
+        ".bank-selecction-option::before": {
+            content: string;
+            width: string;
+            height: string;
+            position: string;
+            "margin-left": string;
+        };
+        ".bank-selecction-option:hover": {
+            border: string;
+        };
+        ".bank-selecction-option:active": {
+            background: string;
+            border: string;
+        };
+        ".qr-code-button": {
+            background: string;
+        };
+        ".title-text": {
+            color: string;
+            "font-size": string;
+            "font-weight": string;
+            "line-height": string;
+            "font-family": string;
+        };
+        ".order-information"?: {
+            display: string;
+            "flex-direction": string;
+            "align-items": string;
+            "font-family": string;
+        };
+        ".title-field"?: {
+            "font-weight": string;
+            "line-height": string;
+            "font-size": string;
+        };
+        ".order-information-field"?: {
+            "line-height": string;
+            "font-size": string;
+            "font-weight": string;
+        };
         ".secure-payment-form .credit-card-currency-conversion legend"?: {
             "font-family": string;
             color: string;
@@ -2883,12 +3088,7 @@ export declare const parentStyles: () => {
             display: string;
         };
         ".secure-payment-form .credit-card-currency-conversion .tooltip-content p:last-child"?: {
-            "margin-bottom": string; /**
-             * Sets a special-case event listener that fires when all hosted
-             * fields in a form have registered / loaded
-             *
-             * @param fn The listener function
-             */
+            "margin-bottom": string;
         };
         ".secure-payment-form .credit-card-currency-conversion .tooltip-content::before"?: {
             left: string;
@@ -2910,11 +3110,11 @@ export declare const parentStyles: () => {
             ".secure-payment-form .credit-card-currency-conversion .radio-button": {
                 width: string;
                 "justify-content": string;
-            }; /**
-             * Deletes all hosted fields within the form
-             */
+            };
             ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
-                margin: string;
+                margin: string; /**
+                 * Deletes all hosted fields within the form
+                 */
             };
             ".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
                 width: string;
@@ -3253,11 +3453,6 @@ export declare const parentStyles: () => {
             display: string;
             padding: string;
             transform: string;
-            /**
-             * Appends additional CSS rules to the group of hosted fields
-             *
-             * @param json New CSS rules
-             */
             "-webkit-transform": string;
             "z-index": string;
             top: string;
@@ -3471,12 +3666,6 @@ export declare const parentStyles: () => {
             "margin-left": string;
             "vertical-align": 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 div[class$='-shield'] .ssl-msg": {
             "font-size": string;
             "font-weight": string;
@@ -3503,9 +3692,7 @@ export declare const parentStyles: () => {
         ".secure-payment-form div[class$='-logo'] .security-msg": {
             color: string;
             "font-size": string;
-            display: string; /**
-             * Deletes all hosted fields within the form
-             */
+            display: string;
             "vertical-align": string;
             "white-space": string;
             "margin-right": string;

package/types/ui/iframe-field/payment-methods/action-add.d.ts

@@ -1,3 +1,3 @@
 import { IframeField } from "../index";
 import { Apm, ApmProviders } from "../../../internal/lib/enums";
-export default function addPaymentMethod(iframeField: IframeField | undefined, apmProvider: ApmProviders, apm: Apm): void;
+export default function addPaymentMethod(iframeField: IframeField | undefined, apmProvider: ApmProviders, apm: Apm, countryCode?: string | undefined): void;

package/types/apm/qr-code-payments/components/redirect-action-handler.d.ts

@@ -1 +0,0 @@
-export default function handleRedirectAction(content: HTMLDivElement, props: any): void;

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

@@ -1 +0,0 @@
-export declare const REDIRECT_ACTION_DELAY_IN_SECONDS = 2000;

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

@@ -1,10 +0,0 @@
-export declare const enum QRCodePaymentsInternalEvents {
-    PaymentMethodsRequestStart = "qr-code-payment-methods-request-start",
-    PaymentMethodsRequestCompleted = "qr-code-payment-methods-request-completed",
-    NavigatesBackBySelectAnotherPaymentMethod = "qr-code-payment-navigates-back-select-another-payment-method"
-}
-export declare const enum QRCodePaymentsActions {
-    RedirectAction = "REDIRECT",
-    RedirectInFrameAction = "REDIRECT_IN_FRAME",
-    PresentQRCodeAction = "PRESENT_QR_CODE"
-}