@globalpayments/js 4.1.1 → 4.1.6

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

@@ -140,8 +140,12 @@ declare const _default: (assetBaseUrl: string) => {
         "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;
@@ -150,7 +154,6 @@ declare const _default: (assetBaseUrl: string) => {
     };
     ".secure-payment-form .open-banking-button": {
         position: string;
-        background: string;
         color: string;
         height: string;
         width: string;
@@ -158,20 +161,42 @@ declare const _default: (assetBaseUrl: string) => {
         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": {
+        position: string;
+        background: 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": {
+        content: string;
+        width: string;
+        height: string;
+        position: string;
+        top: string;
+        right: string;
+    };
     ".secure-payment-form .link-button": {
         display: string;
         "flex-direction": string;

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

@@ -4,8 +4,12 @@ declare const styles: (assetBaseUrl: string) => {
         "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;
@@ -14,7 +18,6 @@ declare const styles: (assetBaseUrl: string) => {
     };
     ".secure-payment-form .open-banking-button": {
         position: string;
-        background: string;
         color: string;
         height: string;
         width: string;
@@ -22,19 +25,41 @@ declare const styles: (assetBaseUrl: string) => {
         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": {
+        position: string;
+        background: 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": {
+        content: string;
+        width: string;
+        height: string;
+        position: string;
+        top: string;
+        right: string;
+    };
 };
 export default styles;

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;
@@ -352,6 +417,19 @@ export declare const parentStyles: (assetBaseUrl: string) => {
             right: string;
         };
     };
+    "@media(max-width: 340px)"?: {
+        ".secure-payment-form .credit-card-currency-conversion fieldset": {
+            "flex-flow": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+            width: string;
+            "margin-bottom": string;
+            "margin-right": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button:last-child": {
+            "margin-bottom": string;
+        };
+    };
     ".secure-payment-form .credit-card-qr-code-payments"?: {
         "font-family": 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;
@@ -407,7 +500,6 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
     };
     ".secure-payment-form .open-banking-button": {
         position: string;
-        background: string;
         color: string;
         height: string;
         width: string;
@@ -415,20 +507,42 @@ 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": {
+        position: string;
+        background: 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": {
+        content: string;
+        width: string;
+        height: string;
+        position: string;
+        top: string;
+        right: string;
+    };
     ".secure-payment-form .link-button": {
         display: string;
         "flex-direction": string;
@@ -665,6 +779,19 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
             right: string;
         };
     };
+    "@media(max-width: 340px)"?: {
+        ".secure-payment-form .credit-card-currency-conversion fieldset": {
+            "flex-flow": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button": {
+            width: string;
+            "margin-bottom": string;
+            "margin-right": string;
+        };
+        ".secure-payment-form .credit-card-currency-conversion .radio-button:last-child": {
+            "margin-bottom": string;
+        };
+    };
     ".secure-payment-form .hf-cvv-tooltip-invalid"?: {
         border: string;
         "border-left": string;
@@ -1684,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/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/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/hr.d.ts

@@ -49,10 +49,23 @@ declare const hr: {
         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 hr;