npm - @globalpayments/js - Versions diffs - 3.0.11 → 4.0.9 - Mend

@globalpayments/js 3.0.11 → 4.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

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

@@ -36,6 +36,11 @@ export declare const fieldStyles: () => {
         "#secure-payment-field[type=text].hf-invalid"?: {
             border: string;
         };
+        "#secure-payment-field[hidden]"?: {
+            display: string;
+            opacity: string;
+            visibility: string;
+        };
         "#secure-payment-field": {
             "-o-transition": string;
             "-webkit-box-shadow": string;
@@ -200,6 +205,11 @@ export declare const fieldStyles: () => {
         "#secure-payment-field[type=text].hf-invalid"?: {
             border: string;
         };
+        "#secure-payment-field[hidden]"?: {
+            display: string;
+            opacity: string;
+            visibility: string;
+        };
         "*": {
             "box-sizing": string;
         };
@@ -299,6 +309,11 @@ export declare const fieldStyles: () => {
         };
     };
     simple: {
+        "#secure-payment-field[hidden]"?: {
+            display: string;
+            opacity: string;
+            visibility: string;
+        };
         "img.card-number-icon": {
             background: string;
             "background-size": string;
@@ -316,6 +331,9 @@ export declare const fieldStyles: () => {
             "margin-top": string;
             "background-position": string;
         };
+        "#field-validation-wrapper"?: {
+            "margin-top": string;
+        };
         "@font-face"?: {
             "font-family": string;
             src: string;
@@ -410,7 +428,12 @@ export declare const fieldStyles: () => {
         };
         "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": string;
         };
         "img.card-number-icon.valid.card-type-amex": {
@@ -639,6 +662,201 @@ export declare const parentStyles: () => {
             "font-size": string;
             "line-height": string;
         };
+        ".secure-payment-form .credit-card-currency-conversion .currency-conversion-container"?: {
+            width: string;
+            "flex-wrap": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion legend"?: {
+            "font-family": string;
+            color: string;
+            "font-size": string;
+            "font-weight": string;
+            "line-height": string;
+            "text-transform": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion fieldset"?: {
+            "font-family": string;
+            border: string;
+            margin: string;
+            padding: string;
+            display: string;
+            "flex-wrap": string;
+            width: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button"?: {
+            display: string;
+            "justify-content": string;
+            "align-items": string;
+            border: string;
+            padding: string;
+            "white-space": string;
+            height: string;
+            "margin-right": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button:last-child"?: {
+            "margin-right": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button label"?: {
+            "font-family": string;
+            "font-size": string;
+            "font-weight": number;
+            display: string;
+            margin: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button.checked label"?: {
+            color: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content"?: {
+            opacity: string;
+            visibility: boolean;
+            display: string;
+            "flex-direction": string;
+            margin: string;
+            "align-items": string;
+            height: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .card-currency-content"?: {
+            opacity: string;
+            visibility: boolean;
+            display: string;
+            "flex-direction": string;
+            margin: string;
+            "align-items": string;
+            height: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .additional-info p"?: {
+            "font-family": string;
+            margin: string;
+            "font-style": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content p"?: {
+            "font-family": string;
+            margin: string;
+        };
+        ".secure-payment-form .currency-conversion-container"?: {
+            display: string;
+            "flex-direction": string;
+            "align-items": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion iframe"?: {
+            "min-height": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button:hover"?: {
+            "border-color": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion fieldset:focus-within > .radio-button"?: {
+            outline: string;
+            "outline-offset": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion fieldset.no-focus-outline .radio-button.checked"?: {
+            outline: string;
+            "outline-offset": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button.checked"?: {
+            background: string;
+            "border-color": string;
+            color: string;
+            outline: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']"?: {
+            margin: string;
+            appearance: string;
+            "-webkit-appearance": string;
+            "-moz-appearance": string;
+            border: string;
+            "border-radius": string;
+            width: string;
+            height: string;
+            display: string;
+            position: string;
+            padding: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:checked"?: {
+            "background-color": string;
+            border: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:focus"?: {
+            outline: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .card-currency-content.visible"?: {
+            display: string;
+            opacity: string;
+            visibility: boolean;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content.visible"?: {
+            display: string;
+            opacity: string;
+            visibility: boolean;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .additional-info"?: {
+            "font-family": string;
+            "font-size": string;
+            "font-weight": number;
+            margin: string;
+            display: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip"?: {
+            width: string;
+            height: string;
+            "min-width": string;
+            "border-left": string;
+            display: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip:hover"?: {
+            "border-left": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip:focus"?: {
+            "border-left": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content"?: {
+            bottom: string;
+            right: string;
+            display: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip:hover .tooltip-content"?: {
+            display: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content p:last-child"?: {
+            "margin-bottom": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content::before"?: {
+            left: string;
+            top: string;
+            right: string;
+            transform: string;
+            "border-width": string;
+            "border-style": string;
+            "border-color": string;
+        };
+        "@media only screen and (max-width: 768px)"?: {
+            ".secure-payment-form .currency-conversion-container": {
+                "flex-direction": string;
+                "align-items": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion fieldset": {
+                "justify-content": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+                width: string;
+                "justify-content": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
+                margin: string;
+            };
+            ".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 .credit-card-currency-conversion .tooltip-content::before": {
+                right: string;
+            };
+        };
         "#googlePay": {
             height: string;
             margin: string;
@@ -806,11 +1024,7 @@ export declare const parentStyles: () => {
             ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
                 width: string;
                 height: string;
-                "background-size": string; /**
-                 * Appends additional CSS rules to the group of hosted fields
-                 *
-                 * @param json New CSS rules
-                 */
+                "background-size": string;
             };
         };
         ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
@@ -831,12 +1045,6 @@ export declare const parentStyles: () => {
             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;
@@ -951,6 +1159,68 @@ export declare const parentStyles: () => {
             display: string;
             margin: string;
         };
+        ".secure-payment-form .tooltip": {
+            position: string;
+            width: string;
+            height: string;
+            border: string;
+            "border-left": string;
+            color: string;
+            float: string;
+            "background-size": string;
+            background: string;
+            "font-family": string;
+        };
+        ".secure-payment-form .tooltip:focus": {
+            border: string;
+            outline: string;
+            "border-left": string;
+        };
+        ".secure-payment-form .tooltip:hover": {
+            border: string;
+            outline: string;
+            "border-left": string;
+        };
+        ".secure-payment-form .tooltip-content": {
+            visibility: string;
+            width: string;
+            "background-color": string;
+            color: string;
+            "text-align": string;
+            "border-radius": string;
+            border: string;
+            padding: string;
+            position: string;
+            "z-index": string;
+            right: string;
+            opacity: string;
+            transition: string;
+            "font-size": string;
+            "font-weight": string;
+            "box-shadow": string;
+            "margin-top": string;
+            "margin-right": string;
+        };
+        ".secure-payment-form .tooltip-content h4": {
+            margin: string;
+        };
+        ".secure-payment-form .tooltip:hover > .tooltip-content": {
+            visibility: string;
+            opacity: string;
+        };
+        ".secure-payment-form .tooltip:focus > .tooltip-content": {
+            visibility: string;
+            opacity: string;
+        };
+        ".secure-payment-form .tooltip-content::before": {
+            position: string;
+            content: string;
+            right: string;
+            top: string;
+            "border-left": string;
+            "border-right": string;
+            "border-bottom": string;
+        };
         ".secure-payment-form": {
             "font-family": string;
         };
@@ -990,7 +1260,9 @@ export declare const parentStyles: () => {
             "vertical-align": string;
         };
         ".secure-payment-form div[class$='-shield'] .ssl-msg": {
-            "font-size": string;
+            "font-size": string; /**
+             * Deletes all hosted fields within the form
+             */
             "font-weight": string;
             "font-family": string;
             color: string;
@@ -1262,35 +1534,223 @@ export declare const parentStyles: () => {
             "font-size": string;
             "line-height": string;
         };
-        ".secure-payment-form .hf-cvv-tooltip-invalid"?: {
-            border: string;
-            "border-left": string;
+        ".secure-payment-form .currency-conversion-container"?: {
+            display: string;
+            "flex-direction": string;
+            "align-items": string;
         };
-        ".secure-payment-form .hf-cvv-tooltip-invalid:hover"?: {
-            border: string;
-            "border-left": string;
+        ".secure-payment-form .credit-card-currency-conversion iframe"?: {
+            "min-height": string;
         };
-        ".secure-payment-form .hf-cvv-tooltip-invalid:focus"?: {
+        ".secure-payment-form .credit-card-currency-conversion fieldset"?: {
+            "font-family": string;
             border: string;
-            "border-left": string;
-        };
-        "#googlePay": {
-            height: string;
             margin: string;
+            padding: string;
+            display: string;
+            "flex-wrap": string;
         };
-        "#googlePay button:focus": {
-            outline: string;
-            "outline-offset": string;
-        };
-        ".secure-payment-form .ctp-panel": {
-            border: string;
-            "box-shadow": string;
-            "border-radius": string;
-            "container-type": string;
+        ".secure-payment-form .credit-card-currency-conversion legend"?: {
             "font-family": string;
-            "margin-bottom": string;
-        };
-        ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
+            border: number;
+            top: string;
+            margin: string;
+            padding: number;
+            display: string;
+            "font-size": string;
+            "font-weight": number;
+            position: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button"?: {
+            display: string;
+            "justify-content": string;
+            "align-items": string;
+            border: string;
+            padding: string;
+            "white-space": string;
+            height: string;
+            "margin-right": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button:last-child"?: {
+            "margin-right": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button:hover"?: {
+            "border-color": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion fieldset:focus-within > .radio-button"?: {
+            outline: string;
+            "outline-offset": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion fieldset.no-focus-outline .radio-button.checked"?: {
+            outline: string;
+            "outline-offset": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button.checked"?: {
+            background: string;
+            "border-color": string;
+            color: string;
+            outline: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']"?: {
+            margin: string;
+            appearance: string;
+            "-webkit-appearance": string;
+            "-moz-appearance": string;
+            border: string;
+            "border-radius": string;
+            width: string;
+            height: string;
+            display: string;
+            position: string;
+            padding: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:checked"?: {
+            "background-color": string;
+            border: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:focus"?: {
+            outline: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button label"?: {
+            "font-family": string;
+            "font-size": string;
+            "font-weight": number;
+            display: string;
+            margin: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .card-currency-content"?: {
+            opacity: string;
+            visibility: boolean;
+            display: string;
+            "flex-direction": string;
+            "margin-left": string;
+            "align-items": string;
+            height: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .card-currency-content.visible"?: {
+            display: string;
+            opacity: string;
+            visibility: boolean;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content"?: {
+            opacity: string;
+            visibility: boolean;
+            display: string;
+            "flex-direction": string;
+            "margin-left": string;
+            "align-items": string;
+            height: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content.visible"?: {
+            display: string;
+            opacity: string;
+            visibility: boolean;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .additional-info"?: {
+            "font-family": string;
+            "font-size": string;
+            "font-weight": number;
+            margin: string;
+            display: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .additional-info p"?: {
+            margin: string;
+            "font-style": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip"?: {
+            width: string;
+            height: string;
+            "min-width": string;
+            "border-left": string;
+            display: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip:hover"?: {
+            "border-left": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip:focus"?: {
+            "border-left": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content"?: {
+            bottom: string;
+            right: string;
+            display: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip:hover .tooltip-content"?: {
+            display: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content p"?: {
+            margin: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content p:last-child"?: {
+            "margin-bottom": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content::before"?: {
+            left: string;
+            top: string;
+            right: string;
+            transform: string;
+            "border-width": string;
+            "border-style": string;
+            "border-color": string;
+        };
+        "@media only screen and (max-width: 768px)"?: {
+            ".secure-payment-form .currency-conversion-container": {
+                "flex-direction": string;
+                "align-items": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion fieldset": {
+                "justify-content": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+                width: string;
+                "justify-content": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
+                margin: string;
+            };
+            ".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 .credit-card-currency-conversion .tooltip-content::before": {
+                right: string;
+            };
+        };
+        ".secure-payment-form .hf-cvv-tooltip-invalid"?: {
+            border: string;
+            "border-left": string;
+        };
+        ".secure-payment-form .hf-cvv-tooltip-invalid:hover"?: {
+            border: string;
+            "border-left": string;
+        };
+        ".secure-payment-form .hf-cvv-tooltip-invalid:focus"?: {
+            border: string;
+            "border-left": string;
+        };
+        "#googlePay": {
+            height: string;
+            margin: string;
+        };
+        "#googlePay button:focus": {
+            outline: string;
+            "outline-offset": string;
+        };
+        ".secure-payment-form .ctp-panel": {
+            border: string;
+            "box-shadow": string;
+            "border-radius": string;
+            "container-type": string;
+            "font-family": string;
+            "margin-bottom": string;
+        };
+        ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
             display: string;
         };
         ".secure-payment-form .ctp-panel .ctp-button": {
@@ -1441,11 +1901,7 @@ export declare const parentStyles: () => {
             ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
                 width: string;
                 height: string;
-                "background-size": string; /**
-                 * Appends additional CSS rules to the group of hosted fields
-                 *
-                 * @param json New CSS rules
-                 */
+                "background-size": string;
             };
         };
         ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
@@ -1466,12 +1922,6 @@ export declare const parentStyles: () => {
             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;
@@ -1679,12 +2129,7 @@ export declare const parentStyles: () => {
             background: string;
             margin: string;
             padding: 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
-             */
+            "border-radius": string;
         };
         ".secure-payment-form .installment-plan-options-title": {
             color: string;
@@ -1752,7 +2197,11 @@ export declare const parentStyles: () => {
         ".secure-payment-form .installment-link:focus": {
             color: string;
             border: string;
-        };
+        }; /**
+         * Appends additional CSS rules to the group of hosted fields
+         *
+         * @param json New CSS rules
+         */
         ".secure-payment-form .installment-step-container": {
             display: string;
             "justify-content": string;
@@ -1788,6 +2237,9 @@ export declare const parentStyles: () => {
         ".secure-payment-form .installment-button-explore-plans:hover": {
             background: string;
         };
+        /**
+         * Deletes all hosted fields within the form
+         */
         ".secure-payment-form .installment-button-explore-plans:active": {
             background: string;
         };
@@ -1923,6 +2375,68 @@ export declare const parentStyles: () => {
             "line-height": string;
             "text-decoration-line": string;
         };
+        ".secure-payment-form .tooltip": {
+            position: string;
+            width: string;
+            height: string;
+            border: string;
+            "border-left": string;
+            color: string;
+            float: string;
+            "background-size": string;
+            background: string;
+            "font-family": string;
+        };
+        ".secure-payment-form .tooltip:focus": {
+            border: string;
+            outline: string;
+            "border-left": string;
+        };
+        ".secure-payment-form .tooltip:hover": {
+            border: string;
+            outline: string;
+            "border-left": string;
+        };
+        ".secure-payment-form .tooltip-content": {
+            visibility: string;
+            width: string;
+            "background-color": string;
+            color: string;
+            "text-align": string;
+            "border-radius": string;
+            border: string;
+            padding: string;
+            position: string;
+            "z-index": string;
+            right: string;
+            opacity: string;
+            transition: string;
+            "font-size": string;
+            "font-weight": string;
+            "box-shadow": string;
+            "margin-top": string;
+            "margin-right": string;
+        };
+        ".secure-payment-form .tooltip-content h4": {
+            margin: string;
+        };
+        ".secure-payment-form .tooltip:hover > .tooltip-content": {
+            visibility: string;
+            opacity: string;
+        };
+        ".secure-payment-form .tooltip:focus > .tooltip-content": {
+            visibility: string;
+            opacity: string;
+        };
+        ".secure-payment-form .tooltip-content::before": {
+            position: string;
+            content: string;
+            right: string;
+            top: string;
+            "border-left": string;
+            "border-right": string;
+            "border-bottom": string;
+        };
         ".secure-payment-form": {
             display: string;
             "-ms-flex-wrap": string;
@@ -2011,53 +2525,6 @@ export declare const parentStyles: () => {
             "min-height": string;
             width: string;
         };
-        ".secure-payment-form .tooltip": {
-            position: string;
-            width: string;
-            height: string;
-            border: string;
-            "border-left": string;
-            color: string;
-            float: string;
-            "background-size": string;
-            background: string;
-        };
-        ".secure-payment-form .tooltip:focus": {
-            border: string;
-            outline: string;
-        };
-        ".secure-payment-form .tooltip:hover": {
-            border: string;
-            outline: string;
-        };
-        ".secure-payment-form .tooltip-content": {
-            visibility: string;
-            width: string;
-            "background-color": string;
-            color: string;
-            "text-align": string;
-            "border-radius": string;
-            border: string;
-            padding: string;
-            position: string;
-            "z-index": string;
-            right: string;
-            opacity: string;
-            transition: string;
-            "font-size": string;
-            "font-weight": string;
-            "margin-top": string;
-            overflow: string;
-            "box-shadow": string;
-        };
-        ".secure-payment-form .tooltip:hover > .tooltip-content": {
-            visibility: string;
-            opacity: string;
-        };
-        ".secure-payment-form .tooltip:focus > .tooltip-content": {
-            visibility: string;
-            opacity: string;
-        };
         ".secure-payment-form .other-cards-label": {
             "border-bottom": string;
             "text-align": string;
@@ -2077,7 +2544,9 @@ export declare const parentStyles: () => {
             "-ms-transform": string;
             "-o-transform": string;
             transform: string;
-            margin: string;
+            margin: string; /**
+             * Deletes all hosted fields within the form
+             */
             "font-family": string;
             "font-size": string;
             "white-space": string;
@@ -2101,6 +2570,201 @@ export declare const parentStyles: () => {
         };
     };
     simple: {
+        ".secure-payment-form .credit-card-currency-conversion legend"?: {
+            "font-family": string;
+            color: string;
+            "font-size": string;
+            "font-weight": string;
+            "line-height": string;
+            "text-transform": string;
+            "margin-bottom": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .currency-conversion-container"?: {
+            "margin-bottom": string;
+            "flex-wrap": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content"?: {
+            display: string;
+            bottom: string;
+            right: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button"?: {
+            display: string;
+            "justify-content": string;
+            "align-items": string;
+            border: string;
+            padding: string;
+            "white-space": string;
+            height: string;
+            "margin-right": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button label"?: {
+            "font-family": string;
+            "font-size": string;
+            "font-weight": number;
+            display: string;
+            margin: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button.checked label"?: {
+            color: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content"?: {
+            opacity: string;
+            visibility: boolean;
+            display: string;
+            "flex-direction": string;
+            margin: string;
+            "align-items": string;
+            height: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .card-currency-content"?: {
+            opacity: string;
+            visibility: boolean;
+            display: string;
+            "flex-direction": string;
+            margin: string;
+            "align-items": string;
+            height: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .additional-info p"?: {
+            "font-family": string;
+            margin: string;
+            "font-style": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content p"?: {
+            "font-family": string;
+            margin: string;
+        };
+        ".secure-payment-form .currency-conversion-container"?: {
+            display: string;
+            "flex-direction": string;
+            "align-items": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion iframe"?: {
+            "min-height": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion fieldset"?: {
+            "font-family": string;
+            border: string;
+            margin: string;
+            padding: string;
+            display: string;
+            "flex-wrap": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button:last-child"?: {
+            "margin-right": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button:hover"?: {
+            "border-color": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion fieldset:focus-within > .radio-button"?: {
+            outline: string;
+            "outline-offset": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion fieldset.no-focus-outline .radio-button.checked"?: {
+            outline: string;
+            "outline-offset": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button.checked"?: {
+            background: string;
+            "border-color": string;
+            color: string;
+            outline: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']"?: {
+            margin: string;
+            appearance: string;
+            "-webkit-appearance": string;
+            "-moz-appearance": string;
+            border: string;
+            "border-radius": string;
+            width: string;
+            height: string;
+            display: string;
+            position: string;
+            padding: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:checked"?: {
+            "background-color": string;
+            border: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:focus"?: {
+            outline: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .card-currency-content.visible"?: {
+            display: string;
+            opacity: string;
+            visibility: boolean;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content.visible"?: {
+            display: string;
+            opacity: string;
+            visibility: boolean;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .additional-info"?: {
+            "font-family": string;
+            "font-size": string;
+            "font-weight": number;
+            margin: string;
+            display: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip"?: {
+            width: string;
+            height: string;
+            "min-width": string;
+            "border-left": string;
+            display: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip:hover"?: {
+            "border-left": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip:focus"?: {
+            "border-left": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip:hover .tooltip-content"?: {
+            display: string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content p:last-child"?: {
+            "margin-bottom": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .tooltip-content::before"?: {
+            left: string;
+            top: string;
+            right: string;
+            transform: string;
+            "border-width": string;
+            "border-style": string;
+            "border-color": string;
+        };
+        "@media only screen and (max-width: 768px)"?: {
+            ".secure-payment-form .currency-conversion-container": {
+                "flex-direction": string;
+                "align-items": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion fieldset": {
+                "justify-content": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+                width: string;
+                "justify-content": string;
+            };
+            ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
+                margin: string;
+            };
+            ".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 .credit-card-currency-conversion .tooltip-content::before": {
+                right: string;
+            };
+        };
         ".secure-payment-form .credit-card-qr-code-payments"?: {
             "font-family": string;
         };
@@ -2381,11 +3045,7 @@ export declare const parentStyles: () => {
             ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
                 width: string;
                 height: string;
-                "background-size": string; /**
-                 * Appends additional CSS rules to the group of hosted fields
-                 *
-                 * @param json New CSS rules
-                 */
+                "background-size": string;
             };
         };
         ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
@@ -2406,12 +3066,6 @@ export declare const parentStyles: () => {
             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;
@@ -2526,6 +3180,68 @@ export declare const parentStyles: () => {
             display: string;
             margin: string;
         };
+        ".secure-payment-form .tooltip": {
+            position: string;
+            width: string;
+            height: string;
+            border: string;
+            "border-left": string;
+            color: string;
+            float: string;
+            "background-size": string;
+            background: string;
+            "font-family": string;
+        };
+        ".secure-payment-form .tooltip:focus": {
+            border: string;
+            outline: string;
+            "border-left": string;
+        };
+        ".secure-payment-form .tooltip:hover": {
+            border: string;
+            outline: string;
+            "border-left": string;
+        };
+        ".secure-payment-form .tooltip-content": {
+            visibility: string;
+            width: string;
+            "background-color": string;
+            color: string;
+            "text-align": string;
+            "border-radius": string;
+            border: string;
+            padding: string;
+            position: string;
+            "z-index": string;
+            right: string;
+            opacity: string;
+            transition: string;
+            "font-size": string;
+            "font-weight": string;
+            "box-shadow": string;
+            "margin-top": string;
+            "margin-right": string;
+        };
+        ".secure-payment-form .tooltip-content h4": {
+            margin: string;
+        };
+        ".secure-payment-form .tooltip:hover > .tooltip-content": {
+            visibility: string;
+            opacity: string;
+        };
+        ".secure-payment-form .tooltip:focus > .tooltip-content": {
+            visibility: string;
+            opacity: string;
+        };
+        ".secure-payment-form .tooltip-content::before": {
+            position: string;
+            content: string;
+            right: string;
+            top: string;
+            "border-left": string;
+            "border-right": string;
+            "border-bottom": string;
+        };
         ".secure-payment-form": {
             "font-family": string;
             width: string;
@@ -2554,7 +3270,12 @@ export declare const parentStyles: () => {
             width: string;
             height: string;
             "text-align": string;
-            margin: string;
+            margin: string; /**
+             * Sets a special-case event listener that fires when all hosted
+             * fields in a form have registered / loaded
+             *
+             * @param fn The listener function
+             */
             display: string;
             "justify-content": string;
             "align-items": string;
@@ -2582,6 +3303,9 @@ export declare const parentStyles: () => {
             flex: string;
             "margin-left": string;
             width: string;
+            /**
+             * Deletes all hosted fields within the form
+             */
             height: string;
             "text-align": string;
             float: string;
@@ -2737,11 +3461,30 @@ export default class UIForm {
     private configureCardInstallmentsEvents;
     private startCardInstallmentDataRequest;
     private removeInstallmentsPanel;
+    private currencyConversionResponseData;
+    /**
+     * Configures event listeners related to currency conversion for the specified iframe field.
+     * @param dccField The iframe field associated with the currency conversion.
+     */
+    private configureCurrencyConversionEvents;
+    private checkCurrencyConversionStatus;
+    /**
+     * Initiates a currency conversion data request using the provided parameters.
+     * @param args An object containing the necessary parameters for the currency conversion request.
+     */
+    private startCurrencyConversionDataRequest;
+    /**
+     * Requests data from all relevant fields associated with the target iframe field,
+     * including optional installment payment data and currency conversion data if enabled.
+     * @param target The iframe field for which data is requested.
+     * @param installment Optional installment payment data.
+     */
     private requestDataFromAll;
     setSubtotalAmount(amount: string): void;
     private requestInstallmentData;
     private configureHostedFieldValidations;
     private validateForm;
     private submitForm;
+    private requestCurrencyConversionData;
     private startQRCodePaymentMethodsRequest;
 }