@globalpayments/js 3.0.12 → 4.0.9

package/types/internal/lib/styles/gp-default.d.ts

@@ -28,6 +28,11 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
     "#secure-payment-field[type=text].hf-invalid"?: {
         border: string;
     };
+    "#secure-payment-field[hidden]"?: {
+        display: string;
+        opacity: string;
+        visibility: string;
+    };
     "*": {
         "box-sizing": string;
     };
@@ -315,6 +320,194 @@ export declare const parentStyles: (assetBaseUrl: string) => {
         "font-size": string;
         "line-height": 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 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;
@@ -961,6 +1154,68 @@ export declare const parentStyles: (assetBaseUrl: string) => {
         "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;
@@ -1049,53 +1304,6 @@ export declare const parentStyles: (assetBaseUrl: string) => {
         "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;

package/types/internal/lib/styles/simple.d.ts

@@ -1,4 +1,9 @@
 export declare const fieldStyles: (assetBaseUrl: string) => {
+    "#secure-payment-field[hidden]"?: {
+        display: string;
+        opacity: string;
+        visibility: string;
+    };
     "img.card-number-icon": {
         background: string;
         "background-size": string;
@@ -16,6 +21,9 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
         "margin-top": string;
         "background-position": string;
     };
+    "#field-validation-wrapper"?: {
+        "margin-top": string;
+    };
     "@font-face"?: {
         "font-family": string;
         src: string;
@@ -148,6 +156,201 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
     };
 };
 export declare const parentStyles: (assetBaseUrl: 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;
+        "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;
     };
@@ -563,6 +766,68 @@ export declare const parentStyles: (assetBaseUrl: string) => {
         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;

package/types/internal/lib/styles/tooltip/common.d.ts

@@ -0,0 +1,65 @@
+declare const styles: (assetBaseUrl: 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;
+    };
+};
+export default styles;