@globalpayments/js 4.1.3 → 4.1.6

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.3/globalpayments.js"></script>
+<script src="https://js.globalpay.com/4.1.6/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.3",
+  "version": "4.1.6",
   "author": "Heartland Developer Portal <developers@heartland.us>",
   "license": "GPL-2.0",
   "repository": {
@@ -17,15 +17,10 @@
     "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/apm/non-card-payments/contracts.d.ts

@@ -5,4 +5,5 @@ export interface PaymentMethod {
     provider: string;
     category?: string;
     image?: string;
+    enabled?: boolean;
 }

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

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

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

@@ -1,6 +1,8 @@
+import { IApmConfiguration } from "../../apm/non-card-payments/contracts";
 export declare const showHostedFieldValidation: (fieldId: string | null, validationMessage: string, target?: string | undefined) => void;
 export declare const hideHostedFieldValidation: (fieldId: string | null, target?: string | undefined) => void;
 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;

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

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

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

@@ -0,0 +1,56 @@
+export interface IBankData {
+    countryCode: string;
+    currencyCode: string;
+    availableBanks: IAvailableBankData[];
+}
+export interface IAvailableBankData {
+    name: string;
+    displayName: string;
+    imageName: string;
+}
+export declare enum BankDisplayNames {
+    Pkobankpolskisa = "PKO BP",
+    Santander = "Santander",
+    Ing = "ING Bank \u015Al\u0105ski",
+    Bankpekaosa = "PEKAO SA",
+    QRPlatba = "QR Platba",
+    Slovenská = "Slovensk\u00E1 sporite\u013E\u0148a",
+    Mbank = "mBank",
+    Alior = "Alior Bank",
+    BNP = "BNP Paribas",
+    Millenium = "Millenium",
+    Credit = "Credit Agricole",
+    Citi = "Citi Handlowy",
+    Inteligo = "Inteligo",
+    Banki = "Banki Sp\u00F3\u0142dzielcze",
+    BOŚ = "BO\u015A Bank",
+    Nest = "Nest Bank",
+    VeloBank = "VeloBank",
+    Nowy = "Bank Nowy S.A.",
+    Plus = "PLUS BANK",
+    Pocztowy = "Bank Pocztowy",
+    Česká = "\u010Cesk\u00E1 spo\u0159itelna",
+    ČSOB = "\u010CSOB",
+    Komerční = "Komer\u010Dn\u00ED banka",
+    Raiffesenbank = "Raiffesenbank",
+    Fio = "Fio banka",
+    MONETA = "MONETA Money Bank",
+    AirBank = "AirBank",
+    Tatra = "Tatra banka",
+    VÚB = "V\u00DAB banka",
+    UniCredit = "UniCredit Bank"
+}
+export declare enum CountryCurrencies {
+    Poland = "PLN",
+    CzechRepublic = "CZK",
+    Slovakia = "EUR"
+}
+export declare enum BankCountries {
+    Poland = "PL",
+    CzechRepublic = "CZ",
+    Slovakia = "SK"
+}
+export interface IBankSelectionProps {
+    countryCode: string;
+    currencyCode: string;
+}

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

@@ -0,0 +1,5 @@
+import { IAvailableBankData } from "./contracts";
+export declare const isBankSelectionAvailable: (countryCode: string, currencyCode: string) => boolean;
+export declare const getAvailableBanksByCountry: (countryCode: 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

@@ -1,5 +1,6 @@
 import { HostedFieldStyles as HostedFieldStylesAlias } from "../../common/enums";
 import { BrandThemes as BrandThemesAlias } from "./styles/themes/brand-themes/brand-themes";
+import { BankDisplayNames } from "./bank-selection/contracts";
 export declare enum ApiVersion {
     default = "2021-03-22"
 }
@@ -9,7 +10,8 @@ export declare enum Apm {
     GooglePay = "google-pay",
     OpenBankingPayment = "open-banking",
     PayPal = "paypal",
-    QRCodePayments = "qr-code-payments"
+    QRCodePayments = "qr-code-payments",
+    Blik = "blik"
 }
 export declare enum ApmEvents {
     PaymentMethodActionDetail = "apm-action-details",
@@ -48,7 +50,8 @@ export declare enum ApmProviders {
     AlipayHK = "AlipayHK",
     OpenBanking = "OPEN_BANKING",
     PayPal = "PayPal",
-    WeChat = "WeChat"
+    WeChat = "WeChat",
+    Blik = "blik"
 }
 export declare enum QRCodePaymentsWeChatProviderBrands {
     WeChatBrand = "WeChat",
@@ -57,3 +60,4 @@ export declare enum QRCodePaymentsWeChatProviderBrands {
 }
 export declare const HostedFieldStyles: typeof HostedFieldStylesAlias;
 export declare const BrandThemes: typeof BrandThemesAlias;
+export declare const BankNames: typeof BankDisplayNames;

package/types/internal/lib/order-information/constants.d.ts

@@ -0,0 +1 @@
+export declare const ORDER_INFORMATION_KEY = "order-information";

package/types/internal/lib/order-information/contracts.d.ts

@@ -0,0 +1,6 @@
+export interface IOrderInformationData {
+    merchantName: string;
+    orderTotalAmount: string;
+    orderReference: string;
+    currencyCode: string;
+}

package/types/internal/lib/styles/bank-selection/common.d.ts

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

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

@@ -166,6 +166,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-qr-code-payments"?: {
         "font-family": string;
     };
@@ -307,8 +372,12 @@ export declare const parentStyles: (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;
@@ -317,7 +386,6 @@ export declare const parentStyles: (assetBaseUrl: string) => {
     };
     ".secure-payment-form .open-banking-button": {
         position: string;
-        background: string;
         color: string;
         height: string;
         width: string;
@@ -325,20 +393,42 @@ export declare const parentStyles: (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/gp-default.d.ts

@@ -132,6 +132,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-qr-code-payments"?: {
         "font-family": string;
     };
@@ -273,8 +338,12 @@ export declare const parentStyles: (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;
@@ -283,7 +352,6 @@ export declare const parentStyles: (assetBaseUrl: string) => {
     };
     ".secure-payment-form .open-banking-button": {
         position: string;
-        background: string;
         color: string;
         height: string;
         width: string;
@@ -291,20 +359,42 @@ export declare const parentStyles: (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/order-information/common.d.ts

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

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;