@globalpayments/js 4.1.1 → 4.1.6

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;
         };
@@ -467,6 +461,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 +667,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;
@@ -618,7 +681,6 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form .open-banking-button": {
             position: string;
-            background: string;
             color: string;
             height: string;
             width: string;
@@ -626,20 +688,42 @@ 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": {
+            position: string;
+            background: 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": {
+            content: string;
+            width: string;
+            height: string;
+            position: string;
+            top: string;
+            right: string;
+        };
         ".secure-payment-form .link-button": {
             display: string;
             "flex-direction": string;
@@ -749,6 +833,23 @@ export declare const parentStyles: () => {
             "font-family": string;
             margin: string;
         };
+        "@media(max-width: 340px)"?: {
+            ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+                "margin-right": string;
+            };
+        };
+        "@media(max-width: 768px)"?: {
+            ".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
+                width: string;
+                "margin-top": string;
+                "margin-left": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content": {
+                width: string;
+                "margin-top": string;
+                "margin-left": string;
+            };
+        };
         ".secure-payment-form .currency-conversion-container"?: {
             display: string;
             "flex-direction": string;
@@ -838,12 +939,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;
@@ -865,9 +961,7 @@ 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;
             };
@@ -1019,6 +1113,9 @@ export declare const parentStyles: () => {
             background: string;
             width: string;
             left: string;
+            /**
+             * Represents logic surrounding a group of hosted fields.
+             */
             "margin-left": string;
             border: string;
             "border-width": string;
@@ -1082,11 +1179,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;
@@ -1310,9 +1402,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;
         };
@@ -1388,6 +1477,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;
         };
@@ -1529,8 +1683,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;
@@ -1539,7 +1697,6 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form .open-banking-button": {
             position: string;
-            background: string;
             color: string;
             height: string;
             width: string;
@@ -1547,20 +1704,42 @@ 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": {
+            position: string;
+            background: 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": {
+            content: string;
+            width: string;
+            height: string;
+            position: string;
+            top: string;
+            right: string;
+        };
         ".secure-payment-form .link-button": {
             display: string;
             "flex-direction": string;
@@ -1696,12 +1875,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;
@@ -1712,16 +1885,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;
@@ -1773,12 +1936,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;
@@ -1800,9 +1958,7 @@ 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;
             };
@@ -1820,6 +1976,19 @@ export declare const parentStyles: () => {
                 right: string;
             };
         };
+        "@media(max-width: 340px)"?: {
+            ".secure-payment-form .credit-card-currency-conversion fieldset": {
+                "flex-flow": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+                width: string;
+                "margin-bottom": string;
+                "margin-right": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion .radio-button:last-child": {
+                "margin-bottom": string;
+            };
+        };
         ".secure-payment-form .hf-cvv-tooltip-invalid"?: {
             border: string;
             "border-left": string;
@@ -1966,6 +2135,9 @@ export declare const parentStyles: () => {
             background: string;
             width: string;
             left: string;
+            /**
+             * Represents logic surrounding a group of hosted fields.
+             */
             "margin-left": string;
             border: string;
             "border-width": string;
@@ -2029,11 +2201,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;
@@ -2250,9 +2417,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;
         };
@@ -2271,7 +2435,16 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form .installment-field-value-item": {
             color: string;
-            "font-style": 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;
@@ -2324,12 +2497,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;
@@ -2350,9 +2517,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": {
@@ -2564,16 +2728,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;
         };
@@ -2627,6 +2782,11 @@ export declare const parentStyles: () => {
             display: string;
             "justify-content": string;
         };
+        /**
+         * Appends additional CSS rules to the group of hosted fields
+         *
+         * @param json New CSS rules
+         */
         ".secure-payment-form div[class$='-logo'] .security-msg": {
             color: string;
             "font-size": string;
@@ -2670,7 +2830,9 @@ export declare const parentStyles: () => {
             "-o-transform": string;
             transform: string;
             margin: string;
-            "font-family": string;
+            "font-family": string; /**
+             * Deletes all hosted fields within the form
+             */
             "font-size": string;
             "white-space": string;
         };
@@ -2693,6 +2855,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;
@@ -2853,12 +3080,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;
@@ -2880,9 +3102,7 @@ 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;
             };
@@ -2900,6 +3120,19 @@ export declare const parentStyles: () => {
                 right: string;
             };
         };
+        "@media(max-width: 340px)"?: {
+            ".secure-payment-form .credit-card-currency-conversion fieldset": {
+                "flex-flow": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+                width: string;
+                "margin-bottom": string;
+                "margin-right": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion .radio-button:last-child": {
+                "margin-bottom": string;
+            };
+        };
         ".secure-payment-form .credit-card-qr-code-payments"?: {
             "font-family": string;
         };
@@ -3147,6 +3380,9 @@ export declare const parentStyles: () => {
             background: string;
             width: string;
             left: string;
+            /**
+             * Represents logic surrounding a group of hosted fields.
+             */
             "margin-left": string;
             border: string;
             "border-width": string;
@@ -3210,11 +3446,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;
@@ -3428,12 +3659,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;
@@ -3460,9 +3685,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;