@globalpayments/js 4.1.15 → 4.1.17

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.15/globalpayments.js"></script>
+<script src="https://js.globalpay.com/4.1.17/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.15",
+  "version": "4.1.17",
   "author": "Heartland Developer Portal <developers@heartland.us>",
   "license": "GPL-2.0",
   "repository": {
@@ -17,7 +17,7 @@
     "clean": "rimraf dist",
     "cypress:open": "cypress open",
     "format": "prettier --write config/**/* src/**/* !src/assets/**/* !test/run.sh !test/run.ps1 test/fixtures/**/*.html",
-    "postbuild": "cross-os postbuild-cross",
+    "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",

package/types/common/html-element.d.ts

@@ -89,6 +89,7 @@ export declare const createHtmlRadioButtonElement: (props?: {
     checked: boolean;
     target?: string | undefined;
     value?: string | undefined;
+    radioButtonClassList?: string | undefined;
 } | undefined) => HTMLDivElement;
 export declare const createHtmlLabelElement: (props?: {
     id?: string | undefined;

package/types/internal/lib/installments/components/add-installments-options.d.ts

@@ -0,0 +1,2 @@
+import { IframeField } from "../../../../ui";
+export default function addInstallmentsOptions(iframeField: IframeField | undefined): void;

package/types/internal/lib/installments/contracts/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const INSTALLMENTS_KEY = "installments";
 export declare const INSTALLMENTS_CONFIG_DEFAULT_CHANNEL = "CNP";
 export declare const INSTALLMENTS_CONFIG_DEFAULT_ENTRY_MODE = "ECOM";
+export declare const INSTALLMENTS_CONFIG_DEFAULT_CVV_INDICATOR = "PRESENT";

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

@@ -6,13 +6,18 @@ export declare enum InstallmentEvents {
     CardInstallmentsHide = "card-installments-hide",
     CardInstallmentsRequestData = "card-installments-request-data",
     CardInstallmentsPassData = "card-installments-pass-data",
-    CardInstallmentsAccumulateData = "card-installments-accumulate-data"
+    CardInstallmentsAccumulateData = "card-installments-accumulate-data",
+    CardInstallmentSendValue = "card-installment-send-value"
 }
 export declare enum InstallmentAvailableStatus {
     Available = "AVAILABLE",
     NotAvailable = "NOT_AVAILABLE"
 }
 export declare enum InstallmentTermModes {
-    APR = "APR",
-    FEE = "FEE"
+    MWI = "NO_INTEREST",
+    BNPL = "BNPL"
+}
+export declare enum InstallmentConfigs {
+    Country = "MX",
+    Currency = "MXN"
 }

package/types/internal/lib/installments/contracts/installment-payment-method.d.ts

@@ -4,18 +4,21 @@
 export default class InstallmentPaymentMethod {
     entryMode: string;
     card: {
-        brand: string;
         maskedNumberLast4: string;
+        expiryMonth: string;
+        expiryYear: string;
     };
     constructor(_entryMode: string, _card: {
-        brand: string;
         maskedNumberLast4: string;
+        expiryMonth: string;
+        expiryYear: string;
     });
 }
 export declare function installmentPaymentMethodMapper(origin: {
     entry_mode: string;
     card: {
-        brand: string;
         masked_number_last4: string;
+        expiry_month: string;
+        expiry_year: string;
     };
 }): InstallmentPaymentMethod;

package/types/internal/lib/installments/contracts/installment-plans-data.d.ts

@@ -18,12 +18,10 @@ export default class InstallmentPlansData {
     accountId: string;
     accountName: string;
     reference: string;
-    termsAndConditionsUrl: string;
-    providerImageUrl: string;
     terms: InstallmentTerm[];
     paymentMethod: InstallmentPaymentMethod;
     action: InstallmentAction;
-    constructor(_id: string, _timeCreated: string, _type: string, _status: string, _channel: string, _amount: string, _currency: string, _country: string, _merchantId: string, _merchantName: string, _accountId: string, _accountName: string, _reference: string, _termsAndConditionsUrl: string, _providerImageUrl: string, _terms: InstallmentTerm[], _paymentMethod: InstallmentPaymentMethod, _action: InstallmentAction);
+    constructor(_id: string, _timeCreated: string, _type: string, _status: string, _channel: string, _amount: string, _currency: string, _country: string, _merchantId: string, _merchantName: string, _accountId: string, _accountName: string, _reference: string, _terms: InstallmentTerm[], _paymentMethod: InstallmentPaymentMethod, _action: InstallmentAction);
 }
 export declare function installmentPlansDataMapper(origin: {
     id: string;
@@ -39,8 +37,6 @@ export declare function installmentPlansDataMapper(origin: {
     account_id: string;
     account_name: string;
     reference: string;
-    terms_and_conditions_url: string;
-    provider_image_url: string;
     terms: any[];
     payment_method: any;
     action: any;

package/types/internal/lib/installments/contracts/installment-term.d.ts

@@ -1,35 +1,18 @@
-import InstallmentTermFees from "./installment-term-fees";
 /**
  * InstallmentTerm class model.
  */
 export default class InstallmentTerm {
     reference: string;
-    timeUnitAmount: string;
-    currency: string;
+    name: string;
     mode: string;
-    totalTimeUnitCount: string;
-    interestRate: string;
-    totalAmount?: string;
-    description: string;
-    expirationDate: string;
-    expirationInterestRate: string;
-    timeUnit: string;
-    termsAndConditionsUrl: string;
-    fees?: InstallmentTermFees;
-    constructor(_reference: string, _timeUnitAmount: string, _currency: string, _mode: string, _totalTimeUnitCount: string, _interestRate: string, _totalAmount: string, _description: string, _expirationDate: string, _expirationInterestRate: string, _timeUnit: string, _termsAndConditionsUrl: string, _fees?: InstallmentTermFees);
+    count: string;
+    gracePeriodCount: string;
+    constructor(_reference: string, _name: string, _mode: string, _count: string, _gracePeriodCount: string);
 }
 export declare function installmentTermMapper(origin: {
     reference: string;
-    time_unit_amount: string;
-    currency: string;
+    name: string;
     mode: string;
-    total_time_unit_count: string;
-    interest_rate: string;
-    total_amount: string;
-    description: string;
-    expiration_date: string;
-    expiration_interest_rate: string;
-    terms_and_conditions_url: string;
-    time_unit: string;
-    fees?: any;
+    count: string;
+    grace_period_count: string;
 }): InstallmentTerm;

package/types/internal/lib/installments/contracts/interfaces.d.ts

@@ -0,0 +1,4 @@
+export interface InstallmentPaymentData {
+    installmentId: string;
+    installmentReference: string;
+}

package/types/internal/lib/installments/templates/common.d.ts

@@ -1,6 +1,2 @@
-export declare const getProvidedByIssuerTemplate: (props: {
-    providerImageSrc: string;
-    providerImageAlt: string;
-}) => HTMLElement;
-export declare const getChangePaymentMethodTemplate: (buttonId: string) => HTMLElement;
-export declare const getHaveVirginMoneyCreditCardBannerTemplate: () => HTMLElement;
+export declare const addInstallmentEligibilityBadge: () => HTMLElement;
+export declare const getInstallmentSection: () => HTMLElement;

package/types/internal/lib/installments/templates/create-installment-options.d.ts

@@ -0,0 +1,3 @@
+import { IframeField } from "../../../../ui/iframe-field/index";
+import InstallmentPlansData from "../contracts/installment-plans-data";
+export declare function createInstallmentOptions(iFrameField: IframeField | undefined, installmentPlans: InstallmentPlansData): HTMLElement | undefined;

package/types/internal/lib/installments/templates/create-installment-section.d.ts

@@ -0,0 +1,2 @@
+import InstallmentTerm from "../contracts/installment-term";
+export declare function createInstallmentSection(sectionTitle: string, options: InstallmentTerm[], countLabel: string): HTMLElement;

package/types/internal/lib/installments/templates/enum.d.ts

@@ -0,0 +1,7 @@
+export declare enum InstallmentLabels {
+    INSTALLMENT_DEFAULT_PAYMENT_OPTION = "pay-in-full",
+    INSTALLMENT_PAYMENT_OPTION_NAME = "payment-type",
+    INSTALLMENT_DEFAULT_PAYMENT_OPTION_LABEL = "PAY IN FULL",
+    INSTALLMENT_OPTION_MWI = "MONTHS WITHOUT INTEREST",
+    INSTALLMENT_OPTION_BNPL = "BUY NOW PAY LATER"
+}

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

@@ -1020,6 +1020,76 @@ export declare const parentStyles: (assetBaseUrl: string, theme?: string | undef
     ".secure-payment-form .credit-card-installments": {
         "font-family": string;
     };
+    ".secure-payment-form .installment-eligibility-badge": {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        width: string;
+        margin: string;
+    };
+    ".secure-payment-form .installment-badge": {
+        display: string;
+        "align-items": string;
+        background: string;
+        border: string;
+        "border-radius": string;
+        padding: string;
+        "font-size": string;
+        color: string;
+        "font-weight": string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option": {
+        "padding-left": string;
+        border: string;
+        '&.checked': {
+            border: string;
+        };
+        padding: string;
+        display: string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option label": {
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .payment-option-content": {
+        display: string;
+        "flex-direction": string;
+        gap: string;
+        width: string;
+    };
+    ".secure-payment-form .installment-section": {
+        border: string;
+    };
+    ".secure-payment-form .payment-option-text": {
+        color: string;
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .section-title": {
+        display: string;
+        "font-size": string;
+        "font-weight": string;
+        width: string;
+        height: string;
+        gap: string;
+        padding: string;
+        "align-items": string;
+        "border-bottom": string;
+        "text-transform": string;
+    };
+    ".secure-payment-form .installment-content": {
+        padding: string;
+    };
+    ".secure-payment-form .installment-months-button": {
+        padding: string;
+        '&.checked': {
+            border: string;
+        };
+        display: string;
+        gap: string;
+    };
     ".secure-payment-form .installment-issuer-panel": {
         background: string;
         display: string;

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

@@ -1019,6 +1019,76 @@ export declare const parentStyles: (assetBaseUrl: string, theme?: string | undef
     ".secure-payment-form .credit-card-installments": {
         "font-family": string;
     };
+    ".secure-payment-form .installment-eligibility-badge": {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        width: string;
+        margin: string;
+    };
+    ".secure-payment-form .installment-badge": {
+        display: string;
+        "align-items": string;
+        background: string;
+        border: string;
+        "border-radius": string;
+        padding: string;
+        "font-size": string;
+        color: string;
+        "font-weight": string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option": {
+        "padding-left": string;
+        border: string;
+        '&.checked': {
+            border: string;
+        };
+        padding: string;
+        display: string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option label": {
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .payment-option-content": {
+        display: string;
+        "flex-direction": string;
+        gap: string;
+        width: string;
+    };
+    ".secure-payment-form .installment-section": {
+        border: string;
+    };
+    ".secure-payment-form .payment-option-text": {
+        color: string;
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .section-title": {
+        display: string;
+        "font-size": string;
+        "font-weight": string;
+        width: string;
+        height: string;
+        gap: string;
+        padding: string;
+        "align-items": string;
+        "border-bottom": string;
+        "text-transform": string;
+    };
+    ".secure-payment-form .installment-content": {
+        padding: string;
+    };
+    ".secure-payment-form .installment-months-button": {
+        padding: string;
+        '&.checked': {
+            border: string;
+        };
+        display: string;
+        gap: string;
+    };
     ".secure-payment-form .installment-issuer-panel": {
         background: string;
         display: string;

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

@@ -22,6 +22,76 @@ declare const styles: (assetBaseUrl: string) => {
     ".secure-payment-form .credit-card-installments": {
         "font-family": string;
     };
+    ".secure-payment-form .installment-eligibility-badge": {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        width: string;
+        margin: string;
+    };
+    ".secure-payment-form .installment-badge": {
+        display: string;
+        "align-items": string;
+        background: string;
+        border: string;
+        "border-radius": string;
+        padding: string;
+        "font-size": string;
+        color: string;
+        "font-weight": string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option": {
+        "padding-left": string;
+        border: string;
+        '&.checked': {
+            border: string;
+        };
+        padding: string;
+        display: string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option label": {
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .payment-option-content": {
+        display: string;
+        "flex-direction": string;
+        gap: string;
+        width: string;
+    };
+    ".secure-payment-form .installment-section": {
+        border: string;
+    };
+    ".secure-payment-form .payment-option-text": {
+        color: string;
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .section-title": {
+        display: string;
+        "font-size": string;
+        "font-weight": string;
+        width: string;
+        height: string;
+        gap: string;
+        padding: string;
+        "align-items": string;
+        "border-bottom": string;
+        "text-transform": string;
+    };
+    ".secure-payment-form .installment-content": {
+        padding: string;
+    };
+    ".secure-payment-form .installment-months-button": {
+        padding: string;
+        '&.checked': {
+            border: string;
+        };
+        display: string;
+        gap: string;
+    };
     ".secure-payment-form .installment-issuer-panel": {
         background: string;
         display: string;

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

@@ -22,6 +22,76 @@ declare const styles: (assetBaseUrl: string) => {
     ".secure-payment-form .credit-card-installments": {
         "font-family": string;
     };
+    ".secure-payment-form .installment-eligibility-badge": {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        width: string;
+        margin: string;
+    };
+    ".secure-payment-form .installment-badge": {
+        display: string;
+        "align-items": string;
+        background: string;
+        border: string;
+        "border-radius": string;
+        padding: string;
+        "font-size": string;
+        color: string;
+        "font-weight": string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option": {
+        "padding-left": string;
+        border: string;
+        '&.checked': {
+            border: string;
+        };
+        padding: string;
+        display: string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option label": {
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .payment-option-content": {
+        display: string;
+        "flex-direction": string;
+        gap: string;
+        width: string;
+    };
+    ".secure-payment-form .installment-section": {
+        border: string;
+    };
+    ".secure-payment-form .payment-option-text": {
+        color: string;
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .section-title": {
+        display: string;
+        "font-size": string;
+        "font-weight": string;
+        width: string;
+        height: string;
+        gap: string;
+        padding: string;
+        "align-items": string;
+        "border-bottom": string;
+        "text-transform": string;
+    };
+    ".secure-payment-form .installment-content": {
+        padding: string;
+    };
+    ".secure-payment-form .installment-months-button": {
+        padding: string;
+        '&.checked': {
+            border: string;
+        };
+        display: string;
+        gap: string;
+    };
     ".secure-payment-form .installment-issuer-panel": {
         background: string;
         display: string;

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

@@ -22,6 +22,76 @@ declare const styles: (assetBaseUrl: string) => {
     ".secure-payment-form .credit-card-installments": {
         "font-family": string;
     };
+    ".secure-payment-form .installment-eligibility-badge": {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        width: string;
+        margin: string;
+    };
+    ".secure-payment-form .installment-badge": {
+        display: string;
+        "align-items": string;
+        background: string;
+        border: string;
+        "border-radius": string;
+        padding: string;
+        "font-size": string;
+        color: string;
+        "font-weight": string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option": {
+        "padding-left": string;
+        border: string;
+        '&.checked': {
+            border: string;
+        };
+        padding: string;
+        display: string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option label": {
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .payment-option-content": {
+        display: string;
+        "flex-direction": string;
+        gap: string;
+        width: string;
+    };
+    ".secure-payment-form .installment-section": {
+        border: string;
+    };
+    ".secure-payment-form .payment-option-text": {
+        color: string;
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .section-title": {
+        display: string;
+        "font-size": string;
+        "font-weight": string;
+        width: string;
+        height: string;
+        gap: string;
+        padding: string;
+        "align-items": string;
+        "border-bottom": string;
+        "text-transform": string;
+    };
+    ".secure-payment-form .installment-content": {
+        padding: string;
+    };
+    ".secure-payment-form .installment-months-button": {
+        padding: string;
+        '&.checked': {
+            border: string;
+        };
+        display: string;
+        gap: string;
+    };
     ".secure-payment-form .installment-issuer-panel": {
         background: string;
         display: string;

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

@@ -22,6 +22,76 @@ declare const styles: (assetBaseUrl: string) => {
     ".secure-payment-form .credit-card-installments": {
         "font-family": string;
     };
+    ".secure-payment-form .installment-eligibility-badge": {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        width: string;
+        margin: string;
+    };
+    ".secure-payment-form .installment-badge": {
+        display: string;
+        "align-items": string;
+        background: string;
+        border: string;
+        "border-radius": string;
+        padding: string;
+        "font-size": string;
+        color: string;
+        "font-weight": string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option": {
+        "padding-left": string;
+        border: string;
+        '&.checked': {
+            border: string;
+        };
+        padding: string;
+        display: string;
+        gap: string;
+    };
+    ".secure-payment-form .pay-in-full-option label": {
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .payment-option-content": {
+        display: string;
+        "flex-direction": string;
+        gap: string;
+        width: string;
+    };
+    ".secure-payment-form .installment-section": {
+        border: string;
+    };
+    ".secure-payment-form .payment-option-text": {
+        color: string;
+        "font-size": string;
+        "font-weight": string;
+    };
+    ".secure-payment-form .section-title": {
+        display: string;
+        "font-size": string;
+        "font-weight": string;
+        width: string;
+        height: string;
+        gap: string;
+        padding: string;
+        "align-items": string;
+        "border-bottom": string;
+        "text-transform": string;
+    };
+    ".secure-payment-form .installment-content": {
+        padding: string;
+    };
+    ".secure-payment-form .installment-months-button": {
+        padding: string;
+        '&.checked': {
+            border: string;
+        };
+        display: string;
+        gap: string;
+    };
     ".secure-payment-form .installment-issuer-panel": {
         background: string;
         display: string;