@globalpayments/js 4.0.20 → 4.1.1

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

@@ -0,0 +1,98 @@
+import { IThemePreset } from "./contracts";
+export declare const getBaseTokenDefinitions: (assetBaseUrl: string, themePreset?: IThemePreset | undefined) => {
+    "@font-face": {
+        "font-family": string;
+        src: string;
+    };
+    ":root": {
+        "--inputfield-label-font": string;
+        "--inputfield-container-font-placeholder": string;
+        "--inputfield-container-font-input": string;
+        "--inputfield-container-font-error": string;
+        "--tooltip-overlay-font-heading": string;
+        "--tooltip-overlay-font-body": string;
+        "--button-primary-font-label": string;
+        "--dcc-radio-button-font": string;
+        "--dcc-options-label-font": string;
+        "--dcc-options-font-exchange-rate": string;
+        "--other-method-divider-font": string;
+        "--inputfield-label-weight-text": string;
+        "--dcc-options-label-weight-text": string;
+        "--button-primary-weight-label-text": string;
+        "--dcc-radio-button-weight-text-label": string;
+        "--inputfield-container-weight-text-placeholder": string;
+        "--inputfield-container-weight-text-input": string;
+        "--inputfield-container-weight-text-error": string;
+        "--other-method-divider-weight-text": string;
+        "--dropin-ui-body-color-background": string;
+        "--dropin-ui-body-padding-top": string;
+        "--dropin-ui-body-padding-bottom": string;
+        "--dropin-ui-body-padding-left": string;
+        "--dropin-ui-body-padding-right": string;
+        "--inputfield-label-color-text": string;
+        "--inputfield-container-color-border-focus": string;
+        "--inputfield-container-color-border-hover": string;
+        "--inputfield-tooltip-color-border-hover": string;
+        "--inputfield-tooltip-color-focus-indicator-focus": string;
+        "--general-tooltip-color-border-hover": string;
+        "--general-tooltip-color-focus-indicator-focus": string;
+        "--inputfield-tooltip-color-border-focus": string;
+        "--inputfield-container-color-border-error": string;
+        "--inputfield-container-color-text-error": string;
+        "--inputfield-container-color-text-input": string;
+        "--dcc-options-label-color-text": string;
+        "--dcc-options-color-text-exchange-rate": string;
+        "--dcc-radio-button-color-text-default": string;
+        "--dcc-radio-button-color-text-hover": string;
+        "--dcc-radio-button-color-text-focus": string;
+        "--tooltip-overlay-color-background": string;
+        "--inputfield-container-color-border-default": string;
+        "--inputfield-container-color-text-placeholder": string;
+        "--inputfield-tooltip-color-border-default": string;
+        "--dcc-radio-button-color-border-default": string;
+        "--dcc-radio-button-color-border-hover": string;
+        "--dcc-radio-button-color-focus-indicator-focus": string;
+        "--dcc-radio-button-color-border-focus": string;
+        "--dcc-radio-button-color-border-selected": string;
+        "--dcc-radio-button-color-background-selected": string;
+        "--dcc-radio-button-color-icon-selected": string;
+        "--dcc-radio-button-color-text-selected": string;
+        "--button-primary-color-background-default": string;
+        "--button-primary-color-background-focus": string;
+        "--button-primary-color-text-default": string;
+        "--button-primary-color-text-hover": string;
+        "--button-primary-color-text-focus": string;
+        "--button-primary-color-background-hover": string;
+        "--button-primary-color-focus-indicator-focus": string;
+        "--dropin-ui-body-radius-bottom-left": string;
+        "--dropin-ui-body-radius-bottom-right": string;
+        "--dropin-ui-body-radius-top-left": string;
+        "--dropin-ui-body-radius-top-right": string;
+        "--button-primary-radius-top-left": string;
+        "--button-primary-radius-top-right": string;
+        "--button-primary-radius-bottom-left": string;
+        "--button-primary-radius-bottom-right": string;
+        "--button-primary-size-text": string;
+        "--other-method-divider-size-text": string;
+        "--inputfield-label-size-text": string;
+        "--inputfield-container-size-text-placeholder": string;
+        "--inputfield-container-size-text-input": string;
+        "--tooltip-overlay-size-text-heading": string;
+        "--tooltip-overlay-size-text-body": string;
+        "--inputfield-container-size-text-error": string;
+        "--dcc-options-label-size-text": string;
+        "--dcc-radio-button-size-text": string;
+        "--dcc-options-size-text-exchange-rate": string;
+        "--tooltip-overlay-color-text-heading": string;
+        "--tooltip-overlay-color-text-body": string;
+        "--other-method-divider-color-text": string;
+        "--other-method-divider-color-line": string;
+        "--tooltip-overlay-line-height-text-heading": string;
+        "--tooltip-overlay-line-height-text-body": string;
+        "--dcc-options-line-height-text-exchange-rate": string;
+        "--hppfooter-desktop": string;
+        "--hppfooter-tablet": string;
+        "--hppfooter-mobile": string;
+        "--dropin-ui-button-primary-icon": string;
+    };
+};

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

@@ -0,0 +1,82 @@
+export interface IThemePreset {
+    name: string;
+    colors: {
+        brand: {
+            color1: string;
+            accent1: string;
+            accent2: string;
+            accent3: string;
+            dark: string;
+            lightGrey: string;
+            buttonLabelColor1: string;
+            buttonLabelColor2: string;
+            errorColor: string;
+        };
+        general: IThemePresetGeneralColors;
+    };
+    fontFamily: IThemePresetFontFamily;
+    borders: {
+        dropInUIBody: {
+            topLeft: string;
+            topRight: string;
+            bottomLeft: string;
+            bottomRight: string;
+        };
+        buttonPrimary: {
+            topLeft: string;
+            topRight: string;
+            bottomLeft: string;
+            bottomRight: string;
+        };
+        radius: {
+            general: string;
+            curve: string;
+        };
+    };
+    images: {
+        brand: {
+            buttonPrimaryIcon: string;
+            footer: {
+                desktopLogo: string;
+                tabletLogo: string;
+                mobileLogo: string;
+            };
+        };
+    };
+    paddings: {
+        dropInUIBody: IThemePresetBodyPaddings;
+    };
+}
+export interface IThemePresetGeneralColors {
+    coolGrey25: string;
+    coolGreyBase: string;
+    neutralWhite: string;
+    coolGrey61: string;
+    coolGrey76: string;
+}
+export interface IThemePresetBodyPaddings {
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+}
+export interface IThemePresetFontFamily {
+    brand: {
+        fontName: string;
+        fontFileName: string;
+        fontFormat?: string;
+        fontWeightMedium: string;
+        fontWeightRegular: string;
+    };
+    sizes: {
+        buttonPrimary: string;
+        bodyBase: string;
+        small1: string;
+        small2: string;
+    };
+    lineHeights: {
+        small1: string;
+        small2: string;
+        small3: string;
+    };
+}

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

@@ -0,0 +1,9 @@
+import { IThemePreset } from "./base/contracts";
+declare const fieldStyles: (assetBaseUrl: string) => {};
+declare const parentStyles: (assetBaseUrl: string) => {};
+export declare const getThemeStyles: (assetBaseUrl: string) => {
+    fieldStyles: object;
+    parentStyles: object;
+};
+export declare const getThemePreset: () => IThemePreset;
+export {};

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

@@ -0,0 +1,9 @@
+import { IThemePreset } from "./base/contracts";
+declare const fieldStyles: (assetBaseUrl: string) => {};
+declare const parentStyles: (assetBaseUrl: string) => {};
+export declare const getThemeStyles: (assetBaseUrl: string) => {
+    fieldStyles: object;
+    parentStyles: object;
+};
+export declare const getThemePreset: () => IThemePreset;
+export {};

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

@@ -0,0 +1,9 @@
+import { IThemePreset } from "./base/contracts";
+declare const fieldStyles: (assetBaseUrl: string) => {};
+declare const parentStyles: (assetBaseUrl: string) => {};
+export declare const getThemeStyles: (assetBaseUrl: string) => {
+    fieldStyles: object;
+    parentStyles: object;
+};
+export declare const getThemePreset: () => IThemePreset;
+export {};

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

@@ -0,0 +1,9 @@
+import { IThemePreset } from "./base/contracts";
+declare const fieldStyles: (assetBaseUrl: string) => {};
+declare const parentStyles: (assetBaseUrl: string) => {};
+export declare const getThemeStyles: (assetBaseUrl: string) => {
+    fieldStyles: object;
+    parentStyles: object;
+};
+export declare const getThemePreset: () => IThemePreset;
+export {};

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

@@ -0,0 +1,9 @@
+import { IThemePreset } from "./base/contracts";
+declare const fieldStyles: (assetBaseUrl: string) => {};
+declare const parentStyles: (assetBaseUrl: string) => {};
+export declare const getThemeStyles: (assetBaseUrl: string) => {
+    fieldStyles: object;
+    parentStyles: object;
+};
+export declare const getThemePreset: () => IThemePreset;
+export {};

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

@@ -0,0 +1,14 @@
+export declare enum BrandThemes {
+    BrandThemeBOIPA = "brand-theme-boipa",
+    BrandThemeBOIPAUK = "brand-theme-boipa-uk",
+    BrandThemeCOMMERZBANK = "brand-theme-commerzbank",
+    BrandThemeNBGPAY = "brand-theme-nbg-pay",
+    BrandThemeESERVICE = "brand-theme-e-service"
+}
+export declare const getFieldStyles: (assetBaseUrl: string) => {
+    [x: string]: object;
+};
+export declare const getParentStyles: (assetBaseUrl: string) => {
+    [x: string]: object;
+};
+export declare const getBrandThemeNames: () => string[];

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

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

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

@@ -10,6 +10,14 @@ declare const styles: (assetBaseUrl: string) => {
         "background-size": string;
         background: string;
         "font-family": string;
+        "font-size": string;
+        "line-height": string;
+    };
+    ".secure-payment-form .tooltip h4": {
+        "font-family": string;
+        "font-size": string;
+        "line-height": string;
+        color: string;
     };
     ".secure-payment-form .tooltip:focus": {
         border: string;

package/types/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.0.20";
+declare const _default: "4.1.1";
 export default _default;