@globalpayments/js 4.1.3 → 4.1.7

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

@@ -152,6 +152,71 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
     };
 };
 export declare const parentStyles: (assetBaseUrl: string) => {
+    ".bank-selection-wrapper": {
+        background: string;
+        padding: string;
+    };
+    ".bank-selection": {
+        display: string;
+        "align-items": string;
+        "flex-flow": string;
+        "margin-bottom": string;
+    };
+    ".bank-selecction-option": {
+        width: string;
+        height: string;
+        cursor: string;
+        display: string;
+        "align-items": string;
+        "justify-content": string;
+        "box-shadow": string;
+        "margin-right": string;
+        "margin-left": string;
+        "margin-top": string;
+        background: string;
+        "border-radius": string;
+        "flex-direction": string;
+    };
+    ".bank-selecction-option::before": {
+        content: string;
+        width: string;
+        height: string;
+        position: string;
+        "margin-left": string;
+    };
+    ".bank-selecction-option:hover": {
+        border: string;
+    };
+    ".bank-selecction-option:active": {
+        background: string;
+        border: string;
+    };
+    ".qr-code-button": {
+        background: string;
+    };
+    ".title-text": {
+        color: string;
+        "font-size": string;
+        "font-weight": string;
+        "line-height": string;
+        "font-family": string;
+    };
+    ".order-information"?: {
+        display: string;
+        "flex-direction": string;
+        "align-items": string;
+        "font-family": string;
+    };
+    ".title-field"?: {
+        "font-weight": string;
+        "line-height": string;
+        "font-size": string;
+    };
+    ".order-information-field"?: {
+        "line-height": string;
+        "font-size": string;
+        "font-weight": string;
+    };
     ".secure-payment-form .credit-card-currency-conversion legend"?: {
         "font-family": string;
         color: string;

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

@@ -253,9 +253,98 @@ declare const fieldStyles: (assetBaseUrl: string, themePreset?: IThemePreset | u
         "--hppfooter-tablet": string;
         "--hppfooter-mobile": string;
         "--dropin-ui-button-primary-icon": string;
+        "--dropInUI-orderSummary-itemMerchant-fontFamily": string;
+        "--dropInUI-orderSummary-itemMerchant-font-size-text": string;
+        "--dropInUI-orderSummary-itemMerchant-font-weight-text": string | undefined;
+        "--dropInUI-orderSummary-itemMerchant-line-height": string;
+        "--dropInUI-orderSummary-itemOrderID-font-size-text": string;
+        "--dropInUI-orderSummary-itemOrderID-font-weight-text": string;
+        "--payWithBank-label-fontFamily": string;
+        "--payWithBank-size-text-label": string;
+        "--payWithBank-font-weight-text-label": string;
+        "--payWithBank-color-label": string;
+        "--payWithBank-button-color-icon-redirect-default": string;
+        "--payWithBank-button-color-border-hover": string;
+        "--payWithBank-button-weight-border-hover": string;
+        "--payWithBank-button-weight-focus-indicator": string;
+        "--payWithBank-button-color-background-default": string;
+        "--payWithBank-button-color-background-hover": string;
+        "--payWithBank-button-color-background-focus": string;
+        "--payWithBank-button-color-background-pressed": string;
+        "--payWithBank-button-border-radius": string;
+        "--payWithBank-QRbutton-color-border-hover": string;
+        "--payWithBank-QRbutton-weight-border-hover": string;
+        "--payWithBank-QRbutton-weight-focus-indicator": string;
+        "--payWithBank-QRbutton-color-background-default": string;
+        "--payWithBank-QRbutton-color-background-hover": string;
     };
 };
 declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset | undefined) => {
+    ".bank-selection-wrapper": {
+        background: string;
+        padding: string;
+    };
+    ".bank-selection": {
+        display: string;
+        "align-items": string;
+        "flex-flow": string;
+        "margin-bottom": string;
+    };
+    ".bank-selecction-option": {
+        width: string;
+        height: string;
+        cursor: string;
+        display: string;
+        "align-items": string;
+        "justify-content": string;
+        "box-shadow": string;
+        "margin-right": string;
+        "margin-left": string;
+        "margin-top": string;
+        background: string;
+        "border-radius": string;
+        "flex-direction": string;
+    };
+    ".bank-selecction-option::before": {
+        content: string;
+        width: string;
+        height: string;
+        position: string;
+        "margin-left": string;
+    };
+    ".bank-selecction-option:hover": {
+        border: string;
+    };
+    ".bank-selecction-option:active": {
+        background: string;
+        border: string;
+    };
+    ".qr-code-button": {
+        background: string;
+    };
+    ".title-text": {
+        color: string;
+        "font-size": string;
+        "font-weight": string;
+        "line-height": string;
+        "font-family": string;
+    };
+    ".order-information": {
+        display: string;
+        "flex-direction": string;
+        "align-items": string;
+        "font-family": string;
+    };
+    ".title-field": {
+        "font-weight": string;
+        "line-height": string;
+        "font-size": string;
+    };
+    ".order-information-field": {
+        "line-height": string;
+        "font-size": string;
+        "font-weight": string;
+    };
     ".secure-payment-form .credit-card-qr-code-payments"?: {
         "font-family": string;
     };
@@ -397,8 +486,12 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
         "flex-direction": string;
         "align-items": string;
     };
+    ".secure-payment-form .blik-button-wrapper": {
+        display: string;
+        "flex-direction": string;
+        "align-items": string;
+    };
     ".secure-payment-form .open-banking-button::before": {
-        content: string;
         width: string;
         height: string;
         position: string;
@@ -406,8 +499,8 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
         right: string;
     };
     ".secure-payment-form .open-banking-button": {
-        position: string;
         background: string;
+        position: string;
         color: string;
         height: string;
         width: string;
@@ -415,20 +508,41 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
         border: string;
         margin: string;
         cursor: string;
-        "-webkit-box-shadow": string;
-        "-moz-box-shadow": string;
-        "box-shadow": string;
     };
     ".secure-payment-form .open-banking-button:hover": {
         "border-color": string;
-        "-webkit-box-shadow": string;
-        "-moz-box-shadow": string;
-        "box-shadow": string;
+        "background-color": string;
     };
     ".secure-payment-form .open-banking-button:focus": {
         outline: string;
         "outline-offset": string;
     };
+    ".secure-payment-form .blik-button": {
+        background: string;
+        position: string;
+        color: string;
+        height: string;
+        width: string;
+        "border-radius": string;
+        border: string;
+        margin: string;
+        cursor: string;
+    };
+    ".secure-payment-form .blik-button:hover": {
+        "border-color": string;
+        "background-color": string;
+    };
+    ".secure-payment-form .blik-button:focus": {
+        outline: string;
+        "outline-offset": string;
+    };
+    ".secure-payment-form .blik-button::before": {
+        width: string;
+        height: string;
+        position: string;
+        top: string;
+        right: string;
+    };
     ".secure-payment-form .link-button": {
         display: string;
         "flex-direction": string;
@@ -1697,6 +1811,30 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
         "--hppfooter-tablet": string;
         "--hppfooter-mobile": string;
         "--dropin-ui-button-primary-icon": string;
+        "--dropInUI-orderSummary-itemMerchant-fontFamily": string;
+        "--dropInUI-orderSummary-itemMerchant-font-size-text": string;
+        "--dropInUI-orderSummary-itemMerchant-font-weight-text": string | undefined;
+        "--dropInUI-orderSummary-itemMerchant-line-height": string;
+        "--dropInUI-orderSummary-itemOrderID-font-size-text": string;
+        "--dropInUI-orderSummary-itemOrderID-font-weight-text": string;
+        "--payWithBank-label-fontFamily": string;
+        "--payWithBank-size-text-label": string;
+        "--payWithBank-font-weight-text-label": string;
+        "--payWithBank-color-label": string;
+        "--payWithBank-button-color-icon-redirect-default": string;
+        "--payWithBank-button-color-border-hover": string;
+        "--payWithBank-button-weight-border-hover": string;
+        "--payWithBank-button-weight-focus-indicator": string;
+        "--payWithBank-button-color-background-default": string;
+        "--payWithBank-button-color-background-hover": string;
+        "--payWithBank-button-color-background-focus": string;
+        "--payWithBank-button-color-background-pressed": string;
+        "--payWithBank-button-border-radius": string;
+        "--payWithBank-QRbutton-color-border-hover": string;
+        "--payWithBank-QRbutton-weight-border-hover": string;
+        "--payWithBank-QRbutton-weight-focus-indicator": string;
+        "--payWithBank-QRbutton-color-background-default": string;
+        "--payWithBank-QRbutton-color-background-hover": string;
     };
 };
 export declare const getBaseThemeStyles: (assetBaseUrl: string, themePreset?: IThemePreset | undefined) => {

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

@@ -94,5 +94,29 @@ export declare const getBaseTokenDefinitions: (assetBaseUrl: string, themePreset
         "--hppfooter-tablet": string;
         "--hppfooter-mobile": string;
         "--dropin-ui-button-primary-icon": string;
+        "--dropInUI-orderSummary-itemMerchant-fontFamily": string;
+        "--dropInUI-orderSummary-itemMerchant-font-size-text": string;
+        "--dropInUI-orderSummary-itemMerchant-font-weight-text": string | undefined;
+        "--dropInUI-orderSummary-itemMerchant-line-height": string;
+        "--dropInUI-orderSummary-itemOrderID-font-size-text": string;
+        "--dropInUI-orderSummary-itemOrderID-font-weight-text": string;
+        "--payWithBank-label-fontFamily": string;
+        "--payWithBank-size-text-label": string;
+        "--payWithBank-font-weight-text-label": string;
+        "--payWithBank-color-label": string;
+        "--payWithBank-button-color-icon-redirect-default": string;
+        "--payWithBank-button-color-border-hover": string;
+        "--payWithBank-button-weight-border-hover": string;
+        "--payWithBank-button-weight-focus-indicator": string;
+        "--payWithBank-button-color-background-default": string;
+        "--payWithBank-button-color-background-hover": string;
+        "--payWithBank-button-color-background-focus": string;
+        "--payWithBank-button-color-background-pressed": string;
+        "--payWithBank-button-border-radius": string;
+        "--payWithBank-QRbutton-color-border-hover": string;
+        "--payWithBank-QRbutton-weight-border-hover": string;
+        "--payWithBank-QRbutton-weight-focus-indicator": string;
+        "--payWithBank-QRbutton-color-background-default": string;
+        "--payWithBank-QRbutton-color-background-hover": string;
     };
 };

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

@@ -31,6 +31,13 @@ export interface IThemePreset {
         radius: {
             general: string;
             curve: string;
+            sm: string;
+        };
+        borderWidth: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
         };
     };
     images: {
@@ -53,6 +60,10 @@ export interface IThemePresetGeneralColors {
     neutralWhite: string;
     coolGrey61: string;
     coolGrey76: string;
+    cool_grey_39: string;
+    cool_grey_base: string;
+    cool_grey_95: string;
+    azure_95: string;
 }
 export interface IThemePresetBodyPaddings {
     top: string;
@@ -67,12 +78,15 @@ export interface IThemePresetFontFamily {
         fontFormat?: string;
         fontWeightMedium: string;
         fontWeightRegular: string;
+        fontWeightBold?: string;
     };
     sizes: {
         buttonPrimary: string;
         bodyBase: string;
         small1: string;
         small2: string;
+        xl: string;
+        sm: string;
     };
     lineHeights: {
         small1: 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/cs.d.ts

@@ -49,10 +49,24 @@ declare const cs: {
         text: string;
     };
     "other-cards-label": string;
+    QR: {
+        button: {
+            text: string;
+            "aria-label": string;
+        };
+    };
     apms: {
         button: {
             getAriaLabel: (paymentMethod: string) => string;
+            getImageUrl: (assetBaseUrl: string) => string;
         };
     };
+    orderInformation: {
+        amount: string;
+        orderReference: string;
+    };
+    bankSelection: {
+        pleaseSelectYourPreferredBank: string;
+    };
 };
 export default cs;

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

@@ -49,10 +49,23 @@ declare const de: {
         text: string;
     };
     "other-cards-label": string;
+    QR: {
+        button: {
+            text: string;
+            "aria-label": string;
+        };
+    };
     apms: {
         button: {
             getAriaLabel: (paymentMethod: string) => string;
         };
     };
+    orderInformation: {
+        amount: string;
+        orderReference: string;
+    };
+    bankSelection: {
+        pleaseSelectYourPreferredBank: string;
+    };
 };
 export default de;

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

@@ -49,10 +49,23 @@ declare const el: {
         text: string;
     };
     "other-cards-label": string;
+    QR: {
+        button: {
+            text: string;
+            "aria-label": string;
+        };
+    };
     apms: {
         button: {
             getAriaLabel: (paymentMethod: string) => string;
         };
     };
+    orderInformation: {
+        amount: string;
+        orderReference: string;
+    };
+    bankSelection: {
+        pleaseSelectYourPreferredBank: string;
+    };
 };
 export default el;

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

@@ -83,6 +83,7 @@ declare const en: {
         button: {
             getAriaLabel: (paymentMethod: string) => string;
         };
+        redirectToBank: string;
     };
     dcc: {
         label: string;
@@ -96,5 +97,12 @@ declare const en: {
             "aria-label": string;
         };
     };
+    orderInformation: {
+        amount: string;
+        orderReference: string;
+    };
+    bankSelection: {
+        pleaseSelectYourPreferredBank: string;
+    };
 };
 export default en;

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

@@ -63,5 +63,12 @@ declare const es: {
             getAriaLabel: (paymentMethod: string) => string;
         };
     };
+    orderInformation: {
+        amount: string;
+        orderReference: string;
+    };
+    bankSelection: {
+        pleaseSelectYourPreferredBank: string;
+    };
 };
 export default es;

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/fr.d.ts

@@ -49,10 +49,23 @@ declare const fr: {
         text: string;
     };
     "other-cards-label": string;
+    QR: {
+        button: {
+            text: string;
+            "aria-label": string;
+        };
+    };
     apms: {
         button: {
             getAriaLabel: (paymentMethod: string) => string;
         };
     };
+    orderInformation: {
+        amount: string;
+        orderReference: string;
+    };
+    bankSelection: {
+        pleaseSelectYourPreferredBank: string;
+    };
 };
 export default fr;

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;