@globalpayments/js 4.1.16 → 4.1.17

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

@@ -139,14 +139,16 @@ export declare const fieldStyles: () => {
         "img.card-number-icon.invalid.card-type-mastercard": {
             background: string;
             "background-size": string;
-            /**
-             * Represents logic surrounding a group of hosted fields.
-             */
             "background-position-y": string;
         };
         "img.card-number-icon.invalid.card-type-visa": {
             background: string;
-            "background-size": string;
+            "background-size": string; /**
+             * Instantiates a new UIForm object for a group of hosted fields
+             *
+             * @param fields Hosted field configuration
+             * @param styles Custom CSS configuration
+             */
             "background-position-y": string;
         };
         "img.card-number-icon.valid.card-type-amex": {
@@ -158,16 +160,7 @@ export declare const fieldStyles: () => {
             background: string;
             "background-size": string;
             "background-position-y": string;
-            width: 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
-             */
+            width: string;
         };
         "img.card-number-icon.valid.card-type-jcb": {
             background: string;
@@ -473,6 +466,12 @@ export declare const fieldStyles: () => {
             "background-position-y": string;
         };
         "img.card-number-icon.valid.card-type-mastercard": {
+            /**
+             * Instantiates a new UIForm object for a group of hosted fields
+             *
+             * @param fields Hosted field configuration
+             * @param styles Custom CSS configuration
+             */
             background: string;
             "background-size": string;
             "background-position": string;
@@ -484,16 +483,7 @@ export declare const fieldStyles: () => {
         };
         "img.card-number-icon.card-type-carnet": {
             "background-image": 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
-         */
+        };
         ".card-number::-ms-clear": {
             display: string;
         };
@@ -627,6 +617,9 @@ export declare const fieldStyles: () => {
             "background-image": string;
         };
         "img.card-number-icon.card-type-mastercard": {
+            /**
+             * Represents logic surrounding a group of hosted fields.
+             */
             "background-image": string;
         };
         "img.card-number-icon.card-type-visa": {
@@ -807,6 +800,9 @@ export declare const parentStyles: () => {
             display: string;
             "align-items": string;
             "justify-content": string;
+            /**
+             * Represents logic surrounding a group of hosted fields.
+             */
             width: string;
         };
         ".secure-payment-form .qr-code-expired-alert-message"?: {
@@ -1120,7 +1116,12 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content.visible"?: {
             display: string;
-            opacity: string;
+            opacity: string; /**
+             * Instantiates a new UIForm object for a group of hosted fields
+             *
+             * @param fields Hosted field configuration
+             * @param styles Custom CSS configuration
+             */
             visibility: boolean;
         };
         ".secure-payment-form .credit-card-currency-conversion .additional-info"?: {
@@ -1174,6 +1175,12 @@ export declare const parentStyles: () => {
                 "justify-content": string;
             };
             ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+                /**
+                 * Sets a special-case event listener that fires when all hosted
+                 * fields in a form have registered / loaded
+                 *
+                 * @param fn The listener function
+                 */
                 width: string;
                 "justify-content": string;
             };
@@ -1623,9 +1630,7 @@ export declare const parentStyles: () => {
             "text-align": string;
             float: string;
             display: string;
-            "justify-content": string; /**
-             * Deletes all hosted fields within the form
-             */
+            "justify-content": string;
         };
         ".secure-payment-form div[class$='-logo'] .security-msg": {
             color: string;
@@ -1850,6 +1855,9 @@ export declare const parentStyles: () => {
             display: string;
             "align-items": string;
             "justify-content": string;
+            /**
+             * Represents logic surrounding a group of hosted fields.
+             */
             width: string;
         };
         ".secure-payment-form .qr-code-expired-alert-message"?: {
@@ -2129,6 +2137,9 @@ export declare const parentStyles: () => {
         ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content"?: {
             opacity: string;
             visibility: boolean;
+            /**
+             * Represents logic surrounding a group of hosted fields.
+             */
             display: string;
             "flex-direction": string;
             "margin-left": string;
@@ -2137,7 +2148,12 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content.visible"?: {
             display: string;
-            opacity: string;
+            opacity: string; /**
+             * Instantiates a new UIForm object for a group of hosted fields
+             *
+             * @param fields Hosted field configuration
+             * @param styles Custom CSS configuration
+             */
             visibility: boolean;
         };
         ".secure-payment-form .credit-card-currency-conversion .additional-info"?: {
@@ -2198,6 +2214,12 @@ export declare const parentStyles: () => {
                 "justify-content": string;
             };
             ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+                /**
+                 * Sets a special-case event listener that fires when all hosted
+                 * fields in a form have registered / loaded
+                 *
+                 * @param fn The listener function
+                 */
                 width: string;
                 "justify-content": string;
             };
@@ -2568,6 +2590,76 @@ export declare const parentStyles: () => {
         ".secure-payment-form .credit-card-installments": {
             "font-family": string;
         };
+        ".secure-payment-form .installment-eligibility-badge": {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            width: string;
+            margin: string;
+        };
+        ".secure-payment-form .installment-badge": {
+            display: string;
+            "align-items": string;
+            background: string;
+            border: string;
+            "border-radius": string;
+            padding: string;
+            "font-size": string;
+            color: string;
+            "font-weight": string;
+            gap: string;
+        };
+        ".secure-payment-form .pay-in-full-option": {
+            "padding-left": string;
+            border: string;
+            '&.checked': {
+                border: string;
+            };
+            padding: string;
+            display: string;
+            gap: string;
+        };
+        ".secure-payment-form .pay-in-full-option label": {
+            "font-size": string;
+            "font-weight": string;
+        };
+        ".secure-payment-form .payment-option-content": {
+            display: string;
+            "flex-direction": string;
+            gap: string;
+            width: string;
+        };
+        ".secure-payment-form .installment-section": {
+            border: string;
+        };
+        ".secure-payment-form .payment-option-text": {
+            color: string;
+            "font-size": string;
+            "font-weight": string;
+        };
+        ".secure-payment-form .section-title": {
+            display: string;
+            "font-size": string;
+            "font-weight": string;
+            width: string;
+            height: string;
+            gap: string;
+            padding: string;
+            "align-items": string;
+            "border-bottom": string;
+            "text-transform": string;
+        };
+        ".secure-payment-form .installment-content": {
+            padding: string;
+        };
+        ".secure-payment-form .installment-months-button": {
+            padding: string;
+            '&.checked': {
+                border: string;
+            };
+            display: string;
+            gap: string;
+        };
         ".secure-payment-form .installment-issuer-panel": {
             background: string;
             display: string;
@@ -2685,6 +2777,12 @@ export declare const parentStyles: () => {
             "flex-direction": string;
             "justify-content": 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 .installment-link": {
             background: string;
             border: string;
@@ -2705,7 +2803,9 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form .installment-link:focus": {
             color: string;
-            border: string;
+            border: string; /**
+             * Deletes all hosted fields within the form
+             */
         };
         ".secure-payment-form .installment-step-container": {
             display: string;
@@ -2746,12 +2846,7 @@ export declare const parentStyles: () => {
             background: string;
         };
         ".secure-payment-form .installment-button-explore-plans:focus": {
-            background: string; /**
-             * Sets a special-case event listener that fires when all hosted
-             * fields in a form have registered / loaded
-             *
-             * @param fn The listener function
-             */
+            background: string;
             border: string;
         };
         ".secure-payment-form .installment-button-learn-more": {
@@ -2771,9 +2866,7 @@ export declare const parentStyles: () => {
             color: string;
         };
         ".secure-payment-form .installment-button-learn-more:active": {
-            color: string; /**
-             * Deletes all hosted fields within the form
-             */
+            color: string;
         };
         ".secure-payment-form .installment-button-learn-more:focus": {
             color: string;
@@ -2955,6 +3048,12 @@ export declare const parentStyles: () => {
             "border-bottom": string;
         };
         "@font-face": {
+            /**
+             * Instantiates a new UIForm object for a group of hosted fields
+             *
+             * @param fields Hosted field configuration
+             * @param styles Custom CSS configuration
+             */
             "font-family": string;
             src: string;
         };
@@ -3381,7 +3480,12 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content.visible"?: {
             display: string;
-            opacity: string;
+            opacity: string; /**
+             * Instantiates a new UIForm object for a group of hosted fields
+             *
+             * @param fields Hosted field configuration
+             * @param styles Custom CSS configuration
+             */
             visibility: boolean;
         };
         ".secure-payment-form .credit-card-currency-conversion .additional-info"?: {
@@ -3430,6 +3534,12 @@ export declare const parentStyles: () => {
                 "justify-content": string;
             };
             ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+                /**
+                 * Sets a special-case event listener that fires when all hosted
+                 * fields in a form have registered / loaded
+                 *
+                 * @param fn The listener function
+                 */
                 width: string;
                 "justify-content": string;
             };
@@ -3561,6 +3671,9 @@ export declare const parentStyles: () => {
             display: string;
             "align-items": string;
             "justify-content": string;
+            /**
+             * Represents logic surrounding a group of hosted fields.
+             */
             width: string;
         };
         ".secure-payment-form .qr-code-expired-alert-message"?: {
@@ -4001,15 +4114,15 @@ export declare const parentStyles: () => {
             flex: string;
             "margin-left": string;
             width: string;
-            height: string;
-            "text-align": 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
              */
+            height: string;
+            "text-align": string;
+            float: string;
             display: string;
             "justify-content": string;
         };
@@ -4262,6 +4375,9 @@ export declare const parentStyles: () => {
             display: string;
             "align-items": string;
             "justify-content": string;
+            /**
+             * Represents logic surrounding a group of hosted fields.
+             */
             width: string;
         };
         ".secure-payment-form .qr-code-expired-alert-message"?: {
@@ -4541,6 +4657,9 @@ export declare const parentStyles: () => {
         ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content"?: {
             opacity: string;
             visibility: boolean;
+            /**
+             * Represents logic surrounding a group of hosted fields.
+             */
             display: string;
             "flex-direction": string;
             "margin-left": string;
@@ -4549,7 +4668,12 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content.visible"?: {
             display: string;
-            opacity: string;
+            opacity: string; /**
+             * Instantiates a new UIForm object for a group of hosted fields
+             *
+             * @param fields Hosted field configuration
+             * @param styles Custom CSS configuration
+             */
             visibility: boolean;
         };
         ".secure-payment-form .credit-card-currency-conversion .additional-info"?: {
@@ -4610,6 +4734,12 @@ export declare const parentStyles: () => {
                 "justify-content": string;
             };
             ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+                /**
+                 * Sets a special-case event listener that fires when all hosted
+                 * fields in a form have registered / loaded
+                 *
+                 * @param fn The listener function
+                 */
                 width: string;
                 "justify-content": string;
             };
@@ -4980,6 +5110,76 @@ export declare const parentStyles: () => {
         ".secure-payment-form .credit-card-installments": {
             "font-family": string;
         };
+        ".secure-payment-form .installment-eligibility-badge": {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            width: string;
+            margin: string;
+        };
+        ".secure-payment-form .installment-badge": {
+            display: string;
+            "align-items": string;
+            background: string;
+            border: string;
+            "border-radius": string;
+            padding: string;
+            "font-size": string;
+            color: string;
+            "font-weight": string;
+            gap: string;
+        };
+        ".secure-payment-form .pay-in-full-option": {
+            "padding-left": string;
+            border: string;
+            '&.checked': {
+                border: string;
+            };
+            padding: string;
+            display: string;
+            gap: string;
+        };
+        ".secure-payment-form .pay-in-full-option label": {
+            "font-size": string;
+            "font-weight": string;
+        };
+        ".secure-payment-form .payment-option-content": {
+            display: string;
+            "flex-direction": string;
+            gap: string;
+            width: string;
+        };
+        ".secure-payment-form .installment-section": {
+            border: string;
+        };
+        ".secure-payment-form .payment-option-text": {
+            color: string;
+            "font-size": string;
+            "font-weight": string;
+        };
+        ".secure-payment-form .section-title": {
+            display: string;
+            "font-size": string;
+            "font-weight": string;
+            width: string;
+            height: string;
+            gap: string;
+            padding: string;
+            "align-items": string;
+            "border-bottom": string;
+            "text-transform": string;
+        };
+        ".secure-payment-form .installment-content": {
+            padding: string;
+        };
+        ".secure-payment-form .installment-months-button": {
+            padding: string;
+            '&.checked': {
+                border: string;
+            };
+            display: string;
+            gap: string;
+        };
         ".secure-payment-form .installment-issuer-panel": {
             background: string;
             display: string;
@@ -5097,6 +5297,12 @@ export declare const parentStyles: () => {
             "flex-direction": string;
             "justify-content": 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 .installment-link": {
             background: string;
             border: string;
@@ -5117,7 +5323,9 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form .installment-link:focus": {
             color: string;
-            border: string;
+            border: string; /**
+             * Deletes all hosted fields within the form
+             */
         };
         ".secure-payment-form .installment-step-container": {
             display: string;
@@ -5158,12 +5366,7 @@ export declare const parentStyles: () => {
             background: string;
         };
         ".secure-payment-form .installment-button-explore-plans:focus": {
-            background: string; /**
-             * Sets a special-case event listener that fires when all hosted
-             * fields in a form have registered / loaded
-             *
-             * @param fn The listener function
-             */
+            background: string;
             border: string;
         };
         ".secure-payment-form .installment-button-learn-more": {
@@ -5183,9 +5386,7 @@ export declare const parentStyles: () => {
             color: string;
         };
         ".secure-payment-form .installment-button-learn-more:active": {
-            color: string; /**
-             * Deletes all hosted fields within the form
-             */
+            color: string;
         };
         ".secure-payment-form .installment-button-learn-more:focus": {
             color: string;
@@ -5810,6 +6011,7 @@ export default class UIForm {
     private startCardInstallmentDataRequest;
     private removeInstallmentsPanel;
     private currencyConversionResponseData;
+    private installmentResponseData;
     /**
      * Configures event listeners related to currency conversion for the specified iframe field.
      * @param dccField The iframe field associated with the currency conversion.

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

@@ -1,3 +1,4 @@
 import { IframeField } from "../index";
-import { InstallmentPaymentData } from "../../../internal/lib/installments/installments-handler";
-export default function addInstallments(iframeField: IframeField | undefined, installmentPlans: any, tokenizationCallback: (installment: InstallmentPaymentData) => void): void;
+import { InstallmentPaymentData } from "../../../internal/lib/installments/contracts/interfaces";
+import InstallmentPlansData from "../../../internal/lib/installments/contracts/installment-plans-data";
+export default function addInstallments(iframeField: IframeField | undefined, installmentPlans: InstallmentPlansData, installmentCallback: (installment: InstallmentPaymentData) => void): void;

package/types/ui/iframe-field/installments/action-get-value.d.ts

@@ -0,0 +1,8 @@
+import { IDictionary } from "../../../internal/lib/util";
+declare const _default: (id: string, data: IDictionary) => void;
+/**
+ * Initiates a installment request and posts the response data to the parent window.
+ * @param id The ID of the message.
+ * @param data An object containing the data required for the installment request.
+ */
+export default _default;