@globalpayments/js 4.0.15 → 4.0.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.0.15/globalpayments.js"></script>
+<script src="https://js.globalpay.com/4.0.17/globalpayments.js"></script>
 ```
 
 > Note: Installing via NPM will only provide TypeScript types for type-checking.
@@ -495,6 +495,44 @@ const cardForm = GlobalPayments.ui.form({
 });
 ```
 
+#### Adding Multiple Custom Fonts
+To add multiple custom fonts, you can use the following configurations:
+
+```
+const cardForm = GlobalPayments.ui.form({
+  fields: { ... },
+  styles: {
+    "@font-face": [
+      {
+        "font-family": "'Font 1'",
+        "src": "url('url/font1.woff2') format('woff2')"
+      },
+      {
+        "font-family": "'Font 2'",
+        "src": "url('url/font2.woff2') format('woff2')"
+      }]
+      
+    // Your styles
+  }
+});
+```
+or
+```
+cardForm.addStylesheet({
+"@font-face": [
+  {
+    "font-family": "'Font 1'",
+    "src": "url('url/font1.woff2') format('woff2')"
+  },
+  {
+    "font-family": "'Font 2'",
+    "src": "url('url/font2.woff2') format('woff2')"
+  }]
+});
+```
+
+
+#### Validation Messages
 The list of validation messages is accessible at [/packages/globalpayments-js/src/internal/lib/translations/en.ts](https://github.globalpay.com/Developer-Experience/globalpayments-js/blob/94540f9ca68bc627f4d3e038b2cec36c6bd317b0/packages/globalpayments-js/src/internal/lib/translations/en.ts#L13)
 
 ![Example: Raw credit card form](docs/images/example-raw-credit-card.png)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalpayments/js",
-  "version": "4.0.15",
+  "version": "4.0.17",
   "author": "Heartland Developer Portal <developers@heartland.us>",
   "license": "GPL-2.0",
   "repository": {
@@ -18,7 +18,7 @@
     "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",
+    "postbuild": "cross-os postbuild-cross",
 
     "prebuild": "yarn test:lint && node bin/update-version.js",
     "prepublish": "yarn build",

package/types/apm/apm-payment-methods/index.d.ts

@@ -0,0 +1,3 @@
+import { ApmPaymentProviders } from "../../internal/lib/enums";
+import { IApmConfiguration } from "../open-banking/contracts";
+export declare function isApmProviderConfigured(configuration: IApmConfiguration, desiredProvider: ApmPaymentProviders): boolean;

package/types/apm/apm-payment-methods/open-banking/contracts.d.ts

@@ -0,0 +1,7 @@
+export interface IApmPaymentMethodConfiguration {
+    allowedPaymentMethods: IApmAllowedPaymentMethod[];
+}
+export interface IApmAllowedPaymentMethod {
+    provider: string;
+    category?: string;
+}

package/types/apm/apm-payment-methods/qr-code-payments/components/common.d.ts

@@ -0,0 +1 @@
+export declare const getSelectAnotherPaymentMethodButton: (id: string, onClickCallback: any) => HTMLDivElement;

package/types/apm/apm-payment-methods/qr-code-payments/components/redirect-action-handler.d.ts

@@ -0,0 +1 @@
+export default function handleRedirectAction(content: HTMLDivElement, props: any): void;

package/types/apm/apm-payment-methods/qr-code-payments/components/redirect-in-frame-action-handler.d.ts

@@ -0,0 +1 @@
+export default function handleRedirectInFrameAction(content: HTMLDivElement, props: any): void;

package/types/apm/apm-payment-methods/qr-code-payments/constants.d.ts

@@ -0,0 +1 @@
+export declare const REDIRECT_ACTION_DELAY_IN_SECONDS = 2000;

package/types/apm/apm-payment-methods/qr-code-payments/contracts.d.ts

@@ -0,0 +1,17 @@
+export interface IQRCodePaymentsConfiguration {
+    enabled?: boolean;
+    allowedPaymentMethods?: IQRCodePaymentsAllowedPaymentMethod[];
+}
+export interface IQRCodePaymentsAllowedPaymentMethod {
+    provider: string;
+    image: string;
+}
+export interface IPaymentMethodConfiguration {
+    provider: {
+        brand: string;
+    };
+    image: string;
+}
+export interface IPaymentMethodConfigurationNormalized extends Omit<IPaymentMethodConfiguration, 'provider'> {
+    provider: string;
+}

package/types/apm/apm-payment-methods/qr-code-payments/enums.d.ts

@@ -0,0 +1,9 @@
+export declare const enum ApmInternalEvents {
+    PaymentMethodsRequestStart = "qr-code-payment-methods-request-start",
+    PaymentMethodsRequestCompleted = "qr-code-payment-methods-request-completed",
+    NavigatesBackBySelectAnotherPaymentMethod = "qr-code-payment-navigates-back-select-another-payment-method"
+}
+export declare const enum QRCodePaymentsActions {
+    RedirectAction = "REDIRECT",
+    RedirectInFrameAction = "REDIRECT_IN_FRAME"
+}

package/types/apm/apm-payment-methods/qr-code-payments/helpers.d.ts

@@ -0,0 +1,2 @@
+import { IPaymentMethodConfiguration, IPaymentMethodConfigurationNormalized } from "./contracts";
+export declare const normalizePaymentMethodConfigurations: (paymentMethodConfigurations: IPaymentMethodConfiguration) => IPaymentMethodConfigurationNormalized;

package/types/apm/apm-payment-methods/qr-code-payments/requests/get-qr-code-payment-methods.d.ts

@@ -0,0 +1,3 @@
+import { IDictionary } from "../../../../internal/lib/util";
+declare const _default: (data: IDictionary) => Promise<unknown>;
+export default _default;

package/types/apm/open-banking/contracts.d.ts

@@ -0,0 +1,7 @@
+export interface IApmConfiguration {
+    allowedPaymentMethods: IApmAllowedPaymentMethod[];
+}
+export interface IApmAllowedPaymentMethod {
+    provider: string;
+    category?: string;
+}

package/types/apm/payment-methods/components/common.d.ts

@@ -0,0 +1,5 @@
+import { ApmProviders } from "../../../internal/lib/enums";
+import { IApmConfiguration } from "../../open-banking/contracts";
+export declare function isApmProviderConfigured(configuration: IApmConfiguration, desiredProvider: ApmProviders): boolean;
+export declare const getSelectAnotherPaymentMethodButton: (id: string, onClickCallback: any) => HTMLDivElement;
+export declare function isUrlValid(url: string): boolean;

package/types/apm/payment-methods/components/constants.d.ts

@@ -0,0 +1 @@
+export declare const REDIRECT_ACTION_DELAY_IN_SECONDS = 2000;

package/types/apm/payment-methods/components/redirect-action-handler.d.ts

@@ -0,0 +1 @@
+export default function handleRedirectAction(content: HTMLDivElement, props: any): void;

package/types/apm/payment-methods/contracts.d.ts

@@ -0,0 +1,8 @@
+export interface IApmConfiguration {
+    allowedPaymentMethods?: PaymentMethod[];
+}
+export interface PaymentMethod {
+    provider: string;
+    category?: string;
+    image?: string;
+}

package/types/apm/payment-methods/enums.d.ts

@@ -0,0 +1,10 @@
+export declare const enum ApmInternalEvents {
+    PaymentMethodsRequestStart = "qr-code-payment-methods-request-start",
+    PaymentMethodsRequestCompleted = "qr-code-payment-methods-request-completed",
+    NavigatesBackBySelectAnotherPaymentMethod = "qr-code-payment-navigates-back-select-another-payment-method"
+}
+export declare const enum QRCodePaymentsActions {
+    RedirectAction = "REDIRECT",
+    RedirectInFrameAction = "REDIRECT_IN_FRAME",
+    PresentQRCodeAction = "PRESENT_QR_CODE"
+}

package/types/apm/qr-code-payments/enums.d.ts

@@ -5,6 +5,5 @@ export declare const enum QRCodePaymentsInternalEvents {
 }
 export declare const enum QRCodePaymentsActions {
     RedirectAction = "REDIRECT",
-    RedirectInFrameAction = "REDIRECT_IN_FRAME",
-    PresentQRCodeAction = "PRESENT_QR_CODE"
+    RedirectInFrameAction = "REDIRECT_IN_FRAME"
 }

package/types/common/local-storage.d.ts

@@ -0,0 +1,6 @@
+export declare const LocalStorageWrapper: {
+    getItem: (key: string, encodedValue?: boolean | undefined) => string | null;
+    setItem: (key: string, value: string, encodeValue?: boolean | undefined) => void;
+    removeItem: (key: string) => void;
+    cleanUp: () => void;
+};

package/types/internal/gateways/gp-api/get-currency-conversion-rates.d.ts

@@ -0,0 +1,3 @@
+import { IDictionary } from "../../lib/util";
+declare const _default: (url: string, _env: string, data: IDictionary) => Promise<any>;
+export default _default;

package/types/internal/lib/currency-conversion/components/dom-manipulation.d.ts

@@ -0,0 +1 @@
+export declare const removeConversionCurrency: () => void;

package/types/internal/lib/currency-conversion/components/radio-group.d.ts

@@ -0,0 +1,2 @@
+import { IframeField } from "../../../../ui";
+export declare const createRadioGroupHtmlElement: (iframeField: IframeField, data: any) => void;

package/types/internal/lib/dynamic-currency-conversion/contracts/constants.d.ts

@@ -0,0 +1 @@
+export declare const DCC_KEY = "dcc";

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

@@ -0,0 +1,490 @@
+declare const styles: (rootSelector: string, assetBaseUrl: string) => {
+    [x: string]: {
+        position: string;
+        width: string;
+        height: string;
+        border: string;
+        "border-left": string;
+        float: string;
+        "background-size": string;
+        background: string;
+        "font-family": string;
+        outline?: undefined;
+        visibility?: undefined;
+        "background-color"?: undefined;
+        color?: undefined;
+        "text-align"?: undefined;
+        "border-radius"?: undefined;
+        padding?: undefined;
+        "z-index"?: undefined;
+        right?: undefined;
+        opacity?: undefined;
+        transition?: undefined;
+        "font-size"?: undefined;
+        "font-weight"?: undefined;
+        "box-shadow"?: undefined;
+        "margin-top"?: undefined;
+        "margin-right"?: undefined;
+        margin?: undefined;
+        content?: undefined;
+        top?: undefined;
+        "border-right"?: undefined;
+        "border-bottom"?: undefined;
+        bottom?: undefined;
+        "margin-bottom"?: undefined;
+        left?: undefined;
+        transform?: undefined;
+        "border-width"?: undefined;
+        "border-style"?: undefined;
+        "border-color"?: undefined;
+    } | {
+        border: string;
+        outline: string;
+        "border-left": string;
+        position?: undefined;
+        width?: undefined;
+        height?: undefined;
+        float?: undefined;
+        "background-size"?: undefined;
+        background?: undefined;
+        "font-family"?: undefined;
+        visibility?: undefined;
+        "background-color"?: undefined;
+        color?: undefined;
+        "text-align"?: undefined;
+        "border-radius"?: undefined;
+        padding?: undefined;
+        "z-index"?: undefined;
+        right?: undefined;
+        opacity?: undefined;
+        transition?: undefined;
+        "font-size"?: undefined;
+        "font-weight"?: undefined;
+        "box-shadow"?: undefined;
+        "margin-top"?: undefined;
+        "margin-right"?: undefined;
+        margin?: undefined;
+        content?: undefined;
+        top?: undefined;
+        "border-right"?: undefined;
+        "border-bottom"?: undefined;
+        bottom?: undefined;
+        "margin-bottom"?: undefined;
+        left?: undefined;
+        transform?: undefined;
+        "border-width"?: undefined;
+        "border-style"?: undefined;
+        "border-color"?: undefined;
+    } | {
+        visibility: string;
+        width: string;
+        "background-color": string;
+        color: string;
+        "text-align": string;
+        "border-radius": string;
+        border: string;
+        padding: string;
+        position: string;
+        "z-index": string;
+        right: string;
+        opacity: string;
+        transition: string;
+        "font-size": string;
+        "font-weight": string;
+        "box-shadow": string;
+        "margin-top": string;
+        "margin-right": string;
+        height?: undefined;
+        "border-left"?: undefined;
+        float?: undefined;
+        "background-size"?: undefined;
+        background?: undefined;
+        "font-family"?: undefined;
+        outline?: undefined;
+        margin?: undefined;
+        content?: undefined;
+        top?: undefined;
+        "border-right"?: undefined;
+        "border-bottom"?: undefined;
+        bottom?: undefined;
+        "margin-bottom"?: undefined;
+        left?: undefined;
+        transform?: undefined;
+        "border-width"?: undefined;
+        "border-style"?: undefined;
+        "border-color"?: undefined;
+    } | {
+        margin: string;
+        position?: undefined;
+        width?: undefined;
+        height?: undefined;
+        border?: undefined;
+        "border-left"?: undefined;
+        float?: undefined;
+        "background-size"?: undefined;
+        background?: undefined;
+        "font-family"?: undefined;
+        outline?: undefined;
+        visibility?: undefined;
+        "background-color"?: undefined;
+        color?: undefined;
+        "text-align"?: undefined;
+        "border-radius"?: undefined;
+        padding?: undefined;
+        "z-index"?: undefined;
+        right?: undefined;
+        opacity?: undefined;
+        transition?: undefined;
+        "font-size"?: undefined;
+        "font-weight"?: undefined;
+        "box-shadow"?: undefined;
+        "margin-top"?: undefined;
+        "margin-right"?: undefined;
+        content?: undefined;
+        top?: undefined;
+        "border-right"?: undefined;
+        "border-bottom"?: undefined;
+        bottom?: undefined;
+        "margin-bottom"?: undefined;
+        left?: undefined;
+        transform?: undefined;
+        "border-width"?: undefined;
+        "border-style"?: undefined;
+        "border-color"?: undefined;
+    } | {
+        visibility: string;
+        opacity: string;
+        position?: undefined;
+        width?: undefined;
+        height?: undefined;
+        border?: undefined;
+        "border-left"?: undefined;
+        float?: undefined;
+        "background-size"?: undefined;
+        background?: undefined;
+        "font-family"?: undefined;
+        outline?: undefined;
+        "background-color"?: undefined;
+        color?: undefined;
+        "text-align"?: undefined;
+        "border-radius"?: undefined;
+        padding?: undefined;
+        "z-index"?: undefined;
+        right?: undefined;
+        transition?: undefined;
+        "font-size"?: undefined;
+        "font-weight"?: undefined;
+        "box-shadow"?: undefined;
+        "margin-top"?: undefined;
+        "margin-right"?: undefined;
+        margin?: undefined;
+        content?: undefined;
+        top?: undefined;
+        "border-right"?: undefined;
+        "border-bottom"?: undefined;
+        bottom?: undefined;
+        "margin-bottom"?: undefined;
+        left?: undefined;
+        transform?: undefined;
+        "border-width"?: undefined;
+        "border-style"?: undefined;
+        "border-color"?: undefined;
+    } | {
+        position: string;
+        content: string;
+        right: string;
+        top: string;
+        "border-left": string;
+        "border-right": string;
+        "border-bottom": string;
+        width?: undefined;
+        height?: undefined;
+        border?: undefined;
+        float?: undefined;
+        "background-size"?: undefined;
+        background?: undefined;
+        "font-family"?: undefined;
+        outline?: undefined;
+        visibility?: undefined;
+        "background-color"?: undefined;
+        color?: undefined;
+        "text-align"?: undefined;
+        "border-radius"?: undefined;
+        padding?: undefined;
+        "z-index"?: undefined;
+        opacity?: undefined;
+        transition?: undefined;
+        "font-size"?: undefined;
+        "font-weight"?: undefined;
+        "box-shadow"?: undefined;
+        "margin-top"?: undefined;
+        "margin-right"?: undefined;
+        margin?: undefined;
+        bottom?: undefined;
+        "margin-bottom"?: undefined;
+        left?: undefined;
+        transform?: undefined;
+        "border-width"?: undefined;
+        "border-style"?: undefined;
+        "border-color"?: undefined;
+    } | {
+        "border-bottom": string;
+        "text-align": string;
+        margin: string;
+        position: string;
+        width?: undefined;
+        height?: undefined;
+        border?: undefined;
+        "border-left"?: undefined;
+        float?: undefined;
+        "background-size"?: undefined;
+        background?: undefined;
+        "font-family"?: undefined;
+        outline?: undefined;
+        visibility?: undefined;
+        "background-color"?: undefined;
+        color?: undefined;
+        "border-radius"?: undefined;
+        padding?: undefined;
+        "z-index"?: undefined;
+        right?: undefined;
+        opacity?: undefined;
+        transition?: undefined;
+        "font-size"?: undefined;
+        "font-weight"?: undefined;
+        "box-shadow"?: undefined;
+        "margin-top"?: undefined;
+        "margin-right"?: undefined;
+        content?: undefined;
+        top?: undefined;
+        "border-right"?: undefined;
+        bottom?: undefined;
+        "margin-bottom"?: undefined;
+        left?: undefined;
+        transform?: undefined;
+        "border-width"?: undefined;
+        "border-style"?: undefined;
+        "border-color"?: undefined;
+    } | {
+        width: string;
+        height: string;
+        "border-left": string;
+        position?: undefined;
+        border?: undefined;
+        float?: undefined;
+        "background-size"?: undefined;
+        background?: undefined;
+        "font-family"?: undefined;
+        outline?: undefined;
+        visibility?: undefined;
+        "background-color"?: undefined;
+        color?: undefined;
+        "text-align"?: undefined;
+        "border-radius"?: undefined;
+        padding?: undefined;
+        "z-index"?: undefined;
+        right?: undefined;
+        opacity?: undefined;
+        transition?: undefined;
+        "font-size"?: undefined;
+        "font-weight"?: undefined;
+        "box-shadow"?: undefined;
+        "margin-top"?: undefined;
+        "margin-right"?: undefined;
+        margin?: undefined;
+        content?: undefined;
+        top?: undefined;
+        "border-right"?: undefined;
+        "border-bottom"?: undefined;
+        bottom?: undefined;
+        "margin-bottom"?: undefined;
+        left?: undefined;
+        transform?: undefined;
+        "border-width"?: undefined;
+        "border-style"?: undefined;
+        "border-color"?: undefined;
+    } | {
+        "border-left": string;
+        position?: undefined;
+        width?: undefined;
+        height?: undefined;
+        border?: undefined;
+        float?: undefined;
+        "background-size"?: undefined;
+        background?: undefined;
+        "font-family"?: undefined;
+        outline?: undefined;
+        visibility?: undefined;
+        "background-color"?: undefined;
+        color?: undefined;
+        "text-align"?: undefined;
+        "border-radius"?: undefined;
+        padding?: undefined;
+        "z-index"?: undefined;
+        right?: undefined;
+        opacity?: undefined;
+        transition?: undefined;
+        "font-size"?: undefined;
+        "font-weight"?: undefined;
+        "box-shadow"?: undefined;
+        "margin-top"?: undefined;
+        "margin-right"?: undefined;
+        margin?: undefined;
+        content?: undefined;
+        top?: undefined;
+        "border-right"?: undefined;
+        "border-bottom"?: undefined;
+        bottom?: undefined;
+        "margin-bottom"?: undefined;
+        left?: undefined;
+        transform?: undefined;
+        "border-width"?: undefined;
+        "border-style"?: undefined;
+        "border-color"?: undefined;
+    } | {
+        bottom: string;
+        right: string;
+        position?: undefined;
+        width?: undefined;
+        height?: undefined;
+        border?: undefined;
+        "border-left"?: undefined;
+        float?: undefined;
+        "background-size"?: undefined;
+        background?: undefined;
+        "font-family"?: undefined;
+        outline?: undefined;
+        visibility?: undefined;
+        "background-color"?: undefined;
+        color?: undefined;
+        "text-align"?: undefined;
+        "border-radius"?: undefined;
+        padding?: undefined;
+        "z-index"?: undefined;
+        opacity?: undefined;
+        transition?: undefined;
+        "font-size"?: undefined;
+        "font-weight"?: undefined;
+        "box-shadow"?: undefined;
+        "margin-top"?: undefined;
+        "margin-right"?: undefined;
+        margin?: undefined;
+        content?: undefined;
+        top?: undefined;
+        "border-right"?: undefined;
+        "border-bottom"?: undefined;
+        "margin-bottom"?: undefined;
+        left?: undefined;
+        transform?: undefined;
+        "border-width"?: undefined;
+        "border-style"?: undefined;
+        "border-color"?: undefined;
+    } | {
+        "margin-bottom": string;
+        position?: undefined;
+        width?: undefined;
+        height?: undefined;
+        border?: undefined;
+        "border-left"?: undefined;
+        float?: undefined;
+        "background-size"?: undefined;
+        background?: undefined;
+        "font-family"?: undefined;
+        outline?: undefined;
+        visibility?: undefined;
+        "background-color"?: undefined;
+        color?: undefined;
+        "text-align"?: undefined;
+        "border-radius"?: undefined;
+        padding?: undefined;
+        "z-index"?: undefined;
+        right?: undefined;
+        opacity?: undefined;
+        transition?: undefined;
+        "font-size"?: undefined;
+        "font-weight"?: undefined;
+        "box-shadow"?: undefined;
+        "margin-top"?: undefined;
+        "margin-right"?: undefined;
+        margin?: undefined;
+        content?: undefined;
+        top?: undefined;
+        "border-right"?: undefined;
+        "border-bottom"?: undefined;
+        bottom?: undefined;
+        left?: undefined;
+        transform?: undefined;
+        "border-width"?: undefined;
+        "border-style"?: undefined;
+        "border-color"?: undefined;
+    } | {
+        left: string;
+        top: string;
+        right: string;
+        transform: string;
+        "border-width": string;
+        "border-style": string;
+        "border-color": string;
+        position?: undefined;
+        width?: undefined;
+        height?: undefined;
+        border?: undefined;
+        "border-left"?: undefined;
+        float?: undefined;
+        "background-size"?: undefined;
+        background?: undefined;
+        "font-family"?: undefined;
+        outline?: undefined;
+        visibility?: undefined;
+        "background-color"?: undefined;
+        color?: undefined;
+        "text-align"?: undefined;
+        "border-radius"?: undefined;
+        padding?: undefined;
+        "z-index"?: undefined;
+        opacity?: undefined;
+        transition?: undefined;
+        "font-size"?: undefined;
+        "font-weight"?: undefined;
+        "box-shadow"?: undefined;
+        "margin-top"?: undefined;
+        "margin-right"?: undefined;
+        margin?: undefined;
+        content?: undefined;
+        "border-right"?: undefined;
+        "border-bottom"?: undefined;
+        bottom?: undefined;
+        "margin-bottom"?: undefined;
+    };
+    "[class$='-currency-content'] .tooltip": {
+        width: string;
+        height: string;
+        "border-left": string;
+    };
+    "[class$='-currency-content'] .tooltip:hover": {
+        "border-left": string;
+    };
+    "[class$='-currency-content'] .tooltip:focus": {
+        "border-left": string;
+    };
+    "[class$='-currency-content'] .tooltip-content": {
+        bottom: string;
+        right: string;
+    };
+    "[class$='-currency-content'] .tooltip-content p": {
+        margin: string;
+    };
+    "[class$='-currency-content'] .tooltip-content p:last-child": {
+        "margin-bottom": string;
+    };
+    "[class$='-currency-content'] .tooltip-content::before": {
+        left: string;
+        top: string;
+        right: string;
+        transform: string;
+        "border-width": string;
+        "border-style": string;
+        "border-color": string;
+    };
+};
+export default styles;

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

@@ -0,0 +1,43 @@
+declare const styles: (assetBaseUrl: string) => {
+    ".secure-payment-form .open-banking-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;
+        top: string;
+        right: string;
+    };
+    ".secure-payment-form .open-banking-button": {
+        position: string;
+        background: string;
+        color: string;
+        height: string;
+        width: string;
+        "border-radius": 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;
+    };
+    ".secure-payment-form .apms-redirecting-to-page": {
+        "justify-content": string;
+        height: string;
+        display: string;
+        "flex-direction": string;
+        "align-items": string;
+    };
+};
+export default styles;

package/types/internal/lib/styles/qr-code-payments/common.d.ts

@@ -41,14 +41,6 @@ export declare const styles: (assetBaseUrl: string) => {
         "background-color": string;
         border: string;
     };
-    ".secure-payment-form .qr-code-payment-method-wechat": {
-        "background-color": string;
-        border: string;
-    };
-    ".secure-payment-form .qr-code-payment-method-wechat:hover": {
-        "background-color": string;
-        border: string;
-    };
     ".secure-payment-form .qr-code-payment-iframe-wrapper": {
         display: string;
         "flex-direction": string;

package/types/internal/validators/currency-conversion.d.ts

@@ -0,0 +1,4 @@
+import IValidator from "./validator";
+export default class CurrencyConversion implements IValidator {
+    validate(currencyConversion: string): boolean;
+}

package/types/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.0.15";
+declare const _default: "4.0.17";
 export default _default;

package/types/tools/configure.d.ts

@@ -23,6 +23,7 @@ export interface IConfiguration extends IDictionary {
     customerReference?: string;
     validateOnly?: boolean;
     env?: string;
+    serviceURL?: string;
     allowedCardTypes?: string[];
     apms?: {
         allowedCardNetworks?: string[];

package/types/ui/iframe-field/action-accumulate-currency-conversion-data.d.ts

@@ -0,0 +1,3 @@
+import { IDictionary } from "../../internal/lib/util";
+declare const _default: (id: string, _type: string, data: IDictionary) => void;
+export default _default;

package/types/ui/iframe-field/action-add-currency-conversion.d.ts

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

package/types/ui/iframe-field/action-add-dynamic-currency-conversion.d.ts

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

package/types/ui/iframe-field/action-card-request-currency-conversion.d.ts

@@ -0,0 +1,6 @@
+import { IDictionary } from "../../internal/lib/util";
+declare const _default: (id: string, data: IDictionary) => void;
+/**
+ * Requests the installment plans data for a valid credit card number
+ */
+export default _default;

package/types/ui/iframe-field/action-get-value.d.ts

@@ -0,0 +1,5 @@
+declare const _default: () => string | undefined;
+/**
+ * Get the value of a hosted field
+ */
+export default _default;

package/types/ui/iframe-field/action-request-currency-conversion-data.d.ts

@@ -0,0 +1,3 @@
+import { IDictionary } from "../../internal/lib/util";
+declare const _default: (id: string, type: string, data: IDictionary) => void;
+export default _default;

package/types/ui/iframe-field/action-request-currency-conversion.d.ts

@@ -0,0 +1,6 @@
+import { IDictionary } from "../../internal/lib/util";
+declare const _default: (id: string, data: IDictionary) => void;
+/**
+ * Requests the currency conversion data for a valid credit card number
+ */
+export default _default;

package/types/ui/iframe-field/action-set-custom-validation-message.d.ts

@@ -0,0 +1,3 @@
+import { IDictionary } from "../../internal/lib/util";
+declare const _default: (id: string, type: string, data: IDictionary) => void;
+export default _default;

package/types/ui/iframe-field/action-set-validation-message.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (type: string, msg: object) => object | undefined;
+export default _default;

package/types/ui/iframe-field/apple-pay/action-add-apple-pay.d.ts

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

package/types/ui/iframe-field/click-to-pay/action-add-click-to-pay.d.ts

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

package/types/ui/iframe-field/currency-conversion/action-accumulate-currency-conversion-data.d.ts

@@ -0,0 +1,3 @@
+import { IDictionary } from "../../../internal/lib/util";
+declare const _default: (id: string, _type: string, data: IDictionary) => void;
+export default _default;

package/types/ui/iframe-field/currency-conversion/action-add-currency-conversion.d.ts

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

package/types/ui/iframe-field/currency-conversion/action-get-status.d.ts

@@ -0,0 +1,8 @@
+import { IDictionary } from "../../../internal/lib/util";
+declare const _default: (id: string, data: IDictionary) => void;
+/**
+ * Initiates a currency conversion request and posts the response data to the parent window.
+ * @param id The ID of the message.
+ * @param data An object containing the data required for the currency conversion request.
+ */
+export default _default;

package/types/ui/iframe-field/currency-conversion/action-request-completed.d.ts

@@ -0,0 +1,6 @@
+import { IDictionary } from "../../../internal/lib/util";
+declare const _default: (id: string, data: IDictionary) => void;
+/**
+ * Requests the currency conversion data for a valid credit card number
+ */
+export default _default;

package/types/ui/iframe-field/currency-conversion/action-request-currency-conversion-data.d.ts

@@ -0,0 +1,3 @@
+import { IDictionary } from "../../../internal/lib/util";
+declare const _default: (id: string, type: string, data: IDictionary) => void;
+export default _default;

package/types/ui/iframe-field/currency-conversion/action-request-currency-conversion.d.ts

@@ -0,0 +1,6 @@
+import { IDictionary } from "../../../internal/lib/util";
+declare const _default: (id: string, data: IDictionary) => void;
+/**
+ * Requests the currency conversion data for a valid credit card number
+ */
+export default _default;

package/types/ui/iframe-field/currency-conversion/action-request-pass-data.d.ts

@@ -0,0 +1,3 @@
+import { IDictionary } from "../../../internal/lib/util";
+declare const _default: (id: string, type: string, data: IDictionary) => void;
+export default _default;

package/types/ui/iframe-field/currency-conversion/action-set-value.d.ts

@@ -0,0 +1,3 @@
+import { IDictionary } from "../../../internal/lib/util";
+declare const _default: (id: string, data: IDictionary) => void;
+export default _default;

package/types/ui/iframe-field/google-pay/action-add-google-pay.d.ts

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

package/types/ui/iframe-field/installments/action-accumulate-installment-data.d.ts

@@ -0,0 +1,3 @@
+import { IDictionary } from "../../../internal/lib/util";
+declare const _default: (id: string, _type: string, data: IDictionary) => void;
+export default _default;

package/types/ui/iframe-field/installments/action-add-installments.d.ts

@@ -0,0 +1,3 @@
+import { IframeField } from "../index";
+import { InstallmentPaymentData } from "../../../internal/lib/installments/installments-handler";
+export default function addInstallments(iframeField: IframeField | undefined, installmentPlans: any, tokenizationCallback: (installment: InstallmentPaymentData) => void): void;

package/types/ui/iframe-field/installments/action-card-request-installments.d.ts

@@ -0,0 +1,6 @@
+import { IDictionary } from "../../../internal/lib/util";
+declare const _default: (id: string, data: IDictionary) => void;
+/**
+ * Requests the installment plans data for a valid credit card number
+ */
+export default _default;

package/types/ui/iframe-field/installments/action-request-installment-data.d.ts

@@ -0,0 +1,3 @@
+import { IDictionary } from "../../../internal/lib/util";
+declare const _default: (id: string, type: string, data: IDictionary) => void;
+export default _default;

package/types/ui/iframe-field/open-banking/action-add-open-banking.d.ts

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

package/types/ui/iframe-field/paypal/action-add.d.ts

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

package/types/ui/iframe-field/qr-code-payment-methods/action-add-qr-code-payment-methods.d.ts

@@ -0,0 +1,3 @@
+import { IframeField } from "../index";
+import { IPaymentMethodConfigurationNormalized } from "../../../apm/qr-code-payments/contracts";
+export default function addQRCodePaymentMethods(iframeField: IframeField | undefined, paymentMethodConfigurations: IPaymentMethodConfigurationNormalized[], amount: string | number): void;

package/types/ui/iframe-field/qr-code-payment-methods/action-qr-code-payment-methods-request-start.d.ts

@@ -0,0 +1,6 @@
+import { IDictionary } from "@globalpayments/js/types/internal/lib/util";
+declare const _default: (id: string, data: IDictionary) => void;
+/**
+ * Requests the QR Code Payment methods
+ */
+export default _default;