@globalpayments/js 4.0.11 → 4.0.13

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

@@ -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;
@@ -406,6 +424,9 @@ 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": string;
         };
         "img.card-number-icon.invalid.card-type-visa": {
@@ -564,6 +585,29 @@ export declare const parentStyles: () => {
             "font-size": string;
             "line-height": string;
         };
+        ".secure-payment-form .paypal-button-wrapper": {
+            display: string;
+            "flex-direction": string;
+            "align-items": string;
+        };
+        ".secure-payment-form .paypal-button": {
+            position: string;
+            background: string;
+            height: string;
+            border: string;
+            width: string;
+            "border-radius": string;
+            margin: string;
+            cursor: string;
+        };
+        ".secure-payment-form .paypal-button:hover": {
+            "background-color": string;
+        };
+        ".secure-payment-form .paypal-button:focus": {
+            "background-color": string;
+            outline: string;
+            "outline-offset": string;
+        };
         ".secure-payment-form .open-banking-button-wrapper": {
             display: string;
             "flex-direction": string;
@@ -639,6 +683,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 +1045,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 +1066,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 +1180,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;
         };
@@ -975,13 +1266,13 @@ export declare const parentStyles: () => {
         ".secure-payment-form div[class$='-shield'] .ssl-text-logo": {
             border: string;
             "border-radius": string;
-            width: string;
             height: string;
             "text-align": string;
             margin: string;
             display: string;
             "justify-content": string;
             "align-items": string;
+            width: string;
         };
         ".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
             width: string;
@@ -1187,6 +1478,29 @@ export declare const parentStyles: () => {
             "font-size": string;
             "line-height": string;
         };
+        ".secure-payment-form .paypal-button-wrapper": {
+            display: string;
+            "flex-direction": string;
+            "align-items": string;
+        };
+        ".secure-payment-form .paypal-button": {
+            position: string;
+            background: string;
+            height: string;
+            border: string;
+            width: string;
+            "border-radius": string;
+            margin: string;
+            cursor: string;
+        };
+        ".secure-payment-form .paypal-button:hover": {
+            "background-color": string;
+        };
+        ".secure-payment-form .paypal-button:focus": {
+            "background-color": string;
+            outline: string;
+            "outline-offset": string;
+        };
         ".secure-payment-form .open-banking-button-wrapper": {
             display: string;
             "flex-direction": string;
@@ -1262,11 +1576,199 @@ 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 .hf-cvv-tooltip-invalid:hover"?: {
+        ".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 legend"?: {
+            "font-family": string;
+            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;
         };
@@ -1441,11 +1943,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 +1964,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 +2171,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;
@@ -1923,6 +2410,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;
@@ -1952,13 +2501,13 @@ export declare const parentStyles: () => {
         ".secure-payment-form div[class$='-shield'] .ssl-text-logo": {
             border: string;
             "border-radius": string;
-            width: string;
             height: string;
             "text-align": string;
             margin: string;
             display: string;
             "justify-content": string;
             "align-items": string;
+            width: string;
         };
         ".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
             width: string;
@@ -2011,53 +2560,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;
@@ -2101,6 +2603,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 +3078,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 +3099,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 +3213,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;
@@ -2551,7 +3300,6 @@ export declare const parentStyles: () => {
         ".secure-payment-form div[class$='-shield'] .ssl-text-logo": {
             border: string;
             "border-radius": string;
-            width: string;
             height: string;
             "text-align": string;
             margin: string;
@@ -2737,11 +3485,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;
 }