@globalpayments/js 4.1.6 → 4.1.8

package/README.md

@@ -24,7 +24,7 @@ This plugin allows you to use online payments (eCommerce) features of a variety
 ## Usage
 
 ```html
-<script src="https://js.globalpay.com/4.1.6/globalpayments.js"></script>
+<script src="https://js.globalpay.com/4.1.8/globalpayments.js"></script>
 ```
 
 > Note: Installing via NPM will only provide TypeScript types for type-checking.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalpayments/js",
-  "version": "4.1.6",
+  "version": "4.1.8",
   "author": "Heartland Developer Portal <developers@heartland.us>",
   "license": "GPL-2.0",
   "repository": {
@@ -17,10 +17,15 @@
     "clean": "rimraf dist",
     "cypress:open": "cypress open",
     "format": "prettier --write config/**/* src/**/* !src/assets/**/* !test/run.sh !test/run.ps1 test/fixtures/**/*.html",
+    
     "postbuild": "xcopy src\\assets dist\\ /e/y/h && node bin/replace-gp-ref.js",
+
     "prebuild": "yarn test:lint && node bin/update-version.js",
     "prepublish": "yarn build",
+   
     "test": "cross-os test-cross",
+  
+
     "test:integration": "cypress run",
     "test:lint": "tslint --project tsconfig.json",
     "test:serve": "serve -p 7777"

package/types/internal/built-in-validations/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const BUILT_IN_VALIDATIONS_VALIDATION_ROUND_COUNTER_KEY: string;
 export declare const POLAND: string;
+export declare const GERMANY: string;

package/types/internal/built-in-validations/helpers.d.ts

@@ -5,4 +5,5 @@ export declare const resetValidationRoundCounter: () => void;
 export declare const getValidationRoundCounter: () => number;
 export declare const increaseValidationRoundCounter: () => void;
 export declare const removeValidationRoundCounter: () => void;
-export declare const isBlikAvailable: (countryCode: string | undefined, options: IApmConfiguration | undefined) => boolean;
+export declare const isOpenBankingAvailable: (countryCode: string | undefined, aquirer: string | undefined) => boolean;
+export declare const isBlikAvailable: (countryCode: string | undefined, currencyCode: string | undefined, options: IApmConfiguration | undefined) => boolean;

package/types/internal/lib/bank-selection/available-banks-data.d.ts

@@ -1,2 +1,3 @@
 import { IBankData } from "./contracts";
 export declare const bankListData: IBankData[];
+export declare const countryList: any;

package/types/internal/lib/bank-selection/contracts.d.ts

@@ -2,11 +2,13 @@ export interface IBankData {
     countryCode: string;
     currencyCode: string;
     availableBanks: IAvailableBankData[];
+    allowedAquirers?: string[];
 }
 export interface IAvailableBankData {
     name: string;
     displayName: string;
     imageName: string;
+    acquirer: string[];
 }
 export declare enum BankDisplayNames {
     Pkobankpolskisa = "PKO BP",
@@ -38,7 +40,13 @@ export declare enum BankDisplayNames {
     AirBank = "AirBank",
     Tatra = "Tatra banka",
     VÚB = "V\u00DAB banka",
-    UniCredit = "UniCredit Bank"
+    UniCredit = "UniCredit Bank",
+    postacz = "\u010Cesk\u00E1 Po\u0161ta",
+    unicredit = "UniCredit",
+    creditasbanka = "Banka Creditas",
+    jtbanka = "J&T Banka",
+    bank365 = "365.bank",
+    viamo = "Viamo"
 }
 export declare enum CountryCurrencies {
     Poland = "PLN",
@@ -48,7 +56,14 @@ export declare enum CountryCurrencies {
 export declare enum BankCountries {
     Poland = "PL",
     CzechRepublic = "CZ",
-    Slovakia = "SK"
+    Slovakia = "SK",
+    UK = "GB"
+}
+export declare enum BankAquirers {
+    Eservice = "eservice",
+    Erstecz = "erstecz",
+    Eservicecba = "eservicecba",
+    Erste = "erste"
 }
 export interface IBankSelectionProps {
     countryCode: string;

package/types/internal/lib/bank-selection/helpers.d.ts

@@ -1,5 +1,6 @@
 import { IAvailableBankData } from "./contracts";
 export declare const isBankSelectionAvailable: (countryCode: string, currencyCode: string) => boolean;
 export declare const getAvailableBanksByCountry: (countryCode: string | undefined) => IAvailableBankData[];
+export declare const getAllAvailableBanks: (countryCode: string | undefined, aquirer: string | undefined) => IAvailableBankData[];
 export declare const getImageUrl: (assetBaseUrl: string, provider: string, countryCode?: string | undefined) => string;
 export declare const getCountryForQRPlatbaBank: (countryCode: string) => boolean;

package/types/internal/lib/enums.d.ts

@@ -21,7 +21,8 @@ export declare enum CardNetwork {
     Amex = "AMEX",
     Discover = "DISCOVER",
     Mastercard = "MASTERCARD",
-    Visa = "VISA"
+    Visa = "VISA",
+    Carnet = "CARNET"
 }
 export declare enum CharacterValidation {
     englishOnly = "englishOnly",

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

@@ -158,6 +158,9 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
         "background-size": string;
         "background-position-y": string;
     };
+    "img.card-number-icon.card-type-carnet": {
+        "background-image": string;
+    };
     ".card-number::-ms-clear": {
         display: string;
     };
@@ -385,6 +388,7 @@ export declare const parentStyles: (assetBaseUrl: string) => {
         right: string;
     };
     ".secure-payment-form .open-banking-button": {
+        background: string;
         position: string;
         color: string;
         height: string;
@@ -403,8 +407,8 @@ export declare const parentStyles: (assetBaseUrl: string) => {
         "outline-offset": string;
     };
     ".secure-payment-form .blik-button": {
-        position: string;
         background: string;
+        position: string;
         color: string;
         height: string;
         width: string;
@@ -422,7 +426,6 @@ export declare const parentStyles: (assetBaseUrl: string) => {
         "outline-offset": string;
     };
     ".secure-payment-form .blik-button::before": {
-        content: string;
         width: string;
         height: string;
         position: string;

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

@@ -127,6 +127,9 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
     "img.card-number-icon.card-type-diners": {
         "background-image": string;
     };
+    "img.card-number-icon.card-type-carnet": {
+        "background-image": string;
+    };
     ".card-number::-ms-clear": {
         display: string;
     };
@@ -351,6 +354,7 @@ export declare const parentStyles: (assetBaseUrl: string) => {
         right: string;
     };
     ".secure-payment-form .open-banking-button": {
+        background: string;
         position: string;
         color: string;
         height: string;
@@ -369,8 +373,8 @@ export declare const parentStyles: (assetBaseUrl: string) => {
         "outline-offset": string;
     };
     ".secure-payment-form .blik-button": {
-        position: string;
         background: string;
+        position: string;
         color: string;
         height: string;
         width: string;
@@ -388,7 +392,6 @@ export declare const parentStyles: (assetBaseUrl: string) => {
         "outline-offset": string;
     };
     ".secure-payment-form .blik-button::before": {
-        content: string;
         width: string;
         height: string;
         position: string;
@@ -1360,6 +1363,10 @@ export declare const parentStyles: (assetBaseUrl: string) => {
         "border-right": string;
         "border-bottom": string;
     };
+    "@font-face": {
+        "font-family": string;
+        src: string;
+    };
     ".secure-payment-form": {
         display: string;
         "-ms-flex-wrap": string;
@@ -1475,10 +1482,6 @@ export declare const parentStyles: (assetBaseUrl: string) => {
     ".secure-payment-form .hidden": {
         display: string;
     };
-    "@font-face": {
-        "font-family": string;
-        src: string;
-    };
     "@media(min-width: 800px)": {
         ".secure-payment-form .credit-card-card-expiration": {
             flex: string;

package/types/internal/lib/styles/payment-methods/common.d.ts

@@ -153,6 +153,7 @@ declare const _default: (assetBaseUrl: string) => {
         right: string;
     };
     ".secure-payment-form .open-banking-button": {
+        background: string;
         position: string;
         color: string;
         height: string;
@@ -171,8 +172,8 @@ declare const _default: (assetBaseUrl: string) => {
         "outline-offset": string;
     };
     ".secure-payment-form .blik-button": {
-        position: string;
         background: string;
+        position: string;
         color: string;
         height: string;
         width: string;
@@ -190,7 +191,6 @@ declare const _default: (assetBaseUrl: string) => {
         "outline-offset": string;
     };
     ".secure-payment-form .blik-button::before": {
-        content: string;
         width: string;
         height: string;
         position: string;

package/types/internal/lib/styles/payment-methods/open-banking.d.ts

@@ -17,6 +17,7 @@ declare const styles: (assetBaseUrl: string) => {
         right: string;
     };
     ".secure-payment-form .open-banking-button": {
+        background: string;
         position: string;
         color: string;
         height: string;
@@ -35,8 +36,8 @@ declare const styles: (assetBaseUrl: string) => {
         "outline-offset": string;
     };
     ".secure-payment-form .blik-button": {
-        position: string;
         background: string;
+        position: string;
         color: string;
         height: string;
         width: string;
@@ -54,7 +55,6 @@ declare const styles: (assetBaseUrl: string) => {
         "outline-offset": string;
     };
     ".secure-payment-form .blik-button::before": {
-        content: string;
         width: string;
         height: string;
         position: string;

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

@@ -144,6 +144,9 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
         "background-size": string;
         "background-position": string;
     };
+    "img.card-number-icon.card-type-carnet": {
+        "background-image": string;
+    };
     ".card-number::-ms-clear": {
         display: string;
     };

package/types/internal/lib/styles/themes/brand-themes/base/base-theme.d.ts

@@ -156,6 +156,9 @@ declare const fieldStyles: (assetBaseUrl: string, themePreset?: IThemePreset | u
     "img.card-number-icon.card-type-diners": {
         "background-image": string;
     };
+    "img.card-number-icon.card-type-carnet": {
+        "background-image": string;
+    };
     ".card-number::-ms-clear": {
         display: string;
     };
@@ -499,6 +502,7 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
         right: string;
     };
     ".secure-payment-form .open-banking-button": {
+        background: string;
         position: string;
         color: string;
         height: string;
@@ -517,8 +521,8 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
         "outline-offset": string;
     };
     ".secure-payment-form .blik-button": {
-        position: string;
         background: string;
+        position: string;
         color: string;
         height: string;
         width: string;
@@ -536,7 +540,6 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
         "outline-offset": string;
     };
     ".secure-payment-form .blik-button::before": {
-        content: string;
         width: string;
         height: string;
         position: string;

package/types/internal/lib/styles/themes/helpers.d.ts

@@ -1 +1,2 @@
 export declare const isBrandTheme: (style: string | undefined) => boolean;
+export declare const isEserviceThemeApplied: (style: string | undefined) => boolean;

package/types/internal/lib/translations/et.d.ts

@@ -0,0 +1,108 @@
+declare const en: {
+    labels: {
+        "card-number": string;
+        "card-expiration": string;
+        "card-cvv": string;
+        "card-holder-name": string;
+        submit: string;
+    };
+    values: {
+        "card-track": string;
+        submit: string;
+    };
+    validationMessages: {
+        CardNumber: {
+            Required: string;
+            CharactersLessThan12: string;
+            NumberIsNotValid: string;
+            NotAllowedCardType: string;
+        };
+        CardExpiration: {
+            NotCompleted: string;
+            YearNotValid: string;
+            MonthNotValid: string;
+            ExpiryDateNotValid: string;
+        };
+        CardCvv: {
+            CodeIsNotValid: string;
+            CodeIsLessThan3Digits: string;
+            CodeMustBe3Digits: string;
+            AmexCodeMustBe4Digits: string;
+        };
+        CardHolderName: {
+            NotValidCardHolderName: string;
+            CharactersMoreThan100: string;
+        };
+        CurrencyConversion: {
+            Required: string;
+        };
+    };
+    footer: {
+        "ssl-msg-alt": string;
+        "ssl-msg": string;
+        "security-msg-alt": string;
+        "security-msg": string;
+    };
+    tooltip: {
+        title: string;
+        "aria-label": string;
+        text: string;
+    };
+    "other-cards-label": string;
+    QR: {
+        scanRqCode: string;
+        payInApp: string;
+        amount: {
+            "aria-label": string;
+        };
+        qrImage: {
+            alt: string;
+            "aria-label": string;
+        };
+        timer: {
+            text: string;
+            minutes: string;
+            seconds: string;
+            "icon-alt": string;
+        };
+        expiredScreen: {
+            title: string;
+            alt: string;
+            text: string;
+        };
+        button: {
+            text: string;
+            "aria-label": string;
+        };
+        loading: string;
+        redirectScreen: {
+            redirectingToPaymentPageMessage: string;
+        };
+    };
+    apms: {
+        button: {
+            getAriaLabel: (paymentMethod: string) => string;
+        };
+        redirectToBank: string;
+    };
+    dcc: {
+        label: string;
+        additionalInfo: (currency: string, exchangeRate: string, payerCurrency: string, marginRatePercentage: string) => string;
+        cardCurrency: {
+            tooltip: (payerCurrency: string, exchangeRateSource: string, exchangeRateTimeCreated: string) => string;
+            "aria-label": string;
+        };
+        merchantCurrency: {
+            tooltip: (exchangeRateSource: string, exchangeRateTimeCreated: string) => string;
+            "aria-label": string;
+        };
+    };
+    orderInformation: {
+        amount: string;
+        orderReference: string;
+    };
+    bankSelection: {
+        pleaseSelectYourPreferredBank: string;
+    };
+};
+export default en;

package/types/internal/lib/translations/ga.d.ts

@@ -0,0 +1,108 @@
+declare const en: {
+    labels: {
+        "card-number": string;
+        "card-expiration": string;
+        "card-cvv": string;
+        "card-holder-name": string;
+        submit: string;
+    };
+    values: {
+        "card-track": string;
+        submit: string;
+    };
+    validationMessages: {
+        CardNumber: {
+            Required: string;
+            CharactersLessThan12: string;
+            NumberIsNotValid: string;
+            NotAllowedCardType: string;
+        };
+        CardExpiration: {
+            NotCompleted: string;
+            YearNotValid: string;
+            MonthNotValid: string;
+            ExpiryDateNotValid: string;
+        };
+        CardCvv: {
+            CodeIsNotValid: string;
+            CodeIsLessThan3Digits: string;
+            CodeMustBe3Digits: string;
+            AmexCodeMustBe4Digits: string;
+        };
+        CardHolderName: {
+            NotValidCardHolderName: string;
+            CharactersMoreThan100: string;
+        };
+        CurrencyConversion: {
+            Required: string;
+        };
+    };
+    footer: {
+        "ssl-msg-alt": string;
+        "ssl-msg": string;
+        "security-msg-alt": string;
+        "security-msg": string;
+    };
+    tooltip: {
+        title: string;
+        "aria-label": string;
+        text: string;
+    };
+    "other-cards-label": string;
+    QR: {
+        scanRqCode: string;
+        payInApp: string;
+        amount: {
+            "aria-label": string;
+        };
+        qrImage: {
+            alt: string;
+            "aria-label": string;
+        };
+        timer: {
+            text: string;
+            minutes: string;
+            seconds: string;
+            "icon-alt": string;
+        };
+        expiredScreen: {
+            title: string;
+            alt: string;
+            text: string;
+        };
+        button: {
+            text: string;
+            "aria-label": string;
+        };
+        loading: string;
+        redirectScreen: {
+            redirectingToPaymentPageMessage: string;
+        };
+    };
+    apms: {
+        button: {
+            getAriaLabel: (paymentMethod: string) => string;
+        };
+        redirectToBank: string;
+    };
+    dcc: {
+        label: string;
+        additionalInfo: (currency: string, exchangeRate: string, payerCurrency: string, marginRatePercentage: string) => string;
+        cardCurrency: {
+            tooltip: (payerCurrency: string, exchangeRateSource: string, exchangeRateTimeCreated: string) => string;
+            "aria-label": string;
+        };
+        merchantCurrency: {
+            tooltip: (exchangeRateSource: string, exchangeRateTimeCreated: string) => string;
+            "aria-label": string;
+        };
+    };
+    orderInformation: {
+        amount: string;
+        orderReference: string;
+    };
+    bankSelection: {
+        pleaseSelectYourPreferredBank: string;
+    };
+};
+export default en;

package/types/internal/lib/translations/lv.d.ts

@@ -0,0 +1,108 @@
+declare const en: {
+    labels: {
+        "card-number": string;
+        "card-expiration": string;
+        "card-cvv": string;
+        "card-holder-name": string;
+        submit: string;
+    };
+    values: {
+        "card-track": string;
+        submit: string;
+    };
+    validationMessages: {
+        CardNumber: {
+            Required: string;
+            CharactersLessThan12: string;
+            NumberIsNotValid: string;
+            NotAllowedCardType: string;
+        };
+        CardExpiration: {
+            NotCompleted: string;
+            YearNotValid: string;
+            MonthNotValid: string;
+            ExpiryDateNotValid: string;
+        };
+        CardCvv: {
+            CodeIsNotValid: string;
+            CodeIsLessThan3Digits: string;
+            CodeMustBe3Digits: string;
+            AmexCodeMustBe4Digits: string;
+        };
+        CardHolderName: {
+            NotValidCardHolderName: string;
+            CharactersMoreThan100: string;
+        };
+        CurrencyConversion: {
+            Required: string;
+        };
+    };
+    footer: {
+        "ssl-msg-alt": string;
+        "ssl-msg": string;
+        "security-msg-alt": string;
+        "security-msg": string;
+    };
+    tooltip: {
+        title: string;
+        "aria-label": string;
+        text: string;
+    };
+    "other-cards-label": string;
+    QR: {
+        scanRqCode: string;
+        payInApp: string;
+        amount: {
+            "aria-label": string;
+        };
+        qrImage: {
+            alt: string;
+            "aria-label": string;
+        };
+        timer: {
+            text: string;
+            minutes: string;
+            seconds: string;
+            "icon-alt": string;
+        };
+        expiredScreen: {
+            title: string;
+            alt: string;
+            text: string;
+        };
+        button: {
+            text: string;
+            "aria-label": string;
+        };
+        loading: string;
+        redirectScreen: {
+            redirectingToPaymentPageMessage: string;
+        };
+    };
+    apms: {
+        button: {
+            getAriaLabel: (paymentMethod: string) => string;
+        };
+        redirectToBank: string;
+    };
+    dcc: {
+        label: string;
+        additionalInfo: (currency: string, exchangeRate: string, payerCurrency: string, marginRatePercentage: string) => string;
+        cardCurrency: {
+            tooltip: (payerCurrency: string, exchangeRateSource: string, exchangeRateTimeCreated: string) => string;
+            "aria-label": string;
+        };
+        merchantCurrency: {
+            tooltip: (exchangeRateSource: string, exchangeRateTimeCreated: string) => string;
+            "aria-label": string;
+        };
+    };
+    orderInformation: {
+        amount: string;
+        orderReference: string;
+    };
+    bankSelection: {
+        pleaseSelectYourPreferredBank: string;
+    };
+};
+export default en;

package/types/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.1.6";
+declare const _default: "4.1.8";
 export default _default;

package/types/tools/configure.d.ts

@@ -30,6 +30,7 @@ export interface IConfiguration extends IDictionary {
         nonCardPayments?: IApmConfiguration;
         countryCode?: string;
         currencyCode?: string;
+        acquirer?: string;
         applePay?: {
             allowedAuthMethods?: string[];
             allowedCardNetworks?: string[];

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

@@ -164,6 +164,9 @@ export declare const fieldStyles: () => {
             "background-size": string;
             "background-position-y": string;
         };
+        "img.card-number-icon.card-type-carnet": {
+            "background-image": string;
+        };
         ".card-number::-ms-clear": {
             display: string;
         };
@@ -300,6 +303,9 @@ export declare const fieldStyles: () => {
         "img.card-number-icon.card-type-diners": {
             "background-image": string;
         };
+        "img.card-number-icon.card-type-carnet": {
+            "background-image": string;
+        };
         ".card-number::-ms-clear": {
             display: string;
         };
@@ -436,6 +442,16 @@ export declare const fieldStyles: () => {
             right: string;
         };
         "img.card-number-icon.valid.card-type-jcb": {
+            /**
+             * Sets an event listener for an event type
+             *
+             * @param fieldTypeOrEventName The field type on which the listener should
+             *          be applied, or the type of event that should trigger the listener
+             * @param eventNameOrListener The type of event that should trigger the
+             *          listener, or the listener function
+             * @param listener The listener function when both field type and event type
+             *          are provided
+             */
             background: string;
             "background-size": string;
             "background-position-y": string;
@@ -450,6 +466,9 @@ export declare const fieldStyles: () => {
             "background-size": string;
             "background-position": string;
         };
+        "img.card-number-icon.card-type-carnet": {
+            "background-image": string;
+        };
         ".card-number::-ms-clear": {
             display: string;
         };
@@ -680,6 +699,7 @@ export declare const parentStyles: () => {
             right: string;
         };
         ".secure-payment-form .open-banking-button": {
+            background: string;
             position: string;
             color: string;
             height: string;
@@ -698,8 +718,8 @@ export declare const parentStyles: () => {
             "outline-offset": string;
         };
         ".secure-payment-form .blik-button": {
-            position: string;
             background: string;
+            position: string;
             color: string;
             height: string;
             width: string;
@@ -717,7 +737,6 @@ export declare const parentStyles: () => {
             "outline-offset": string;
         };
         ".secure-payment-form .blik-button::before": {
-            content: string;
             width: string;
             height: string;
             position: string;
@@ -963,7 +982,9 @@ export declare const parentStyles: () => {
                 "justify-content": string;
             };
             ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
-                margin: string;
+                margin: string; /**
+                 * Deletes all hosted fields within the form
+                 */
             };
             ".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
                 width: string;
@@ -1113,9 +1134,6 @@ export declare const parentStyles: () => {
             background: string;
             width: string;
             left: string;
-            /**
-             * Represents logic surrounding a group of hosted fields.
-             */
             "margin-left": string;
             border: string;
             "border-width": string;
@@ -1396,7 +1414,9 @@ export declare const parentStyles: () => {
             "font-size": string;
             "font-weight": string;
             "font-family": string;
-            color: string;
+            color: string; /**
+             * Deletes all hosted fields within the form
+             */
             "line-height": string;
             display: string;
             "vertical-align": string;
@@ -1696,6 +1716,7 @@ export declare const parentStyles: () => {
             right: string;
         };
         ".secure-payment-form .open-banking-button": {
+            background: string;
             position: string;
             color: string;
             height: string;
@@ -1714,8 +1735,8 @@ export declare const parentStyles: () => {
             "outline-offset": string;
         };
         ".secure-payment-form .blik-button": {
-            position: string;
             background: string;
+            position: string;
             color: string;
             height: string;
             width: string;
@@ -1733,7 +1754,6 @@ export declare const parentStyles: () => {
             "outline-offset": string;
         };
         ".secure-payment-form .blik-button::before": {
-            content: string;
             width: string;
             height: string;
             position: string;
@@ -1960,7 +1980,9 @@ export declare const parentStyles: () => {
                 "justify-content": string;
             };
             ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
-                margin: string;
+                margin: string; /**
+                 * Deletes all hosted fields within the form
+                 */
             };
             ".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
                 width: string;
@@ -2135,9 +2157,6 @@ export declare const parentStyles: () => {
             background: string;
             width: string;
             left: string;
-            /**
-             * Represents logic surrounding a group of hosted fields.
-             */
             "margin-left": string;
             border: string;
             "border-width": string;
@@ -2435,7 +2454,8 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form .installment-field-value-item": {
             color: string;
-            "font-style": string; /**
+            "font-style": string;
+            /**
              * Sets an event listener for an event type
              *
              * @param fieldTypeOrEventName The field type on which the listener should
@@ -2717,6 +2737,10 @@ export declare const parentStyles: () => {
             "border-right": string;
             "border-bottom": string;
         };
+        "@font-face": {
+            "font-family": string;
+            src: string;
+        };
         ".secure-payment-form": {
             display: string;
             "-ms-flex-wrap": string;
@@ -2782,11 +2806,6 @@ export declare const parentStyles: () => {
             display: string;
             "justify-content": string;
         };
-        /**
-         * Appends additional CSS rules to the group of hosted fields
-         *
-         * @param json New CSS rules
-         */
         ".secure-payment-form div[class$='-logo'] .security-msg": {
             color: string;
             "font-size": string;
@@ -2797,7 +2816,12 @@ export declare const parentStyles: () => {
         };
         ".secure-payment-form div[class$='-logo'] .security-msg strong": {
             "white-space": string;
-            "font-weight": string;
+            "font-weight": 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;
         };
         ".secure-payment-form div[class$='-logo'] img": {
@@ -2830,19 +2854,13 @@ export declare const parentStyles: () => {
             "-o-transform": string;
             transform: string;
             margin: string;
-            "font-family": string; /**
-             * Deletes all hosted fields within the form
-             */
+            "font-family": string;
             "font-size": string;
             "white-space": string;
         };
         ".secure-payment-form .hidden": {
             display: string;
         };
-        "@font-face": {
-            "font-family": string;
-            src: string;
-        };
         "@media(min-width: 800px)": {
             ".secure-payment-form .credit-card-card-expiration": {
                 flex: string;
@@ -3104,7 +3122,9 @@ export declare const parentStyles: () => {
                 "justify-content": string;
             };
             ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
-                margin: string;
+                margin: string; /**
+                 * Deletes all hosted fields within the form
+                 */
             };
             ".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
                 width: string;
@@ -3380,9 +3400,6 @@ export declare const parentStyles: () => {
             background: string;
             width: string;
             left: string;
-            /**
-             * Represents logic surrounding a group of hosted fields.
-             */
             "margin-left": string;
             border: string;
             "border-width": string;