@paydock/client-sdk 0.0.3 → 0.1.2-beta

package/bundles/widget.umd.js.min.d.ts

@@ -0,0 +1,4777 @@
+import { Observable } from 'rxjs';
+import { MicroAgent } from '@newrelic/browser-agent/loaders/micro-agent';
+
+declare class ApiCharge {
+    protected api: Api;
+    constructor(api: Api);
+    /**
+     * Current method allows to work with charge related endpoints
+     *
+     * @example
+     * api.charge().preAuth('payload', cb);
+     *
+     * @param {object} payload - Payload for pre authorization.
+     * @param {number} payload.amount - Charge amount.
+     * @param {string} payload.currency - Charge currency.
+     * @param {string} payload.token - Payment source token.
+     * @param {string} [payload._3ds.redirect_url] - Redirect url after 3d secure processing.
+     * @param {listener} [cb]
+     */
+    preAuth(payload: PreAuthBody, cb?: (data: any) => void): void | Promise<PreAuthResponse>;
+}
+interface PreAuthResponse {
+    _3ds: {
+        token: string;
+        id: string;
+    };
+    status: string;
+}
+interface PreAuthBody {
+    token: string;
+    amount: string | number;
+    currency: string;
+    _3ds?: {
+        redirect_url?: string;
+    };
+}
+
+type EnvironmentConfiguration = {
+    env: string;
+    url: string;
+};
+type EnvironmentConfigurations = EnvironmentConfiguration[];
+interface IEnvironment {
+    getConf(): EnvironmentConfiguration;
+    getEnv(): string;
+    setEnv(environmentId: string, alias?: string): void;
+}
+
+declare class Env implements IEnvironment {
+    private alias;
+    private environmentConfigurations;
+    private environmentId;
+    constructor(configs: EnvironmentConfigurations, defaultEnv?: string);
+    setEnv(environmentId: string, alias?: string): void;
+    getEnv(): string;
+    getConf(): EnvironmentConfiguration;
+    private validateAlias;
+    private validateEnvironmentId;
+}
+
+type HttpRequestMethod = 'GET' | 'POST';
+type HttpRequestUrl = string | URL;
+
+type AgentPrototype = Pick<(typeof MicroAgent)['prototype'], 'addPageAction' | 'noticeError'>;
+type AgentMethodNames = keyof AgentPrototype;
+type AgentMethodParameters<T extends AgentMethodNames> = Parameters<AgentPrototype[T]>;
+declare class InstrumentationAgent extends MicroAgent {
+    private static agent;
+    private static available;
+    private static initialized;
+    private constructor();
+    static get instance(): InstrumentationAgent;
+    isAvailable(): boolean;
+    call: <T extends "addPageAction" | "noticeError">(method: T, ...args: AgentMethodParameters<T>) => void;
+}
+
+interface CustomEventDTO {
+    environment: string;
+    appId?: never;
+    timestamp?: never;
+    [x: string]: unknown;
+}
+interface ReportBaseContext {
+    sdkVersion: string | null;
+    description?: string;
+    environment?: string;
+    [x: string]: SerializableValue | undefined;
+}
+type SerializableValue = string | number | symbol | object | null;
+
+type ReportErrorFn = (repository: ErrorRepository, error: string | Error, ctx: ReportBaseContext & ({
+    className: string;
+    classMethod: string;
+    functionName?: never;
+} | {
+    className?: never;
+    classMethod?: never;
+    functionName: string;
+})) => void;
+declare class ErrorRepository {
+    private readonly agent;
+    constructor();
+    createError(...args: Parameters<InstrumentationAgent['noticeError']>): Promise<void>;
+}
+
+type ReportEventFn = (repository: EventRepository, actionName: string, ctx: ReportBaseContext & CustomEventDTO) => void;
+declare class EventRepository {
+    private readonly agent;
+    constructor();
+    createEvent(...args: Parameters<InstrumentationAgent['addPageAction']>): Promise<void>;
+}
+
+declare enum API_AUTH_TYPE {
+    PUBLIC_KEY = 0,
+    TOKEN = 1
+}
+declare class ApiBase {
+    protected env: Env;
+    auth: string;
+    authType: API_AUTH_TYPE;
+    constructor(auth: string, authType?: API_AUTH_TYPE);
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     *
+     * @example
+     * widget.setEnv('production');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env: string, alias?: string): ApiBase;
+    requestObservable<Req extends object, Res>(method: 'GET' | 'POST', url: string, requestBody: Req): Observable<Res>;
+    private makeRequest;
+    private onRequestLoad;
+    private onRequestError;
+    setAuthType(): API_AUTH_TYPE;
+    getClient(method: Extract<HttpRequestMethod, 'GET' | 'POST'>, link: string): {
+        config: XMLHttpRequest;
+        send: (body: any, cb?: (data) => void, errorCb?: (data: any) => any) => void;
+    };
+    getClientPromise<Req extends object, Res>(method: Extract<HttpRequestMethod, 'GET' | 'POST'>, link: string): {
+        config: XMLHttpRequest;
+        send: (body: Req) => Promise<Res>;
+    };
+    parser({ text, status }: {
+        text: string;
+        status: number;
+    }, cb: any, errorCb: any): any;
+    parserPromise<Res>({ text, status, }: {
+        text: string;
+        status: number;
+    }): Promise<Res>;
+    reportEvent: ReportEventFn;
+    reportError: ReportErrorFn;
+    protected newApiRequest(method: Extract<HttpRequestMethod, 'GET' | 'POST'>, link: string): XMLHttpRequest;
+    get ctx(): {
+        sdkVersion: string;
+        className: string;
+        environment: string;
+    };
+}
+
+/**
+ * Interface for browser details response.
+ * @interface BrowserDetails
+ *
+ * @param {string} [name]
+ * @param {string} [java_enabled]
+ * @param {string} [language]
+ * @param {string} [screen_height]
+ * @param {string} [screen_width]
+ * @param {string} [time_zone]
+ * @param {string} [color_depth]
+ * */
+interface BrowserDetails {
+    name: string;
+    java_enabled: string;
+    language: string;
+    screen_height: string;
+    screen_width: string;
+    time_zone: string;
+    color_depth: string;
+}
+/**
+ * Class Api include method for working with paydock api
+ * @constructor
+ *
+ * @param {string} publicKey - PayDock users public key
+ * @example
+ * var api = new Api('publicKey');
+ *
+ *
+ **/
+declare class Api extends ApiBase {
+    publicKey: String;
+    /** @constructs */ constructor(publicKey: string);
+    /**
+     * Method for getting browser details
+     *
+     * @example
+     * api.getBrowserDetails();
+     *
+     * @return {BrowserDetails} Browser details object
+     */
+    getBrowserDetails(): BrowserDetails;
+    /**
+     * Current method allows to work with charge related endpoints
+     *
+     * @example
+     * api.charge();
+     */
+    charge(): ApiCharge;
+}
+
+/**
+ * List of available form field validators dedicated to cards and their definition
+ *
+ * @const CARD_VALIDATORS
+ *
+ * @type {Record<string, string>}
+ *
+ * @param {string} CVV=cardCvvValidation
+ *  Asserts that CVV contains zero or more digits and is a number
+ * @param {string} EXPIRY_DATE=expireDateValidation
+ *  Asserts value is a date in the future with format MM/YY
+ * @param {string} HOLDER_NAME=cardHoldernameValidation
+ *  Asserts value is a name that respects the
+ITU-T T.50 standard (@see https://www.itu.int/rec/T-REC-T.50/en)
+ * @param {string} NUMBER=cardNumberValidation
+    Asserts the value matches a known card scheme and as a the correct length.
+    E.g., matches a 13, 16 or 19 digit bank card, **or**, a 13 to 25 digit Vii Gift card
+ * @param {string} PIN=cardPinValidation
+    Asserts the value is a number with exactly 4 digits
+ */
+declare const CARD_VALIDATORS: {
+    readonly CVV: "cardCvvValidator";
+    readonly EXPIRY_DATE: "expireDateValidation";
+    readonly HOLDER_NAME: "cardHoldernameValidator";
+    readonly NUMBER: "cardNumberValidator";
+    readonly PIN: "cardPinValidator";
+};
+type CardValidatorValue = typeof CARD_VALIDATORS[keyof typeof CARD_VALIDATORS];
+/**
+ * List of available generic form field validators and their definition
+ *
+ * @const GENERIC_VALIDATORS
+ *
+ * @type {Record<string, string>}
+ *
+ * @param {string} REQUIRED=required
+ *  Asserts the input or form field has a value defined truthy value
+ */
+declare const GENERIC_VALIDATORS: {
+    readonly REQUIRED: "required";
+};
+type GenericValidatorValue = typeof GENERIC_VALIDATORS[keyof typeof GENERIC_VALIDATORS];
+
+declare const FORM_FIELD: {
+    CARD_NAME: string;
+    CARD_NUMBER: string;
+    EXPIRE_MONTH: string;
+    EXPIRE_YEAR: string;
+    CARD_CCV: string;
+    CARD_PIN: string;
+    ACCOUNT_NAME: string;
+    ACCOUNT_BSB: string;
+    ACCOUNT_NUMBER: string;
+    ACCOUNT_ROUTING: string;
+    ACCOUNT_HOLDER_TYPE: string;
+    ACCOUNT_BANK_NAME: string;
+    ACCOUNT_TYPE: string;
+    FIRST_NAME: string;
+    LAST_NAME: string;
+    EMAIL: string;
+    PHONE: string;
+    PHONE2: string;
+    ADDRESS_LINE1: string;
+    ADDRESS_LINE2: string;
+    ADDRESS_STATE: string;
+    ADDRESS_COUNTRY: string;
+    ADDRESS_CITY: string;
+    ADDRESS_POSTCODE: string;
+    ADDRESS_COMPANY: string;
+};
+declare const STYLE: {
+    BACKGROUND_COLOR: string;
+    BACKGROUND_ACTIVE_COLOR: string;
+    TEXT_COLOR: string;
+    BORDER_COLOR: string;
+    ICON_SIZE: string;
+    BUTTON_COLOR: string;
+    ERROR_COLOR: string;
+    SUCCESS_COLOR: string;
+    FONT_SIZE: string;
+    FONT_FAMILY: string;
+};
+declare const VAULT_DISPLAY_STYLE: {
+    BACKGROUND_COLOR: string;
+    TEXT_COLOR: string;
+    BORDER_COLOR: string;
+    BUTTON_COLOR: string;
+    FONT_SIZE: string;
+    FONT_FAMILY: string;
+};
+declare const TEXT: {
+    TITLE: string;
+    TITLE_H1: string;
+    TITLE_H2: string;
+    TITLE_H3: string;
+    TITLE_H4: string;
+    TITLE_H5: string;
+    TITLE_H6: string;
+    FINISH: string;
+    TITLE_DESCRIPTION: string;
+    SUBMIT_BUTTON: string;
+    SUBMIT_BUTTON_PROCESSING: string;
+};
+declare const ELEMENT: {
+    SUBMIT_BUTTON: string;
+    TABS: string;
+};
+declare const SUPPORTED_CARD_TYPES: {
+    AMEX: string;
+    AUSBC: string;
+    DINERS: string;
+    DISCOVER: string;
+    JAPCB: string;
+    LASER: string;
+    MASTERCARD: string;
+    SOLO: string;
+    VISA: string;
+    VISA_WHITE: string;
+    EFTPOS: string;
+    EFTPOS_WHITE: string;
+};
+interface IIcons {
+    paypal_checkout_button?: string;
+    afterpay_checkout_button?: string;
+    zipmoney_checkout_button?: string;
+}
+interface IFormPropertyOption {
+    card_name?: string;
+    card_number?: string;
+    expire_month?: string;
+    expire_year?: string;
+    card_ccv?: string;
+    card_pin?: string;
+    account_name?: string;
+    account_bsb?: string;
+    account_number?: string;
+    account_routing?: string;
+    account_holder_type?: string;
+    account_bank_name?: string;
+    first_name?: string;
+    last_name?: string;
+    email?: string;
+    phone?: string;
+    phone2?: string;
+    address_line1?: string;
+    address_line2?: string;
+    address_state?: string;
+    address_country?: string;
+    address_city?: string;
+    address_postcode?: string;
+    address_company?: string;
+}
+interface IFormValues extends IFormPropertyOption {
+}
+interface IFormLabels extends IFormPropertyOption {
+}
+interface IFormPlaceholders extends IFormPropertyOption {
+}
+interface IFormElement {
+    field: string;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+}
+type ValidatorFieldsMapKey = CardValidatorValue | GenericValidatorValue;
+type ValidatorFieldsMap = Partial<Record<ValidatorFieldsMapKey, string[]>>;
+interface IFormValidation {
+    form_valid?: boolean;
+    invalid_fields?: string[];
+    invalid_showed_fields?: string[];
+    validators?: ValidatorFieldsMap;
+}
+interface IStyles$1 {
+    background_color?: string;
+    background_active_color?: string;
+    text_color?: string;
+    border_color?: string;
+    button_color?: string;
+    icon_size?: string;
+    error_color?: string;
+    success_color?: string;
+    font_size?: string;
+    font_family?: string;
+}
+interface ITexts {
+    title?: string;
+    title_h1?: string;
+    title_h2?: string;
+    title_h3?: string;
+    title_h4?: string;
+    title_h5?: string;
+    title_h6?: string;
+    finish_text?: string;
+    title_description?: string;
+    submit_button?: string;
+    submit_button_processing?: string;
+}
+interface ICommonParams {
+    sdk_version?: string;
+    sdk_type?: string;
+}
+interface ISRCParams extends ICommonParams {
+    public_key?: string;
+    service_id?: string;
+    meta?: string;
+}
+interface IWalletParams extends IStyles$1, ITexts, ICommonParams {
+    token: string;
+    credentials: string;
+    currency: string;
+    amount: number;
+    gateway_mode: string;
+}
+interface IParams extends IStyles$1, ITexts, ICommonParams {
+    access_token?: string;
+    public_key?: string;
+    token?: string;
+    configuration_token?: string;
+    configuration_tokens?: string;
+    ref_id?: string;
+    supported_card_types?: string;
+    validate_card_types?: boolean;
+    fields_validation?: boolean;
+    hidden_elements?: string;
+    icons?: string;
+    form_values?: string;
+    form_labels?: string;
+    form_placeholders?: string;
+    query_token?: string;
+    limit?: number;
+    widget_id?: string;
+    gateway_id?: string;
+    gateway_ids?: string;
+    payment_source_types?: string;
+    element_styles?: string;
+    use_country_phone_mask?: boolean;
+    phone_mask_preferred_countries?: string;
+    phone_mask_default_country?: string;
+    phone_mask_only_countries?: string;
+    language?: string;
+    vault_display_token?: string;
+    sdk_origin?: boolean;
+    hide_ui_errors?: boolean;
+}
+interface ICountryPhoneMask {
+    preferred_countries?: string[];
+    default_country?: string;
+    only_countries?: string[];
+}
+interface IPayPalMeta {
+    brand_name?: string;
+    cart_border_color?: string;
+    reference?: string;
+    email?: string;
+    hdr_img?: string;
+    logo_img?: string;
+    pay_flow_color?: string;
+    first_name?: string;
+    last_name?: string;
+    address_line?: string;
+    address_line2?: string;
+    address_city?: string;
+    address_state?: string;
+    address_postcode?: string;
+    address_country?: string;
+    phone?: string;
+    hide_shipping_address?: boolean;
+}
+interface IBamboraMeta {
+    customer_storage_number?: string;
+    tokenise_algorithm?: number;
+}
+interface IZipmoneyMeta {
+    first_name: string;
+    last_name: string;
+    phone?: string;
+    tokenize?: boolean;
+    email: string;
+    gender?: string;
+    date_of_birth?: string;
+    charge: {
+        amount: number;
+        currency?: string;
+        reference?: string;
+        shipping_type?: string;
+        items: Array<{
+            name: string;
+            amount: number;
+            quantity: number;
+            type?: string;
+            reference?: string;
+            item_uri?: string;
+            image_url?: string;
+        }>;
+        shipping_address?: {
+            first_name?: string;
+            last_name?: string;
+            line1: string;
+            line2?: string;
+            country: string;
+            postcode: string;
+            city: string;
+            state: string;
+        };
+        billing_address: {
+            first_name?: string;
+            last_name?: string;
+            line1: string;
+            line2?: string;
+            country: string;
+            postcode: string;
+            city: string;
+            state: string;
+        };
+    };
+    statistics: {
+        account_created?: string;
+        sales_total_number?: number;
+        sales_total_amount?: number;
+        sales_avg_value?: number;
+        sales_max_value?: number;
+        refunds_total_amount?: number;
+        previous_chargeback?: boolean;
+        currency?: string;
+        last_login?: string;
+    };
+    hide_shipping_address?: boolean;
+}
+interface IAfterpayMeta {
+    amount: number;
+    currency: string;
+    email: string;
+    first_name: string;
+    last_name: string;
+    address_line: string;
+    address_line2: string;
+    address_city: string;
+    address_state: string;
+    address_postcode: string;
+    address_country: string;
+    phone: string;
+}
+interface VaultDisplayStyle {
+    background_color?: string;
+    text_color?: string;
+    border_color?: string;
+    button_color?: string;
+    font_size?: string;
+    font_family?: string;
+}
+interface IApplePayShippingOption {
+    id: string;
+    label: string;
+    detail: string;
+    amount: string;
+    type?: 'ELECTRONIC' | 'GROUND' | 'NOT_SHIPPED' | 'OVERNIGHT' | 'PICKUP' | 'PRIORITY' | 'SAME_DAY';
+}
+interface IGooglePayShippingOption {
+    id: string;
+    label: string;
+    detail?: string;
+    type?: 'ELECTRONIC' | 'GROUND' | 'NOT_SHIPPED' | 'OVERNIGHT' | 'PICKUP' | 'PRIORITY' | 'SAME_DAY';
+}
+interface IPayPalShippingOption {
+    id: string;
+    label: string;
+    amount: string;
+    currency: string;
+    type: 'SHIPPING' | 'PICKUP';
+}
+type IShippingOption = IApplePayShippingOption | IGooglePayShippingOption | IPayPalShippingOption;
+declare enum WALLET_TYPE {
+    GOOGLE = "google",
+    APPLE = "apple",
+    FLYPAY = "flypay",
+    FLYPAY_V2 = "flypayV2",
+    PAYPAL = "paypal",
+    AFTERPAY = "afterpay"
+}
+interface ApplePayStyles {
+    button_type?: 'add-money' | 'book' | 'buy' | 'check-out' | 'continue' | 'contribute' | 'donate' | 'order' | 'pay' | 'plain' | 'reload' | 'rent' | 'set-up' | 'subscribe' | 'support' | 'tip' | 'top-up';
+    button_style?: 'black' | 'white' | 'white-outline';
+}
+interface GooglePayStyles {
+    button_type?: 'book' | 'buy' | 'checkout' | 'donate' | 'order' | 'pay' | 'plain' | 'subscribe';
+    button_size_mode?: 'static' | 'fill';
+    button_color?: 'default' | 'black' | 'white';
+}
+interface AfterpayStyles {
+    button_type?: 'black' | 'mint' | 'white';
+    height?: string;
+}
+type WalletStyles = {
+    apple?: ApplePayStyles;
+    google?: GooglePayStyles;
+    afterpay?: AfterpayStyles;
+} | object;
+type WalletRawDataInitialization = {
+    apple?: ApplePayRawDataInitialization;
+    google?: GooglePayRawDataInitialization;
+} | object;
+type ApplePayRawDataInitialization = ApplePayJS.ApplePayPaymentRequest;
+type GooglePayRawDataInitialization = google.payments.api.IsReadyToPayPaymentMethodSpecification | google.payments.api.PaymentMethodSpecification;
+interface IWalletMeta {
+    amount_label?: string;
+    country?: string;
+    pay_later?: boolean;
+    hide_message?: boolean;
+    standalone?: boolean;
+    show_billing_address?: boolean;
+    request_payer_name?: boolean;
+    request_payer_email?: boolean;
+    request_payer_phone?: boolean;
+    request_shipping?: boolean;
+    shipping_options?: IShippingOption[];
+    merchant_name?: string;
+    raw_data_initialization?: WalletRawDataInitialization;
+    access_token?: string;
+    refresh_token?: string;
+    style?: WalletStyles;
+    wallets?: WALLET_TYPE[];
+    client_id?: string;
+    apple_pay_capabilities?: Array<'credentials_available' | 'credentials_status_unknown' | 'credentials_unavailable'>;
+}
+
+declare class Link {
+    protected env: Env;
+    protected linkResource: string;
+    protected params: IParams;
+    protected widgetId: string;
+    constructor(linkResource: string);
+    getNetUrl(): string;
+    getUrl(): string;
+    setParams(params: IParams | IWalletParams | ISRCParams): void;
+    concatParams(params: IParams): void;
+    getParams(): IParams;
+    setEnv(env: string, alias?: string): void;
+    getEnv(): string;
+    getBaseUrl(): string;
+}
+
+declare class Container {
+    protected selector: string;
+    constructor(selector: string);
+    isExist(): boolean;
+    getStyles<T>(allowValue: string[]): T | {};
+    on(name: any, cb: (event: MouseEvent) => void): void;
+    getAttr<T>(allowValue: string[]): T | {};
+    getElement(): Element;
+    getSelector(): string;
+    private convertConfigs;
+}
+
+declare class IFrame {
+    protected container: Container;
+    constructor(container: Container);
+    load(link: string, options?: {
+        title?: string;
+    }, iframeClass?: string): void;
+    loadFromHtml(content: string, options?: {
+        title?: string;
+    }, iframeClass?: string): void;
+    remove(): void;
+    show(): void;
+    hide(saveSize?: boolean): void;
+    isExist(): boolean;
+    getElement(): HTMLIFrameElement;
+    setStyle(property: string, value: string): void;
+    setIframeHeight(iframeElement: HTMLIFrameElement, iFrameDocument: Document, selector: string): void;
+    private setStyles;
+}
+
+/**
+ * List of available payment source types
+ *
+ * @type {object}
+ * @param {string} CARD=card
+ * @param {string} BANK_ACCOUNT=bank_account
+ * @param {string} CHECKOUT=checkout
+ */
+declare const PAYMENT_TYPE: {
+    CARD: string;
+    GIFT_CARD: string;
+    BANK_ACCOUNT: string;
+    CHECKOUT: string;
+    BSB: string;
+};
+/**
+ * Purposes
+ * @type {object}
+ * @param {string} PAYMENT_SOURCE=payment_source
+ * @param {string} CARD_PAYMENT_SOURCE_WITH_CVV=card_payment_source_with_cvv
+ * @param {string} CARD_PAYMENT_SOURCE_WITHOUT_CVV=card_payment_source_without_cvv
+ * */
+declare enum PURPOSE {
+    PAYMENT_SOURCE = "payment_source",
+    CARD_PAYMENT_SOURCE_WITH_CVV = "card_payment_source_with_cvv",
+    CARD_PAYMENT_SOURCE_WITHOUT_CVV = "card_payment_source_without_cvv"
+}
+interface IGeneral {
+    purpose: PURPOSE;
+    predefined_fields: IPredefinedFields;
+    defined_form_fields?: string[];
+    webhook_destination?: string;
+    success_redirect_url?: string;
+    error_redirect_url?: string;
+    meta?: IPayPalMeta;
+    label?: string;
+    dynamic_fields_position?: boolean;
+}
+interface IPredefinedFields {
+    gateway_id: string;
+    type?: string;
+    card_scheme?: string;
+    card_processing_network?: string;
+}
+/**
+ * Class Configuration include methods for creating configuration token
+ * @constructor
+ *
+ * @example
+ * var config = new Configuration('gatewayId'); // short
+ *
+ * var config = new Configuration('gatewayId', 'bank_account', 'paymentSource'); // extend
+ *
+ * var config = new Configuration('not_configured'); // without gateway
+ *
+ * @param {string} [gatewayID=default] - gateway ID. By default or if put 'default', it will use the selected default gateway. If put 'not_configured', it won’t use gateway to create downstream token.
+ * @param {string} paymentType - Type of payment source which shows in widget form. Available parameters [PAYMENT_TYPE]{@link PAYMENT_TYPE}
+ * @param {string} purpose - Param which describes payment purpose. By default uses Available parameters [PURPOSE]{@link PURPOSE}
+ */
+declare class Configuration {
+    private configs;
+    private env;
+    static createEachToken(accessToken: string, configs: Configuration[]): Promise<string[]>;
+    private static addTokenInBase64;
+    /** @constructs */ constructor(gatewayID?: string, paymentType?: string, purpose?: PURPOSE);
+    /**
+     * Destination, where customer will receive all successful responses.
+     * Response will contain “data” object with “payment_source” or other parameters, in depending on 'purpose'
+     *
+     * @example
+     * config.setWebHookDestination('http://google.com');
+     *
+     * @param {string} url - Your endpoint for post request.
+     */
+    setWebHookDestination(url: string): void;
+    /**
+     * URL to which the Customer will be redirected to after the success finish
+     *
+     * @example
+     * config.setSuccessRedirectUrl('google.com/search?q=success');
+     *
+     * @param {string}  url
+     */
+    setSuccessRedirectUrl(url: string): void;
+    /**
+     * URL to which the Customer will be redirected to if an error is triggered in the process of operation
+     *
+     * @example
+     * config.setErrorRedirectUrl('google.com/search?q=error');
+     *
+     * @param {string} url
+     */
+    setErrorRedirectUrl(url: string): void;
+    /**
+     *  Set list with widget form field, which will be shown in form. Also you can set the required validation for these fields
+     *
+     * @example
+     * config.setFormFields(['phone', 'email', 'first_name*']);
+     *
+     * @param {string[]} fields - name of fields which can be shown in a widget.
+     *   If after a name of a field, you put “*”, this field will be required on client-side.
+     *   (For validation, you can specify any fields, even those that are shown by default: card_number, expiration, etc... ) [FORM_FIELD]{@link FORM_FIELD}
+     */
+    setFormFields(fields: string[]): void;
+    /**
+     * Method for setting meta information for checkout page
+     *
+     * @example
+     * config.setMeta({
+            brand_name: 'paydock',
+            reference: '15',
+            email: 'wault@paydock.com'
+        });
+     *
+     * @param {IPayPalMeta | IZipmoneyMeta | IAfterpayMeta | IBamboraMeta} object -
+     *    data which can be shown on checkout page [IPayPalMeta]{@link IPayPalMeta} [IZipmoneyMeta]{@link IZipmoneyMeta} [IAfterpayMeta]{@link IAfterpayMeta} [IBamboraMeta]{@link IBamboraMeta}
+     */
+    setMeta(meta: IPayPalMeta | IZipmoneyMeta | IAfterpayMeta | IBamboraMeta): void;
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     *
+     * @example
+     * config.setEnv('production');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env: string, alias?: string): void;
+    /**
+     * Title for tab which can be set instead of default
+     *
+     * @example
+     * config.setLabel('custom label');
+     *
+     * @param {string} label - Text label for tab
+     */
+    setLabel(label: string): void;
+    getEnv(): string;
+    /**
+     * createToken - method which exactly create payment one time token
+     *
+     * @example
+     * config.createToken('582035346f65cdd57ee81192d6e5w65w4e5',
+     *  function (data) {
+     *      console.log(data);
+     *  }, function (error) {
+     *      console.log(error);
+     * });
+     *
+     * @param {string} accessToken - Customer access token or public key which provided for each client
+     * @param {createToken~requestCallback} cb - The callback that handles the success response.
+     * @param {createToken~requestCallback} errorCb - The callback that handles the failed response.
+     */
+    createToken(accessToken: string, cb: (token: string) => void, errorCb?: (error: any) => void): void;
+    getDefaultGateway<T>(accessToken: string, method: HttpRequestMethod, url: HttpRequestUrl): Promise<T>;
+    private send;
+    getConfigs(): IGeneral;
+    private getUrl;
+    private getDefaultGatewayUrl;
+    setGiftCardSchemeData(giftCardScheme: any, processingNetwork: any): void;
+}
+
+/**
+ * Current constant include available type of element for styling
+ * @const STYLABLE_ELEMENT
+ * @type {object}
+ * @param {string} INPUT=input.
+ *   These states are available: [STYLABLE_ELEMENT_STATE.ERROR]{@link STYLABLE_ELEMENT_STATE}, [STYLABLE_ELEMENT_STATE.FOCUS]{@link STYLABLE_ELEMENT_STATE}.
+ *   These styles are available [IElementStyleInput]{@link IElementStyleInput}
+ * @param {string} SUBMIT_BUTTON=submit_button
+ *   These states are available: [STYLABLE_ELEMENT_STATE.HOVER]{@link STYLABLE_ELEMENT_STATE}.
+ *   These styles are available [IElementStyleSubmitButton]{@link IElementStyleSubmitButton}
+ * @param {string} LABEL=label.
+ *   These styles are available [IElementStyleLabel]{@link IElementStyleLabel}
+ * @param {string} TITLE=title.
+ *   These styles are available [IElementStyleTitle]{@link IElementStyleTitle}
+ * @param {string} TITLE_DESCRIPTION=title_description.
+ *   These styles are available [IElementStyleTitleDescription]{@link IElementStyleTitleDescription}
+ * */
+declare const STYLABLE_ELEMENT: {
+    INPUT: string;
+    SUBMIT_BUTTON: string;
+    LABEL: string;
+    TITLE: string;
+    TITLE_DESCRIPTION: string;
+};
+/**
+ * Current constant include available states of element for styling
+ * @const STYLABLE_ELEMENT_STATE
+ * @type {object}
+ * @param {string} ERROR=error client|server validation. This state applies to: input
+ * @param {string} FOCUS=focus focus. This state applies to: input
+ * @param {string} HOVER=hover focus. This state applies to: submit_button
+ * */
+declare const STYLABLE_ELEMENT_STATE: {
+    ERROR: string;
+    FOCUS: string;
+    HOVER: string;
+};
+interface IElementStyleInput {
+    color?: string;
+    border?: string;
+    border_radius?: string;
+    background_color?: string;
+    height?: string;
+    text_decoration?: string;
+    font_size?: string;
+    font_family?: string;
+    padding?: string;
+    margin?: string;
+    transition?: string;
+    line_height?: string;
+    font_weight?: string;
+}
+interface IElementStyleSubmitButton {
+    color?: string;
+    border?: string;
+    border_radius?: string;
+    background_color?: string;
+    text_decoration?: string;
+    font_size?: string;
+    font_family?: string;
+    padding?: string;
+    margin?: string;
+    transition?: string;
+    line_height?: string;
+    font_weight?: string;
+    opacity?: string;
+}
+interface IElementStyleLabel {
+    color?: string;
+    text_decoration?: string;
+    font_size?: string;
+    font_family?: string;
+    line_height?: string;
+    font_weight?: string;
+    padding?: string;
+    margin?: string;
+}
+interface IElementStyleTitle {
+    color?: string;
+    text_decoration?: string;
+    font_size?: string;
+    font_family?: string;
+    line_height?: string;
+    font_weight?: string;
+    padding?: string;
+    margin?: string;
+}
+interface IElementStyleTitleDescription {
+    color?: string;
+    text_decoration?: string;
+    font_size?: string;
+    font_family?: string;
+    line_height?: string;
+    font_weight?: string;
+    padding?: string;
+    margin?: string;
+}
+
+declare const ERROR_CATEGORY: {
+    readonly CONFIGURATION: "configuration";
+    readonly IDENTITY: "identity_access_management";
+    readonly INTERNAL: "internal";
+    readonly PROCESS: "process";
+    readonly RESOURCE: "resource";
+    readonly VALIDATION: "validation";
+};
+type ErrorCategory = (typeof ERROR_CATEGORY)[keyof typeof ERROR_CATEGORY];
+declare const ERROR_CAUSE: {
+    readonly ABORTED: "aborted";
+    readonly ACCESS_FORBIDDEN: "access_forbidden";
+    readonly ALREADY_EXISTS: "already_exists";
+    readonly CANCELED: "canceled";
+    readonly INVALID_CONFIGURATION: "invalid_configuration";
+    readonly INVALID_INPUT: "invalid_input";
+    readonly NOT_FOUND: "not_found";
+    readonly NOT_IMPLEMENTED: "not_implemented";
+    readonly RATE_LIMITED: "rate_limited";
+    readonly SERVER_BUSY: "server_busy";
+    readonly SERVICE_UNREACHABLE: "service_unreachable";
+    readonly UNAUTHORIZED: "unauthorized";
+    readonly UNKNOWN: "unknown_error";
+    readonly UNPROCESSABLE_ENTITY: "unprocessable_entity";
+};
+type ErrorCause = (typeof ERROR_CAUSE)[keyof typeof ERROR_CAUSE];
+interface ErrorDetails {
+    cause: ErrorCause;
+    contextId: string;
+    message: string;
+    timestamp: string;
+}
+interface IEventError {
+    cause: ErrorCause;
+    category: ErrorCategory;
+    retryable: boolean;
+    details: ErrorDetails;
+}
+
+/**
+ *
+ * Class MultiWidget include method for for creating iframe url
+ * @constructor
+ *
+ * @param {string} accessToken - PayDock users access token or public key
+ * @param {(Configuration | string | Configuration[] | string[])} conf - exemplar[s] Configuration class OR configuration token
+ *
+ * @example
+ * var widget = new MultiWidget('accessToken','configurationToken'); // With a pre-created configuration token
+ *
+ * var widget = new MultiWidget('accessToken',['configurationToken', 'configurationToken2']); // With pre-created configuration tokens
+ *
+ * var widget = new MultiWidget('accessToken', new Configuration('gatewayId')); With Configuration
+ *
+ * var widget = new MultiWidget('accessToken',[ With Configurations
+ *      Configuration('gatewayId'),
+ *      Configuration('gatewayId', 'bank_account')
+ * ]);
+ */
+declare class MultiWidget {
+    protected link: Link;
+    protected configs: Configuration[];
+    protected configTokens: string[];
+    protected accessToken: string;
+    protected event: IFrameEvent;
+    constructor(accessToken: string, confTokens: string[]);
+    constructor(accessToken: string, confToken: string);
+    constructor(accessToken: string, configs: Configuration[]);
+    constructor(accessToken: string, conf: Configuration);
+    /**
+     * Object contain styles for widget
+     *
+     * @example
+     * widget.setStyles({
+     *       background_color: 'rgb(0, 0, 0)',
+     *       border_color: 'yellow',
+     *       text_color: '#FFFFAA',
+     *       button_color: 'rgba(255, 255, 255, 0.9)',
+     *       font_size: '20px'
+     *       fort_family: 'fantasy'
+     *   });
+     * @param {IStyles} fields - name of styles which can be shown in widget [STYLE]{@link STYLE}
+     */
+    setStyles(styles: IStyles$1): void;
+    /**
+     * Method to set a country code mask for the phone input.
+     *
+     * @example
+     * widget.usePhoneCountryMask();
+     *
+     * @example
+     * widget.usePhoneCountryMask({
+     *       default_country: 'au',
+     *       preferred_countries: ['au', 'gb'],
+     *       only_countries: ['au', 'gb', 'us', 'ua']
+     *   });
+     *
+     * @param {object} [options] - Options for configure the phone mask.
+     * @param {string} [options.default_country] - Set a default country for the mask.
+     * @param {Array.<string>} [options.preferred_countries] - Set list of preferred countries for the top of the select box .
+     * @param {Array.<string>} [options.only_countries] - Set list of countries to show in the select box.
+     */
+    usePhoneCountryMask(options?: ICountryPhoneMask): void;
+    setStyle(param: string, value: string): void;
+    /**
+     * Method for set different texts inside the widget
+     *
+     * @example
+     * widget.setTexts({
+     *       title: 'Your card',
+     *       finish_text: 'Payment resource was successfully accepted',
+     *       title_description: '* indicates required field',
+     *       submit_button: 'Save',
+     *       submit_button_processing: 'Load...',
+     *   });
+     *
+     * @param {ITexts} fields - name of text items which can be shown in widget [TEXT]{@link TEXT}
+     */
+    setTexts(texts: ITexts): void;
+    setText(param: string, value: string): void;
+    setElementStyle(element: string, state: string, styles: IElementStyleInput | IElementStyleSubmitButton | IElementStyleLabel): any;
+    setElementStyle(element: string, styles: IElementStyleInput | IElementStyleSubmitButton | IElementStyleLabel | IElementStyleTitle | IElementStyleTitleDescription): any;
+    /**
+   * The method to set the predefined values for the form fields inside the widget
+   *
+   * @example
+   *   widget.setFormValues({
+   *       email: 'predefined@email.com',
+   *       card_name: 'Houston'
+   *   });
+   *
+   * @param { Object } fieldValues - Key of object is one of [FORM_FIELD]{@link FORM_FIELD}, The object value is what we are expecting
+   */
+    setFormValues(fieldValues: IFormValues): void;
+    setFormValue(key: string, value: string): void;
+    /**
+     * The method to set custom form field labels
+     *
+     * @example
+     *   widget.setFormPlaceholders({
+     *       card_name: 'Card Holder Name',
+     *       email: 'Email For Receipt'
+     *   })
+     *
+     * @param { Object } fieldLabels - Key of object is one of [FORM_FIELD]{@link FORM_FIELD}, The object value is what we are expecting
+     */
+    setFormLabels(fieldLabels: IFormLabels): void;
+    setFormLabel(key: string, label: string): void;
+    /**
+     * The method to set custom form fields placeholders
+     *
+     * @example
+     *   widget.setFormPlaceholders({
+     *       card_name: 'Input your card holder name...',
+     *       email: 'Input your email, like test@example.com'
+     *   })
+     *
+     * @param { Object } fieldPlaceholders - Key of object is one of [FORM_FIELD]{@link FORM_FIELD}, Value of object is expected placeholder
+     */
+    setFormPlaceholders(fieldPlaceholders: IFormPlaceholders): void;
+    setFormPlaceholder(key: string, placeholder: string): void;
+    /**
+     * The method to set the full configuration for the all specific form elements (label, placeholder, value)
+     * You can also use the other method for the partial configuration like: setFormValues, setFormPlaceholder, setFormLabel
+     *
+     * @example
+     *   widget.setFormElements([
+     *       {
+     *           field:  'card_name',
+     *           placeholder: 'Input your card holder name...',
+     *           label: 'Card Holder Name',
+     *           value: 'Houston',
+     *       },
+     *       {
+     *           field:  'email',
+     *           placeholder: 'Input your email, like test@example.com',
+     *           label: 'Email For Receipt',
+     *           value: 'predefined@email.com',
+     *       },
+     *   ])
+     *
+     * @param { string } elements - The list of elements
+     * @param { string } elements[].field - Field name of the element [FORM_FIELD]{@link FORM_FIELD}
+     * @param { string } elements[].placeholder - Set custom form field placeholder
+     * @param { string } elements[].label - Set custom labels near form field
+     * @param { string } elements[].value - Set predefined values for the form field
+     */
+    setFormElements(elements: IFormElement[]): void;
+    setFormElement(element: IFormElement): void;
+    /**
+     * The method to change the widget icons
+     *
+     * @deprecated
+     */
+    setIcons(icons: IIcons): void;
+    setIcon(key: string, value: string): void;
+    /**
+     * Using this method you can set hidden elements inside widget
+     *
+     * @example
+     * widget.setHiddenElements(['submit_button', 'email']);
+     *
+     * @param {string[]} elements -  list of element which can be hidden [ELEMENT]{@link ELEMENT} || [FORM_FIELD]{@link FORM_FIELD}
+     */
+    setHiddenElements(elements: string[]): void;
+    /**
+     * Current method can set custom ID to identify the data in the future
+     *
+     * @example
+     * widget.setRefId('id');
+     *
+     * @param {string} refId - custom id
+     */
+    setRefId(refId: string): void;
+    /**
+     * Current method can add visual validation from gateway to widget's form fields
+     *
+     * @example
+     * widget.useGatewayFieldValidation();
+     */
+    useGatewayFieldValidation(): void;
+    /**
+     * Current method can set icons of supported card types
+     *
+     * @example
+     *
+     * widget.setSupportedCardIcons(['mastercard', 'visa'], validateCardNumberInput);
+     *
+     * @param {string[]} elements - [SUPPORTED_CARD_TYPES]{@link SUPPORTED_CARD_TYPES}
+     * @param {boolean} validateCardNumberInput - [validateCardNumberInput=false] - using this param you allow validation for card number input on supported card types
+     */
+    setSupportedCardIcons(elements: string[], validateCardNumberInput?: boolean): void;
+    /**
+     * Current method can hide prevent the widget from showing the error messages
+     *
+     * @example
+     * widget.hideUiErrors('id');
+     */
+    hideUiErrors(): void;
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     *
+     * @example
+     * widget.setEnv('production', 'paydock.com');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env: string, alias?: string): void;
+    getEnv(): void;
+    /**
+     * Method for creating iframe url
+     *
+     * @example
+     * widget.loadIFrameUrl(function (url) {
+     *      console.log(url);
+     * }, function (errors) {
+     *      console.log(errors);
+     * });
+     */
+    loadIFrameUrl(cb: (url: string) => void, errorCb?: (error: any) => void): void;
+    /**
+     * Method for setting a custom language code
+     *
+     * @example
+     * config.setLanguage('en');
+     * @param {string} code - ISO 639-1
+     */
+    setLanguage(code: any): void;
+    getLink(): Link;
+    protected handleErrorEvent(event: EventTypes, error: IEventError, purpose: PURPOSE): void;
+}
+
+interface ITriggerData {
+    configuration_token?: string;
+    tab_number?: number;
+    elements?: string;
+    form_values?: string;
+}
+/**
+ * Interface for classes that represent a trigger data.
+ * @interface ITriggerData
+ *
+ * @param {string} [configuration_token]
+ * @param {string} [tab_number]
+ * @param {string} [elements]
+ * @param {string} [form_values]
+ * */
+/**
+ * List of available triggers
+ *
+ * @type {object}
+ * @param {string} SUBMIT_FORM=submit_form
+ * @param {string} CHANGE_TAB=tab
+ * @param {string} HIDE_ELEMENTS=hide_elements
+ * @param {string} SHOW_ELEMENTS=show_elements
+ * @param {string} REFRESH_CHECKOUT=refresh_checkout
+ * @param {string} UPDATE_FORM_VALUES=update_form_values
+ * @param {string} INIT_CHECKOUT=init_checkout
+ */
+declare const TRIGGER: {
+    SUBMIT_FORM: string;
+    CHANGE_TAB: string;
+    HIDE_ELEMENTS: string;
+    SHOW_ELEMENTS: string;
+    REFRESH_CHECKOUT: string;
+    UPDATE_FORM_VALUES: string;
+    INIT_CHECKOUT: string;
+};
+declare class Trigger {
+    protected iFrame: IFrame;
+    constructor(iFrame: IFrame);
+    push(triggerName: string, data?: ITriggerData): void;
+}
+
+interface IEventMetaData extends IEventData$1 {
+    configuration_token: string;
+    type: string;
+    account_name?: string;
+    account_number?: string;
+    card_number_last4?: string;
+    card_number_length?: number;
+    card_scheme?: string;
+    gateway_type?: string;
+}
+interface IEventFinishData extends IEventData$1 {
+    payment_source: string;
+    payment_source_token?: string;
+}
+/**
+ * Interface of data from validation event.
+ *
+ * @interface IFormValidation
+ *
+ * @param {string} event The name of the event.
+ * @param {string} message_source A system variable that identifies the event source.
+ * @param {string} purpose A system variable that states the purpose of the event.
+ * @param {string} [ref_id] Custom unique value that identifies result of processed operation.
+ * @param {boolean} [form_valid] Indicates wether or not the form is valid.
+ * @param {Array<string>} [invalid_fields] Names of form fields with invalid data.
+ * @param {Array<string>} [invalid_showed_fields] Names of invalid form fields which are already displaying the error.
+ * @param {Partial<Record<CardValidatorValue | GenericValidatorValue, Array<string>>>} [validators] Object containing validator identifiers as keys and the fields subject to that validator as an array of form field names.
+ *  See list of available [Generic Vallidators]{@link GENERIC_VALIDATORS} and [Card Validators]{@link CARD_VALIDATORS},
+ */
+/**
+ * Contains basic information associated with the event and additional meta data
+ * specific to the event. E.g., card info, gateway info, etc.
+ *
+ * @interface IEventMetaData
+ *
+ * @param {string} event The name of the event.
+ * @param {string} purpose A system variable that states the purpose of the event.
+ * @param {string} message_source A system variable that identifies the event source.
+ * @param {string} [ref_id] Custom unique value that identifies result of processed operation.
+ * @param {string} configuration_token Token received from our API with widget data
+ * @param {string} type Payment type 'card', 'bank_account'
+ * @param {string} gateway_type Gateway type
+ * @param {string} [card_number_last4] Last 4 digit of your card
+ * @param {string} [card_scheme] Card scheme, e.g., (Visa, Mastercard and American Express (AmEx))
+ * @param {number} [card_number_length] Card number length
+ * @param {string} [account_name] Bank account account name
+ * @param {string} [account_number] Bank account account number
+ * */
+/**
+ * Interface of data from event.
+ * @interface IEventAfterLoadData
+ *
+ * @param {string} event The name of the event.
+ * @param {string} purpose A system variable that states the purpose of the event.
+ * @param {string} message_source A system variable that identifies the event source.
+ * @param {string} [ref_id] Custom unique value that identifies result of processed operation.
+ * */
+/**
+ * Interface of data from event.
+ * @interface IEventFinishData
+ *
+ * @param {string} event The name of the event.
+ * @param {string} purpose A system variable that states the purpose of the event.
+ * @param {string} message_source A system variable that identifies the event source.
+ * @param {string} [ref_id] Custom unique value that identifies result of processed operation.
+ * @param {string} payment_source One time token. Result from this endpoint [API docs](https://docs.paydock.com/#tokens)
+ * */
+/**
+ * List of available event's name
+ * @const EVENT
+ *
+ * @type {object}
+ * @param {string} AFTER_LOAD=afterLoad
+ * @param {string} SUBMIT=submit
+ * @param {string} FINISH=finish
+ * @param {string} VALIDATION=validation
+ * @param {string} VALIDATION_ERROR=validationError
+ * @param {string} SYSTEM_ERROR=systemError
+ * @param {string} META_CHANGE=metaChange
+ * @param {string} RESIZE=resize
+ */
+/**
+ * List of available event's name
+ * @const VAULT_DISPLAY_EVENT
+ *
+ * @type {object}
+ * @param {string} AFTER_LOAD=afterLoad
+ * @param {string} SYSTEM_ERROR=system_error
+ * @param {string} CVV_SECURE_CODE_REQUESTED=cvv_secure_code_requested
+ * @param {string} CARD_NUMBER_SECURE_CODE_REQUESTED=card_number_secure_code_requested
+ * @param {string} ACCESS_FORBIDDEN=access_forbidden
+ * @param {string} SESSION_EXPIRED=systemError
+ * @param {string} SYSTEM_ERROR=session_expired
+ * @param {string} OPERATION_FORBIDDEN=operation_forbidden
+ */
+/**
+ * Class HtmlMultiWidget include method for working with html
+ * @constructor
+ * @extends MultiWidget
+ *
+ * @param {string} selector - Selector of html element. Container for widget
+ * @param {string} publicKey - PayDock users public key
+ * @param {(Configuration | string | Configuration[] | string[])} conf - exemplar[s] Configuration class OR configuration token
+ * @example
+ * var widget = new MultiWidget('#widget', 'publicKey','configurationToken'); // With a pre-created configuration token
+ *
+ * var widget = new MultiWidget('#widget', 'publicKey',['configurationToken', 'configurationToken2']); // With pre-created configuration tokens
+ *
+ * var widget = new MultiWidget('#widget', 'publicKey', new Configuration('gatewayId')); With Configuration
+ *
+ * var widget = new MultiWidget('#widget', 'publicKey',[ With Configurations
+ *      Configuration(), // default gateway_id,
+ *      Configuration('not_configured'), // without gateway,
+ *      Configuration('gatewayId'),
+ *      Configuration('gatewayId', 'bank_account')
+ * ]);
+ */
+declare class HtmlMultiWidget extends MultiWidget {
+    protected container: Container;
+    protected iFrame: IFrame;
+    protected triggerElement: Trigger;
+    protected validationData: IFormValidation;
+    /** @constructs */ constructor(selector: string, publicKey: string, conf: any);
+    /**
+     * Loads the widget.
+     *
+     * Calling this method results in an iframe element being inserted and rendered in the DOM.
+     */
+    load(): void;
+    /**
+     * Registers a form validation callback for validation events.
+     */
+    protected afterLoad(): void;
+    /**
+     * Listen to events of widget
+     *
+     * @example
+     *
+     * ```javascript
+     * widget.on('form_submit', function (data) {
+     *      console.log(data);
+     * });
+     * ```
+     *
+     * @example
+     *
+     * ```javascript
+     * widget.on('form_submit').then(function (data) {
+     *      console.log(data);
+     * });
+     * ```
+     *
+     * @typedef {(data: IEventData | IEventMetaData | IEventFinishData | IFormValidation) => void} EventListenerCallback
+     *
+     * @param {string} eventName - The name of the event that should be listened. Available event names [EVENT]{@link EVENT}.
+     * @param {EventListenerCallback} [cb] - A function to be invoked whenever the event occurs.
+     *
+     * @return {Promise<IEventData | IEventMetaData | IEventFinishData | IFormValidation> | void}
+     */
+    on(eventName: string): Promise<IEventData$1 | IEventMetaData | IEventFinishData | IFormValidation>;
+    on(eventName: string, cb: (data: IEventData$1 | IEventMetaData | IEventFinishData | IFormValidation) => void): any;
+    /**
+     * Registers callback that will be invoked for every trigger.
+     *
+     * @param {'submit_form' | 'tab'} triggers - The Widget element identifier that caused the trigger.
+     * @param {ITriggerData} data - Data that will be sent to the widget when the trigger occurs.
+     */
+    trigger(triggerName: string, data?: ITriggerData): void;
+    /**
+     * Gets a reference to the form current validation state.
+     *
+     * !Warning: do not directly modify the values of the returned object.
+     *
+     * @return {IFormValidation} Form validation object
+     */
+    getValidationState(): IFormValidation;
+    /**
+     * Checks if a given form is valid.
+     *
+     * A form is valid if all form fields are valid.
+     *
+     * @return {boolean} Indicates wether or not form is valid.
+     */
+    isValidForm(): boolean;
+    /**
+     * Using this method you can check if a specific form field is invalid
+     *
+     * @param {string} field - Field name
+     * @return {boolean} Field is invalid
+     */
+    isInvalidField(field?: string): boolean;
+    /**
+     * Checks if a given form field is displaying an error.
+     *
+     * @param {string} field - The form field name
+     *
+     * @return {boolean} Indicates wether or not the Error message is being displayed on the associated field.
+     */
+    isFieldErrorShowed(field?: string): boolean;
+    /**
+     * Checks if a given form field is valid or invalid by name.
+     *
+     * @param {string} field - The form field name
+     * @param validator - The name of the validator.
+     *
+     * @return {boolean} Indicates wether or not the field is invalid based on validator intepretation.
+     */
+    isInvalidFieldByValidator(field: string, validator: ValidatorFieldsMapKey): boolean;
+    /**
+     * Hides the widget.
+     *
+     * E.g., use this method to hide the widget after it loads.
+     *
+     * @param {boolean} [saveSize=false] Wether the original iframe element size should be saved before being hidden.
+     */
+    hide(saveSize: boolean): void;
+    /**
+     * Shows the widget.
+     *
+     * E.g., use this method to show the widget after it was explicitly hidden.
+     */
+    show(): void;
+    /**
+     * Reloads the widget.
+     */
+    reload(): void;
+    /**
+     * Hides the specified Widget elements by their identifier.
+     *
+     * @example
+     *
+     * ```javascript
+     * widget.hideElements(['submit_button', 'email']);
+     * ```
+     *
+     * @param {string[]} elements - List of element which can be hidden [ELEMENT]{@link ELEMENT} || [FORM_FIELD]{@link FORM_FIELD}
+     */
+    hideElements(elements: string[]): void;
+    /**
+     * Shows the specified Widget elements by their identifier.
+     *
+     * @example
+     *
+     * ```javascript
+     * widget.showElements(['submit_button', 'email']);
+     * ```
+     *
+     * @param {string[]} elements - List of elements which can be showed [ELEMENT]{@link ELEMENT} || [FORM_FIELD]{@link FORM_FIELD}
+     */
+    showElements(elements: string[]): void;
+    /**
+     * Updates the form field values inside the widget.
+     *
+     * @example
+     *
+     * ```javascript
+     * widget.updateFormValues({
+     *   email: 'predefined@email.com',
+     *   card_name: 'Houston'
+     * });
+     *```
+     *
+     * @param {IFormValues} fieldValues - Fields with values
+     */
+    updateFormValues(fieldValues: IFormValues): void;
+    /**
+     * Updates a single form field values inside the widget by the form field name.
+     *
+     * @example
+     *
+     * ```javascript
+     * widget.updateFormValue("card_name", "John Doe");
+     *```
+     *
+     * @param {string} key - The form field name
+     * @param {string} value - The form field value
+     */
+    updateFormValue(key: string, value: string): void;
+    /**
+     * Inserts the event data (after finish event) onto the input field associated with the provided CSS selector.
+     *
+     * @param {string} selector - A CSS selector. E.g., ".my-class", "#my-id", or others
+     * @param {string} dataType - The data type of IEventData object.
+     */
+    onFinishInsert(selector: string, dataType: string): void;
+    /**
+     * Intercepts a form submission and delegates processing to the widget.
+     *
+     * An simplified example of the process:
+     * - User clicks submit button in your form
+     * - This implicitly triggers a submission to the widget
+     * - The widget submits your form
+     *
+     * @note The widget's submit button will be hidden.
+     *
+     * @param {string} selector - css selector of your form
+     *
+     * @example
+     *
+     * ```html
+     * <body>
+     *  <form id="myForm">
+     *      <input name="amount">
+     *      <button type="submit">Submit</button>
+     *  </form>
+     *  <script>
+     *     widget.interceptSubmitForm('#myForm');
+     *  </script>
+     * </body>
+     * ```
+     */
+    interceptSubmitForm(selector: string): void;
+    /**
+     * This method hides a submit button and automatically execute form submit
+     */
+    useCheckoutAutoSubmit(): void;
+    /**
+     * Use this method for resize iFrame according content height
+     *
+     * @example
+     *
+     * ```javascript
+     * widget.useAutoResize();
+     *```
+     */
+    useAutoResize(): void;
+}
+
+/**
+ * Class Widget include method for working on html and include extended by HtmlMultiWidget methods
+ * @constructor
+ * @extends HtmlMultiWidget
+ * @extends MultiWidget
+ *
+ * @example
+ * var widget = new HtmlWidget('#widget', 'publicKey', 'gatewayID'); // short
+ *
+ * var widget = new HtmlWidget('#widget', 'publicKey', 'gatewayID', 'bank_account', 'payment_source'); // extend
+ *
+ * var widget = new HtmlWidget('#widget', 'publicKey', 'not_configured'); // without gateway
+ *
+ * @param {string} selector - Selector of html element. Container for widget
+ * @param {string} publicKey - PayDock users public key
+ * @param {string} [gatewayID=default] - ID of a gateway connected to PayDock. By default or if put 'default', it will use the selected default gateway. If put 'not_configured', it won’t use gateway to create downstream token.
+ * @param {string} [paymentType=card] - Type of payment source which shows in widget form. Available parameters : “card”, “bank_account”.
+ * @param {string} [purpose=payment_source] - Purpose of widget form. Available parameters: ‘payment_source’, ‘card_payment_source_with_cvv’, ‘card_payment_source_without_cvv’
+ */
+declare class HtmlWidget extends HtmlMultiWidget {
+    /** @constructs */ constructor(selector: string, publicKey: string, gatewayID?: string, paymentType?: string, purpose?: PURPOSE);
+    /**
+     * Destination, where customer will receive all successful responses.
+     * Response will contain “data” object with “payment_source” or other parameters, in depending on 'purpose'
+     *
+     * @example
+     * widget.setWebHookDestination('http://google.com');
+     *
+     * @param {string} url - Your endpoint for post request.
+     */
+    setWebHookDestination(url: string): void;
+    /**
+     * URL to which the Customer will be redirected to after the success finish
+     *
+     * @example
+     * widget.setSuccessRedirectUrl('google.com/search?q=success');
+     *
+     * @param {string}  url
+     */
+    setSuccessRedirectUrl(url: string): void;
+    /**
+     * URL to which the Customer will be redirected to if an error is triggered in the process of operation
+     *
+     * @example
+     * widget.setErrorRedirectUrl('google.com/search?q=error');
+     *
+     * @param {string} url
+     */
+    setErrorRedirectUrl(url: string): void;
+    /**
+     *  Set list with widget form field, which will be shown in form. Also you can set the required validation for these fields
+     *
+     * @example
+     * widget.setFormFields(['phone', 'email', 'first_name*']);
+     *
+     * @param {string[]} fields - name of fields which can be shown in a widget.
+     * If after a name of a field, you put “*”, this field will be required on client-side. (For validation, you can specify any fields, even those that are shown by default: card_number, expiration, etc... ) [FORM_FIELD]{@link FORM_FIELD}
+     */
+    setFormFields(fields: string[]): void;
+    /**
+     * The method to set the full configuration for the all specific form elements (visibility, required, label, placeholder, value)
+     * You can also use the other method for the partial configuration like: setFormFields, setFormValues, setFormPlaceholder, setFormLabel
+     *
+     * @example
+     *   widget.setFormElements([
+     *       {
+     *           field:  'card_name*',
+     *           placeholder: 'Input your card holder name...',
+     *           label: 'Card Holder Name',
+     *           value: 'Houston',
+     *       },
+     *       {
+     *           field:  'email',
+     *           placeholder: 'Input your email, like test@example.com',
+     *           label: 'Email for the receipt',
+     *           value: 'predefined@email.com',
+     *       },
+     *   ])
+     *
+     * @param { Object[] } elements - List of elements
+     * @param { string } elements[].field - Field name of element. If after a name of a field, you put “*”, this field will be required on client-side. (For validation, you can specify any fields, even those that are shown by default: card_number, expiration, etc... ) [FORM_FIELD]{@link FORM_FIELD}
+     * @param { string } elements[].placeholder - Set custom placeholders in form fields
+     * @param { string } elements[].label - Set a custom labels near the form field
+     * @param { string } elements[].value - Set predefined values for the form field
+     */
+    setFormElements(elements: IFormElement[]): void;
+    setFormElement(element: IFormElement): void;
+    /**
+       * The method to set meta information for the checkout page
+       *
+       * @example
+       * config.setMeta({
+              brand_name: 'paydock',
+              reference: '15',
+              email: 'wault@paydock.com'
+          });
+       *
+       * @param {IPayPalMeta | IBamboraMeta} object - data which can be shown on checkout page [IPayPalMeta]{@link IPayPalMeta} [IBamboraMeta]{@link IBamboraMeta}
+       */
+    setMeta(meta: IPayPalMeta | IBamboraMeta): void;
+    setGiftCardScheme(giftCardScheme: any, processingNetwork: any): void;
+}
+
+/**
+ * Contains basic information associated with the event.
+ *
+ * Including event (name), source of the message, purpose and a unique identifier
+ * for the event.
+ *
+ * @interface IEventData
+ *
+ * @param {string} event The name of the event.
+ * @param {string} message_source A system variable that identifies the event source.
+ * @param {string} purpose A system variable that states the purpose of the event.
+ * @param {string} [ref_id] Custom unique value that identifies result of processed operation.
+ */
+interface IEventData$1 {
+    event: string;
+    message_source: string;
+    purpose: PURPOSE;
+    widget_id: string;
+    data?: any;
+    ref_id?: string;
+    error?: IEventError;
+}
+declare const EVENT$1: {
+    readonly AFTER_LOAD: "afterLoad";
+    readonly SUBMIT: "submit";
+    readonly FINISH: "finish";
+    readonly VALIDATION_ERROR: "validationError";
+    readonly SYSTEM_ERROR: "systemError";
+    readonly ERROR: "error";
+    /** @deprecated */
+    readonly CHECKOUT_SUCCESS: "checkoutSuccess";
+    readonly CHECKOUT_READY: "checkoutReady";
+    readonly CHECKOUT_ERROR: "checkoutError";
+    readonly CHECKOUT_COMPLETED: "checkoutCompleted";
+    readonly CHECKOUT_POPUP_OPEN: "checkoutPopupOpen";
+    readonly CHECKOUT_POPUP_CLOSE: "checkoutPopupClose";
+    readonly RECOGNITION_TOKEN_REQUESTED: "recognitionTokenRequested";
+    readonly RECOGNITION_TOKEN_DROPPED: "recognitionTokenDropped";
+    readonly VALIDATION: "validation";
+    readonly SELECT: "select";
+    readonly UNSELECT: "unselect";
+    readonly NEXT: "next";
+    readonly PREV: "prev";
+    readonly META_CHANGE: "metaChange";
+    readonly RESIZE: "resize";
+    readonly CHARGE_AUTH_SUCCESS: "chargeAuthSuccess";
+    readonly CHARGE_AUTH_REJECT: "chargeAuthReject";
+    readonly CHARGE_AUTH_CANCELLED: "chargeAuthCancelled";
+    readonly ADDITIONAL_DATA_SUCCESS: "additionalDataCollectSuccess";
+    readonly ADDITIONAL_DATA_REJECT: "additionalDataCollectReject";
+    readonly CHARGE_AUTH: "chargeAuth";
+    readonly DISPATCH_SUCCESS: "dispatchSuccess";
+    readonly DISPATCH_ERROR: "dispatchError";
+};
+type EventTypes = typeof EVENT$1[keyof typeof EVENT$1];
+interface Listener {
+    event: string;
+    listener: (event: any) => void;
+    widget_id: string;
+}
+declare type Listeners = Listener[];
+declare class IFrameEvent {
+    protected listeners: Listeners;
+    constructor(subject: Window | null);
+    emit(data: IEventData$1): void;
+    on<T>(eventName: string, widgetId: string, cb: (data: T) => void): void;
+    clear(): void;
+    private subscribe;
+}
+
+declare class EventEmitter {
+    private events;
+    emit<T>(eventName: string, data?: T): void;
+    emitWithResult<T, R>(eventName: string, data?: T): Promise<R[]>;
+    subscribe<T>(eventName: string, handler: (data: T) => void): () => void;
+}
+
+declare class Standalone3dsService {
+    protected container: Container;
+    protected eventEmitter: EventEmitter;
+    protected env: string;
+    protected alias: string;
+    constructor(container: Container, eventEmitter: any);
+    load(token: string, options: {
+        title: string;
+    }): void;
+    setEnv(env: string, alias?: string): void;
+}
+
+/**
+ * List of available token's content formats
+ * @enum TOKEN_FORMAT
+ *
+ * @type {object}
+ * @param {string} HTML=html
+ */
+declare enum TOKEN_FORMAT {
+    HTML = "html",
+    URL = "url",
+    STANDALONE_3DS = "standalone_3ds"
+}
+/**
+ * List of available event's name
+ * @const EVENT
+ *
+ * @type {object}
+ * @param {string} CHARGE_AUTH_SUCCESS=chargeAuthSuccess
+ * @param {string} CHARGE_AUTH_REJECT=chargeAuthReject
+ * @param {string} ADDITIONAL_DATA_SUCCESS=additionalDataCollectSuccess
+ * @param {string} ADDITIONAL_DATA_REJECT=additionalDataCollectReject
+ * @param {string} CHARGE_AUTH=chargeAuth
+ */
+/**
+ * List of available event's name for Standalone 3ds flow
+ * @const STANDALONE_3DS_EVENT
+ *
+ * @type {object}
+ * @param {string} CHARGE_AUTH_SUCCESS=chargeAuthSuccess
+ * @param {string} CHARGE_AUTH_REJECT=chargeAuthReject
+ * @param {string} CHARGE_AUTH_DECOUPLED=chargeAuthDecoupled
+ * @param {string} CHARGE_AUTH_CHALLENGE=chargeAuthChallenge
+ * @param {string} CHARGE_AUTH_INFO=chargeAuthInfo
+ * @param {string} ERROR=error
+*/
+/**
+ * Class Canvas3ds include method for working on html
+ * @constructor
+ *
+ * @param {string} selector - Selector of html element. Container for widget
+ * @param {string} token - Pre authorized token
+ * @example
+ * var widget = new Canvas3ds('#widget', 'token');
+ *
+ *
+ */
+declare class Canvas3ds {
+    protected link: Link;
+    protected configs: Configuration[];
+    protected publicKey: string;
+    protected token: {
+        content: string;
+        format: TOKEN_FORMAT;
+        charge_3ds_id: string;
+    };
+    protected standalone3dsService: Standalone3dsService;
+    protected container: Container;
+    protected iFrame: IFrame;
+    protected event: IFrameEvent;
+    protected eventEmitter: EventEmitter;
+    /** @constructs */ constructor(selector: string, token: string);
+    protected static extractToken(token: string): {
+        content: string;
+        format: TOKEN_FORMAT;
+        charge_3ds_id: string;
+    };
+    /**
+     * The final method to beginning, the load process of widget to html
+     *
+     */
+    load(): void;
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     *
+     * @example
+     * widget.setEnv('production');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env: string, alias?: string): void;
+    getEnv(): string;
+    on(eventName: string): Promise<IEventData$1>;
+    on(eventName: string, cb: (data: IEventData$1) => void): any;
+    /**
+     * Using this method you can hide widget after load
+     * @param {boolean} [saveSize=false] - using this param you can save iframe's size
+     */
+    hide(saveSize: boolean): void;
+    /**
+     * Using this method you can show widget after using hide method
+     *
+     */
+    show(): void;
+    /**
+     * Using this method you can reload widget
+     *
+     */
+    reload(): void;
+}
+
+/**
+ * @type {object}
+ * @param {string} CLICK=click
+ * @param {string} POPUP_REDIRECT=popup_redirect
+ * @param {string} ERROR=error
+ * @param {string} ACCEPTED=accepted
+ * @param {string} FINISH=finish
+ * @param {string} CLOSE=close
+ */
+declare const CHECKOUT_BUTTON_EVENT: {
+    CLICK: string;
+    POPUP_REDIRECT: string;
+    REDIRECT: string;
+    ERROR: string;
+    REFERRED: string;
+    DECLINED: string;
+    CANCELLED: string;
+    ACCEPTED: string;
+    FINISH: string;
+    CLOSE: string;
+};
+/**
+ * @type {object}
+ * @param {string} CONTEXTUAL=contextual
+ * @param {string} REDIRECT=redirect
+ */
+declare enum CHECKOUT_MODE {
+    CONTEXTUAL = "contextual",
+    REDIRECT = "redirect"
+}
+/**
+ * @type {object}
+ * @param {string} ZIPMONEY=Zipmoney
+ * @param {string} PAYPAL=PaypalClassic
+ * @param {string} AFTERPAY=Afterpay
+ */
+declare enum GATEWAY_TYPE {
+    ZIPMONEY = "Zipmoney",
+    PAYPAL = "PaypalClassic",
+    AFTERPAY = "Afterpay"
+}
+interface IEventCheckoutFinishData {
+    payment_source_token: string;
+    checkout_email: string;
+    checkout_holder: string;
+    gateway_type: string;
+}
+
+/**
+ * Class Background create overlay for checkout
+ *
+ * @example
+ * var overlay = new Background();
+ */
+declare class Background {
+    protected description: string;
+    protected title: string;
+    protected overlay: HTMLElement;
+    protected style: HTMLStyleElement;
+    protected eventEmitter: EventEmitter;
+    protected showControl: boolean;
+    protected showLoader: boolean;
+    constructor();
+    initControl(): void;
+    initLoader(): void;
+    private eventHandler;
+    clear(): void;
+    private createLoader;
+    protected createTemplate(): void;
+    private createStyles;
+    setBackdropDescription(text: string): void;
+    setBackdropTitle(text: string): void;
+    onTrigger(triggerName: string, cb: () => void): void;
+    isInit(): boolean;
+    hideContinueControl(): void;
+    turnOffControl(): void;
+    turnOffLoader(): void;
+}
+
+declare type SuccessCb = (data: any, status: number) => void;
+declare type ErrorCb = (err: any, status: number) => void;
+declare abstract class HttpCore {
+    private env;
+    constructor();
+    setEnv(env: string, alias?: string): void;
+    getEnv(): string;
+    protected getUrl(): string;
+    protected create(accessToken: string, data: any, cb: SuccessCb, errorCb: ErrorCb): void;
+    protected get(accessToken: string, cb: SuccessCb, errorCb: ErrorCb): void;
+    protected parser(text: any, status: number, cb: SuccessCb, errorCb: ErrorCb): void;
+    protected abstract getLink(): string;
+}
+
+interface IBody$1 {
+    gateway_id: string;
+    success_redirect_url: string;
+    error_redirect_url: string;
+    redirect_url: string;
+    meta: IPayPalMeta;
+    description?: string;
+}
+interface ICheckout {
+    gateway_id: string;
+    checkout_type: string;
+    gateway_type: string;
+    link: string;
+    reference_id: string;
+    token: string;
+    mode?: string;
+}
+declare class Builder$1 extends HttpCore {
+    private body;
+    constructor(gatewayID: string, successRedirectUrl: string, errorRedirectUrl: string);
+    protected getLink(): string;
+    setDescriptions(text: string): void;
+    setMeta(meta: IPayPalMeta): void;
+    getConfigs(): IBody$1;
+    send(publicKey: string, cb: (checkout: ICheckout) => void, errorCb?: (error: any, code: string) => void): void;
+}
+
+interface IDetails {
+    checkout_email: string;
+    checkout_holder: string;
+    status: string;
+    gateway_type: string;
+}
+declare class Checker extends HttpCore {
+    token: string;
+    constructor(token: string);
+    protected getLink(): string;
+    send(accessToken: string, cb: (details: IDetails) => void, errorCb?: (error: any) => void): void;
+}
+
+type AdditionalParams = Record<string, string | number | boolean>;
+interface IRunner {
+    next(checkoutData: ICheckout, params?: AdditionalParams): void;
+    error(error: string, code: string, cb: (close: boolean) => void): void;
+    getSuccessRedirectUri(): string;
+    getErrorRedirectUri(): string;
+    setEnv(env: string, alias?: string): void;
+}
+
+interface IDispatcherData {
+    message_source: string;
+    event: string;
+}
+
+interface IContextualRunner extends IRunner {
+    run(): void;
+    isRunning(): boolean;
+    continue(): void;
+    stop(): void;
+    onStop(cb: () => void): void;
+    onCheckout<T extends IDispatcherData>(event: string, cb: (checkout: ICheckout, data?: T) => void): void;
+    setBackgroundTitle(text: string): void;
+    setBackgroundDescription(text: string): void;
+    turnOffBackdrop(): void;
+    setSuspendedRedirectUri(uri: string): void;
+}
+
+interface IRedirectRunner extends IRunner {
+    setRedirectUrl(url: string): void;
+    getRedirectUrl(): string;
+    getProxyRedirectUrl(): string;
+}
+
+interface CheckoutContextualHandlerParams {
+    accessToken: string;
+    gatewayId: string;
+}
+declare class CheckoutContextualHandler {
+    protected background: Background;
+    protected runner: IContextualRunner;
+    protected eventEmitter: EventEmitter;
+    protected params: CheckoutContextualHandlerParams;
+    protected env: string;
+    protected details: IDetails;
+    constructor(background: Background, runner: IContextualRunner, eventEmitter: EventEmitter, params: CheckoutContextualHandlerParams);
+    init(env: string): void;
+    setEnv(env: string): void;
+    protected checkToken(token: string, cb: () => void): void;
+    protected createOneTimeToken(token: string): void;
+}
+
+/**
+ * Class CheckoutButton transform usual button into checkout
+ *
+ * @constructor
+ *
+ * @param {string} selector - Selector of html element.
+ * @param {string} aceessToken - PayDock access token or users public key
+ * @param {string} [gatewayId=default] - PayDock's gatewayId. By default or if put 'default', it will use the selected default gateway
+ * @param {string} [type=PaypalClassic] - Type of gateway (PaypalClassic, Zipmoney)
+ * @example
+ * var widget = new CheckoutButton('#button', 'accessToken','gatewayId');
+ */
+declare class CheckoutButton {
+    protected accessToken: string;
+    protected gatewayId: string;
+    protected gatewayType: GATEWAY_TYPE;
+    protected mode: CHECKOUT_MODE;
+    protected window: Window;
+    protected eventEmitter: EventEmitter;
+    protected container: Container;
+    protected meta: IPayPalMeta;
+    protected runner: IContextualRunner | IRedirectRunner;
+    protected background?: Background;
+    protected checkoutHandler?: CheckoutContextualHandler;
+    protected env: string;
+    protected alias?: string;
+    /** @constructs */ constructor(selector: string, accessToken: string, gatewayId?: string, gatewayType?: GATEWAY_TYPE, mode?: CHECKOUT_MODE);
+    protected chooseRunner(gatewayType: GATEWAY_TYPE, mode: CHECKOUT_MODE): void;
+    protected buildAdditionalParams(): AdditionalParams;
+    protected initCheckout(container: Container): void;
+    /**
+     * This callback will be called for each event in payment source widget
+     *
+     * @callback listener
+     */
+    /**
+     * Listen to events of widget
+     *
+     * @example
+     *
+     * widget.on('click', function () {
+     *
+     * });
+     * @param {string} eventName - Available event names [CHECKOUT_BUTTON_EVENT]{@link CHECKOUT_BUTTON_EVENT}
+     * @param {listener} cb
+     */
+    on<T = object>(name: string, handler: (data: T) => void): void;
+    /**
+     * Close popup window forcibly.
+     * Only for 'contextual' mode.
+     *
+     */
+    close(): void;
+    /**
+     * After finish event of checkout button, data (dataType) will be insert to input (selector)
+     *
+     * @param {string} selector - css selector . [] #
+     * @param {string} dataType - data type of IEventCheckoutFinishData [IEventCheckoutFinishData]{@link #IEventCheckoutFinishData}.
+     */
+    onFinishInsert(selector: string, dataType: string): void;
+    /**
+     * Method for setting meta information for checkout page
+     *
+     * @example
+     * button.setMeta({
+            brand_name: 'paydock',
+            reference: '15',
+            email: 'wault@paydock.com'
+        });
+     *
+     * @param {(IPayPalMeta|IAfterpayMeta|IZipmoneyMeta)} meta - Data which can be shown on checkout page [IPayPalMeta]{@link IPayPalMeta} [IZipmoneyMeta]{@link IZipmoneyMeta} [IAfterpayMeta]{@link IAfterpayMeta}
+     */
+    setMeta(meta: IPayPalMeta | IAfterpayMeta | IZipmoneyMeta): void;
+    /**
+     * Method for setting backdrop description.
+     * Only for 'contextual' mode.
+     *
+     * @example
+     * button.setBackdropDescription('Custom description');
+     *
+     * @param {string} text - description which can be shown in overlay of back side checkout page
+     */
+    setBackdropDescription(text: string): void;
+    /**
+     * Method for setting backdrop title.
+     * Only for 'contextual' mode.
+     *
+     * @example
+     * button.setBackdropTitle('Custom title');
+     *
+     * @param {text} string - title which can be shown in overlay of back side checkout page
+     */
+    setBackdropTitle(text: string): void;
+    /**
+     * Method for setting suspended redirect uri. Redirect after referred checkout.
+     * Only for 'contextual' mode.
+     *
+     * @param {uri} string - uri for redirect (by default)
+     */
+    setSuspendedRedirectUri(uri: string): void;
+    /**
+     * Method for setting the merchant redirect URL.
+     * Merchant's customers redirect after successfull checkout.
+     * Only for 'redirect' mode.
+     *
+     * @param {url} string - redirect url
+     */
+    setRedirectUrl(url: string): void;
+    getSuccessRedirectUri(): string;
+    /**
+     * Method for disable backdrop on the page.
+     * Only for 'contextual' mode.
+     *
+     * @example
+     * button.turnOffBackdrop();
+     *
+     */
+    turnOffBackdrop(): void;
+    protected turnOffControlBackdrop(): void;
+    protected turnOffLoaderBackdrop(): void;
+    setEnv(env: string, alias?: string): void;
+    getEnv(): string;
+    private getRunnerByMode;
+    private assertMethodSupport;
+}
+
+interface ZipmoneyRunnerParams extends AdditionalParams {
+    gateway_id: string;
+    public_key: string;
+}
+
+/**
+ * Class ZipmoneyCheckoutButton is wrapper of CheckoutButton transform usual button into checkout
+ *
+ * @extends CheckoutButton
+ *
+ * @constructor
+ *
+ * @param {string} selector - Selector of html element.
+ * @param {string} publicKey - PayDock users public key
+ * @param {string} [gatewayId=default] - PayDock's gatewayId. By default or if put 'default', it will use the selected default gateway
+ * @param {string} [gatewayId=default] - Checkout mode, it could be set to 'contextual' or 'redirect'. By default it 'contextual'
+ * @example
+ * var widget = new ZipmoneyCheckoutButton('#button', 'publicKey','gatewayId');
+ */
+declare class ZipmoneyCheckoutButton extends CheckoutButton {
+    protected publicKey: string;
+    protected gatewayId: string;
+    protected mode: CHECKOUT_MODE;
+    /** @constructs */ constructor(selector: string, publicKey: string, gatewayId?: string, mode?: CHECKOUT_MODE);
+    /**
+     * Method for setting suspended redirect uri. Redirect after referred checkout
+     *
+     * The URI is used for a redirect after the checkout is complete.
+     * This can be provided, even if using in-context checkout (sdk). By default, the standard styled page will be used.
+     * If using in-context (sdk) we will not automatically redirect to this URI.
+     *
+
+     * @param {uri} string - uri for suspended redirect (by default)
+     */
+    setSuspendedRedirectUri(uri: string): void;
+    /**
+     * Method for setting the merchant redirect URL.
+     * The merchant's customers would be redirected to the specified URL
+     * at the end of ZipMoney checkout flow.
+     *
+     * Once the redirect URL would be set, the checkout flow would be immediately switched
+     * from 'contextual' mode to the 'redirect' mode.
+     * The merchant's customer would be automatically redirected to this URL after the checkout is complete.
+     *
+     * @param {url} string - URL for redirect
+     */
+    setRedirectUrl(url: string): void;
+    protected buildAdditionalParams(): ZipmoneyRunnerParams;
+}
+
+/**
+ * Class AfterpayCheckoutButton is wrapper of CheckoutButton transform usual button into checkout
+ *
+ * @extends CheckoutButton
+ *
+ * @constructor
+ *
+ * @param {string} selector - Selector of html element.
+ * @param {string} accessToken - PayDock access-token or users public key
+ * @param {string} [gatewayId=default] - PayDock's gatewayId. By default or if put 'default', it will use the selected default gateway
+ * @example
+ * var widget = new AfterpayCheckoutButton('#button', 'access-token','gatewayId');
+ */
+declare class AfterpayCheckoutButton extends CheckoutButton {
+    protected accessToken: string;
+    protected gatewayId: string;
+    protected showETP: boolean;
+    /** @constructs */ constructor(selector: string, accessToken: string, gatewayId?: string);
+    /**
+     * Method which toggles the "Enhanced Tracking Protection" warning popup to 'on' mode.
+     *
+     * This popup with a warning about "Enhanced Tracking Protection" limitations
+     * would be shown in the Mozilla Firefox browser version 100+
+     *
+     * By default, the popup would not be shown, until
+     * the flag would be set to `true`
+
+     * @param {doShow} boolean - flag which toggle the popup visibility
+     */
+    showEnhancedTrackingProtectionPopup(doShow: boolean): void;
+    protected buildAdditionalParams(): AdditionalParams;
+}
+
+/**
+ * Class PaypalCheckoutButton is wrapper of CheckoutButton transform usual button into checkout
+ *
+ * @extends CheckoutButton
+ *
+ * @constructor
+ *
+ * @param {string} selector - Selector of html element.
+ * @param {string} publicKey - PayDock users public key
+ * @param {string} [gatewayId=default] - PayDock's gatewayId. By default or if put 'default', it will use the selected default gateway
+ * @example
+ * var widget = new PaypalCheckoutButton('#button', 'publicKey','gatewayId');
+ */
+declare class PaypalCheckoutButton extends CheckoutButton {
+    protected publicKey: string;
+    protected gatewayId: string;
+    /** @constructs */ constructor(selector: string, publicKey: string, gatewayId?: string);
+}
+
+type Mode = (typeof MODES)[number];
+declare const MODES: readonly ["live", "test"];
+type FraudPreventionProvider = (typeof PROVIDERS)[keyof typeof PROVIDERS];
+declare const PROVIDERS: {
+    readonly FORTER: "forter";
+};
+
+declare const NAMESPACE = "fraudPrevention";
+declare const TYPES: {
+    readonly FINGERPRINT_TOKEN_ERROR: "fingerprint-token-error";
+    readonly FINTERPRINT_TOKEN_READY: "fingerprint-token-ready";
+};
+declare const FRAUD_PREVENTION_EVENTS: {
+    readonly NAMESPACE: "fraudPrevention";
+    readonly TYPES: {
+        readonly FINGERPRINT_TOKEN_ERROR: "fingerprint-token-error";
+        readonly FINTERPRINT_TOKEN_READY: "fingerprint-token-ready";
+    };
+    readonly PROVIDERS: {
+        readonly FORTER: "forter";
+    };
+};
+type FraudPreventionEventType = (typeof TYPES)[keyof typeof TYPES];
+type FraudPreventionEventFingerprintTokenReady = {
+    type: Extract<FraudPreventionEventType, 'fingerprint-token-ready'>;
+    provider: FraudPreventionProvider;
+    payload: {
+        token: string;
+    };
+};
+type FraudPreventionEventFingerprintTokenError = {
+    type: Extract<FraudPreventionEventType, 'fingerprint-token-error'>;
+    provider: FraudPreventionProvider;
+    payload: {
+        code: 'unexpected_token_type';
+        message: string;
+    };
+};
+type FraudPreventionEvent = FraudPreventionEventFingerprintTokenReady | FraudPreventionEventFingerprintTokenError;
+interface IFraudPreventionEventMap {
+    [NAMESPACE]: CustomEvent<FraudPreventionEvent>;
+}
+declare global {
+    interface DocumentEventMap extends IFraudPreventionEventMap {
+    }
+}
+
+type ResultFailure<F> = Readonly<[null, F]>;
+type ResultSuccess<S> = Readonly<[S, null]>;
+type Result<S = unknown, F = unknown> = ResultFailure<F> | ResultSuccess<S>;
+
+/**
+ * Configuration options for the Forter Device Agent
+ *
+ * @typedef {Object} ForterDeviceAgentConfig
+ * @property {string} siteId - Your Forter site ID or subsite merchant ID
+ * @property {boolean} csp - Set to true if your site uses Content-Security-Policy
+ * @property {'live' | 'test'} mode - Environment mode, must be either 'live' or 'test'
+ */
+type ForterDeviceAgentConfig = {
+    siteId: string;
+    csp: boolean;
+    mode: Mode;
+};
+/**
+ * A class that manages Forter's device fingerprinting integration.
+ * It handles script injection and token management.
+ *
+ * @example
+ *
+ * ```js
+ * const agent = new ForterDeviceAgent({
+ *   siteId: 'your-site-id',
+ *   csp: false,
+ *   mode: 'test'
+ * }).init();
+ *
+ * // Later, access the token
+ * const token = agent.token;
+ * ```
+ */
+declare class ForterDeviceAgent {
+    private readonly config;
+    private cookieToken;
+    /**
+     * Creates a new instance of ForterDeviceAgent
+     *
+     * @param {ForterDeviceAgentConfig} config - Configuration object for Forter integration
+     */
+    constructor(config: ForterDeviceAgentConfig);
+    /**
+     * Returns the current Forter token if available
+     *
+     * @returns {string | null} The Forter token or null if not yet available
+     *
+     * @example
+     *
+     * ```js
+     * const token = forterAgent.token;
+     * if (token) {
+     *   // Use the token
+     * }
+     * ```
+     */
+    get token(): string | null;
+    /**
+     * Initializes the Forter Device Agent by injecting the required script
+     * and setting up event listeners.
+     *
+     * @returns {ForterDeviceAgent} The current instance for method chaining
+     *
+     * @example
+     *
+     * ```js
+     * const agent = new ForterDeviceAgent(config).init();
+     * ```
+     */
+    init(): ForterDeviceAgent;
+    private emit;
+    private emitFingerprintTokenWrongTypeError;
+    private emitFingerprintTokenReady;
+    private getScriptContent;
+    private injectScript;
+    private subscribeSdkEvents;
+    private validateCsp;
+    private validateMode;
+    private validateSiteId;
+}
+
+type FraudPreventionConfig = {
+    mode: Mode;
+    environmentAlias?: string;
+    environmentId: string;
+};
+/**
+ * A class to manage integration fraud prevention integrations.
+ *
+ * @example
+ *
+ * ```js
+ * const fps = new FraudPreventionService({
+ *   environmentId: 'production',
+ *   mode: 'live',
+ * });
+ * ```
+ */
+declare class FraudPreventionService {
+    private readonly environment;
+    private readonly httpFetcherFactory;
+    private readonly mode;
+    private authorizationStrategy;
+    private forterDeviceAgent;
+    /**
+     * @constructs
+     *
+     * @param {Object} config - FraudPreventionService configuration object
+     * @param {string} config.mode - Environment mode, must be either 'test' or 'live'
+     * @param {string} config.environmentId - Environment identifier
+     * @param {string} [config.environmentAlias] - Optional environment alias for API requests
+     */
+    constructor(config: FraudPreventionConfig);
+    /**
+     * Automatically detects and sets the authorization strategy the service should use
+     * based on the shape of the provided string.
+     *
+     * If the value is a JWT token, it will use an access token strategy, otherwise it will use
+     * a public key strategy.
+     *
+     * @param value - The authorization value (either JWT token or public key)
+     *
+     * @returns The FraudPreventionService instance for method chaining
+     *
+     * @example
+     * ```ts
+     * // With JWT token
+     * fps.withAuthorization('eyJhbGciOiJIUzI1NiIs...');
+     *
+     * // With public key
+     * fps.withAuthorization('pk_example_...');
+     * ```
+     */
+    withAuthorization(value: string): FraudPreventionService;
+    /**
+     * Sets the authorization strategy to use access token authentication.
+     *
+     * @param accessToken - The JWT access token
+     * @returns The FraudPreventionService instance for method chaining
+     *
+     * @example
+     *
+     * ```ts
+     * fps.withAccessTokenStrategy('eyJhbGciOiJIUzI1NiIs...');
+     * ```
+     */
+    withAccessTokenStrategy(accessToken: string): FraudPreventionService;
+    /**
+     * Sets the authorization strategy to use public key authentication.
+     *
+     * @param publicKey - The public key
+     * @returns The FraudPreventionService instance for method chaining
+     *
+     * @example
+     *
+     * ```ts
+     * fps.withPublicKeyStrategy('pk_example_...');
+     * ```
+     */
+    withPublicKeyStrategy(publicKey: string): FraudPreventionService;
+    /**
+     * Initializes Forter integration with the provided configuration. This method injects
+     * Forter's JavaScript snippet into the page and starts tracking user behavior.
+     *
+     * @param {Object} config - Configuration object for Forter integration
+     * @param {string} [config.siteId] - Your Forter site ID or subsite merchant ID
+     * @param {string} [config.providerId] - Your Paydock integrated Forter Service ID.
+     * @param {boolean} [config.csp] - Set to true if your site uses Content-Security-Policies
+     *
+     * @throws If neither siteId nor providerId are provided in the configuration
+     * @throws If providerId fails to resolve to a siteId through Paydock integration services
+     *
+     * @returns Promise with existing FraudPreventionService instance
+     *
+     * @example
+     *
+     * ```js
+     * await fps.withForter({
+     *   providerId: 'your-paydock-forter-service-id'
+     * });
+     * ```
+     *
+     * @example
+     *
+     * ```js
+     * await fps.withForter({
+     *   siteId: 'your-forter-site-id',
+     * });
+     * ```
+     */
+    withForter(config: {
+        csp?: boolean;
+    } & ({
+        siteId: string;
+        providerId?: never;
+    } | {
+        siteId?: never;
+        providerId: string;
+    })): Promise<this>;
+    /**
+     * Returns the initialized Forter device agent instance if available.
+     *
+     * Make sure to call withForter() before accessing this getter.
+     *
+     * @returns {ForterDeviceAgent | null} The Forter device agent instance or null if not initialized
+     *
+     * @example
+     *
+     * ```js
+     * const fps = new FraudPreventionService();
+     *
+     * fps.withForter({
+     *   siteId: 'your-site-id',
+     *   mode: 'test'
+     * });
+     *
+     * const token = fps.forter?.token;
+     * ```
+     */
+    get forter(): ForterDeviceAgent | null;
+    /**
+     * Gets the credentials for a specific fraud prevention provider.
+     *
+     * Returns different credential types based on the selected provider.
+     *
+     * @param provider - The fraud prevention provider
+     * @param providerId - The ID of the provider instance
+     *
+     * @returns a tuple with shape [providerSpecificCredentials, error]
+     */
+    getProviderCredentials<P extends FraudPreventionProvider>(provider: P, providerId: string): Promise<Result<P extends "forter" ? {
+        provider: "forter";
+        siteId: string;
+        subsiteId: string;
+    } : never, unknown>>;
+    private validateEnvironmentId;
+    private validateEnvironmentAlias;
+    private validateMode;
+}
+
+/**
+ *
+ * Class PaymentSourceWidget include method for for creating iframe url
+ * @constructor
+ *
+ * @param {string} publicKey - PayDock users public key
+ * @param {string} customer - PayDock's customer_id or customer_reference (In order to use the customer_reference, you must explicitly specify useReference as true)
+ * @param {boolean} [useReference=false]
+ *
+ * @example
+ * var widget = new PaymentSourceWidget('publicKey','customerId');
+ * // or
+ * var widget = new PaymentSourceWidget('publicKey', customerReference, true);
+ */
+declare class PaymentSourceWidget {
+    protected link: Link;
+    protected configs: Configuration[];
+    protected configTokens: string[];
+    protected publicKey: string;
+    /** @constructs */ constructor(accessToken: string, queryToken: string);
+    /**
+     * Object contain styles for widget
+     *
+     * @example
+     * widget.setStyles({
+     *       background_color: 'rgb(0, 0, 0)',
+     *       border_color: 'yellow',
+     *       text_color: '#FFFFAA',
+     *       icon_size: 'small',
+     *       font_size: '20px'
+     *   });
+     * @param {IStyles} fields - name of styles which can be shown in widget [STYLE]{@link STYLE}
+     */
+    setStyles(styles: IStyles$1): void;
+    setStyle(param: string, value: string): void;
+    /**
+     * Current method can set custom ID to identify the data in the future
+     *
+     * @example
+     * widget.setRefId('id');
+     *
+     * @param {string} refId - custom id
+     */
+    setRefId(refId: string): void;
+    /**
+     * Current method can set limit for payment sources count. In case when limit sets less then general count will be shown pagination buttons prev and next.
+     *
+     * @param {string} count - payment source count
+     */
+    setLimit(count: number): void;
+    /**
+     * Current method can change environment. By default environment = sandbox
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     *
+     * @example
+     * widget.setEnv('production');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env: string, alias?: string): void;
+    getEnv(): void;
+    /**
+     * Method for getting iframe's url
+     */
+    getIFrameUrl(): string;
+    /**
+     * Show payment source inside widget only with requested gateway ids
+     *
+     *
+     * @param {string[]} ids - List of gateway_id
+     */
+    filterByGatewayIds(ids: string[]): void;
+    /**
+     *
+     * Show payment source inside widget only with requested payment source types
+     *
+     * @param types - List of payment source types. Available parameters [PAYMENT_TYPE]{@link PAYMENT_TYPE}
+     */
+    filterByTypes(types: string[]): void;
+    /**
+     * Method for setting a custom language code
+     *
+     * @example
+     * config.setLanguage('en');
+     * @param {string} code - ISO 639-1
+     */
+    setLanguage(code: any): void;
+}
+
+interface IEventSelectData extends IEventData$1 {
+    customer_id: string;
+    payment_source_id: string;
+    gateway_id: string;
+    primary: boolean;
+    card_number_last4?: string;
+    card_scheme?: string;
+    checkout_email?: string;
+    gateway_type?: string;
+    payment_source_type: string;
+    account_name?: string;
+    account_number?: string;
+}
+interface IEventPaginationData extends IEventData$1 {
+    total_item: number;
+    skip: number;
+    limit: number;
+}
+interface IEventAfterLoadData extends IEventData$1 {
+    total_item: number;
+    skip: number;
+    limit: number;
+}
+interface IEventSizeData extends IEventData$1 {
+    height: number;
+    width: number;
+}
+/**
+ * Interface of data from event.
+ *
+ * @interface IEventSelectData
+ *
+ * @param {string} event
+ * @param {string} purpose
+ * @param {string} message_source
+ * @param {string} [ref_id]
+ * @param {string} customer_id
+ * @param {string} payment_source_id
+ * @param {string} gateway_id
+ * @param {boolean} primary
+ * @param {string} [widget_id]
+ * @param {string} [card_number_last4]
+ * @param {string} [card_scheme]
+ * @param {string} gateway_type
+ * @param {string} [checkout_email]
+ * @param {string} payment_source_type
+ * @param {string} [account_name]
+ * @param {string} [account_number]
+ * */
+/**
+ * Interface of data from event.
+ *
+ * @interface IEventPaginationData
+ *
+ * @param {string} event
+ * @param {string} purpose
+ * @param {string} message_source
+ * @param {string} [ref_id]
+ * @param {number} total_item
+ * @param {number} skip
+ * @param {number} limit
+ * */
+/**
+ * Interface of data from event.
+ *
+ * @interface IEventAfterLoadData
+ *
+ * @param {string} event The name of the event.
+ * @param {string} purpose A system variable that states the purpose of the event.
+ * @param {string} message_source A system variable that identifies the event source.
+ * @param {string} [ref_id] Custom unique value that identifies result of processed operation.
+ * @param {number} total_item Pagination param. Total item count
+ * @param {number} skip Pagination param. Skip items from first item
+ * @param {number} limit Pagination param. Query limit
+ * */
+/**
+ * Interface of data from event.
+ * @interface IEventFinishData
+ *
+ * @param {string} event The name of the event.
+ * @param {string} purpose A system variable that states the purpose of the event.
+ * @param {string} message_source A system variable that identifies the event source.
+ * @param {string} [ref_id] Custom unique value that identifies result of processed operation.
+ * */
+/**
+* Interface of data from event.
+* @interface IEventSizeData
+*
+* @param {number} event The name of the event.
+* @param {number} purpose A system variable that states the purpose of the event.
+* @param {string} message_source A system variable that identifies the event source.
+* @param {string} [ref_id] Custom unique value that identifies result of processed operation.
+* @param {number} height Height of iFrame
+* @param {number} width Width of iFrame
+* */
+/**
+ * List of available event's name
+ *
+ * @const EVENT
+ *
+ * @type {object}
+ * @param {string} AFTER_LOAD=afterLoad
+ * @param {string} SYSTEM_ERROR=systemError
+ * @param {string} SELECT=select
+ * @param {string} UNSELECT=unselect
+ * @param {string} NEXT=next
+ * @param {string} PREV=prev
+ * @param {string} META_CHANGE=metaChange
+ * @param {string} RESIZE=resize
+ */
+/**
+ * Class HtmlPaymentSourceWidget include method for working on html
+ * @constructor
+ * @extends PaymentSourceWidget
+ *
+ * @param {string} selector - Selector of html element. Container for widget
+ * @param {string} publicKey - PayDock users public key
+ * @param {string} queryToken - PayDock's query token that represents params to search customer by id or reference
+ * @example
+ *  * var widget = new HtmlPaymentSourceWidget('#widget', 'publicKey','queryToken');
+
+ */
+declare class HtmlPaymentSourceWidget extends PaymentSourceWidget {
+    protected container: Container;
+    protected iFrame: IFrame;
+    protected event: IFrameEvent;
+    /** @constructs */ constructor(selector: string, publicKey: string, queryToken: string);
+    /**
+     * The final method to beginning, the load process of widget to html
+     *
+     */
+    load(): void;
+    /**
+     * This callback will be called for each event in payment source widget
+     *
+     * @callback listener--PaymentSourceWidget
+     * @param {IEventData | IEventSelectData | IEventPaginationData | IEventAfterLoadData} response
+     */
+    /**
+     * Listen to events of widget
+     *
+     * @example
+     *
+     * widget.on('select', function (data) {
+     *      console.log(data);
+     * });
+     * @param {string} eventName - Available event names [EVENT]{@link EVENT}
+     * @param {listener--PaymentSourceWidget} cb
+     */
+    on(eventName: string, cb: (data: IEventData$1 | IEventSelectData | IEventPaginationData | IEventAfterLoadData | IEventSizeData) => void): void;
+    /**
+     * Using this method you can hide widget after load
+     * @param {boolean} [saveSize=false] - using this param you can save iframe's size
+     */
+    hide(saveSize: boolean): void;
+    /**
+     * Using this method you can show widget after using hide method
+     *
+     */
+    show(): void;
+    /**
+     * Using this method you can reload widget
+     *
+     */
+    reload(): void;
+    /**
+     * After select event of widget, data (dataType) will be insert to input (selector)
+     *
+     * @param {string} selector - css selector . [] #
+     * @param {string} dataType - data type of [IEventSelectData]{@link IEventSelectData}.
+     */
+    onSelectInsert(selector: string, dataType: string): void;
+}
+
+declare const TYPE: {
+    EXTERNAL_CHECKOUT_TOKEN: string;
+    CHECKOUT_TOKEN: string;
+    BANK_ACCOUNT: string;
+    CARD: string;
+};
+interface IBody {
+    gateway_id: string;
+    type: string;
+    checkout_token?: string;
+}
+declare class Builder extends HttpCore {
+    private body;
+    constructor(gatewayID: string, checkoutToken: string, type: string);
+    constructor(gatewayID: string, externalCheckoutToken: string, type: string);
+    constructor(gatewayID: string, card: any, type: string);
+    constructor(gatewayID: string, bankAccount: any, type: string);
+    protected getLink(): string;
+    send(accessToken: string, cb: (token: string) => void, errorCb?: (error: any) => void): void;
+    getConfigs(): IBody;
+}
+
+interface IBaseSRCMeta {
+    customizations?: IStyles;
+    dpa_data?: {
+        dpa_presentation_name?: string;
+        dpa_uri?: string;
+    };
+    dpa_transaction_options?: {
+        dpa_locale?: string;
+        dpa_accepted_billing_countries?: string[];
+        consumer_name_requested?: boolean;
+        consumer_email_address_requested?: boolean;
+        consumer_phone_number_requested?: boolean;
+        transaction_amount?: {
+            transaction_amount?: number;
+            transaction_currency_code?: string;
+        };
+        merchant_order_id?: string;
+        merchant_category_code?: string;
+        merchant_country_code?: string;
+    };
+}
+interface PhoneNumber {
+    country_code: string;
+    phone_number: string;
+}
+interface Customer {
+    email?: string;
+    phone?: {
+        country_code?: string;
+        phone?: string;
+    };
+    first_name?: string;
+    last_name?: string;
+}
+interface IClickToPayMeta extends IBaseSRCMeta {
+    dpa_data?: IBaseSRCMeta['dpa_data'] & {
+        dpa_address?: string;
+        dpa_email_address?: string;
+        dpa_phone_number?: PhoneNumber;
+        dpa_logo_uri?: string;
+        dpa_supported_email_address?: string;
+        dpa_supported_phone_number?: PhoneNumber;
+        dpa_uri?: string;
+        dpa_support_uri?: string;
+        application_type?: 'WEB_BROWSER' | 'MOBILE_APP';
+    };
+    disable_summary_screen?: boolean;
+    co_brand_names?: string[];
+    checkout_experience?: 'WITHIN_CHECKOUT' | 'PAYMENT_SETTINGS';
+    services?: 'INLINE_CHECKOUT' | 'INLINE_INSTALLMENTS';
+    dpa_transaction_options?: IBaseSRCMeta['dpa_transaction_options'] & {
+        dpa_billing_preference?: MASTERCARD_DPA_SHIPPING_BILLING_PREFERENCE;
+        payment_options?: Array<{
+            dynamic_data_type?: string;
+        }>;
+        order_type?: MASTERCARD_ORDER_TYPE;
+        three_ds_preference?: string;
+        confirm_payment?: boolean;
+    };
+    customer?: Customer;
+    unaccepted_card_type?: 'CREDIT' | 'DEBIT';
+    recognition_token?: string;
+}
+type MASTERCARD_DPA_SHIPPING_BILLING_PREFERENCE = 'FULL' | 'POSTAL_COUNTRY' | 'NONE';
+type MASTERCARD_ORDER_TYPE = 'SPLIT_SHIPMENT' | 'PREFERRED_CARD';
+interface IStyles {
+    primary_button_color?: string;
+    secondary_button_color?: string;
+    primary_button_text_color?: string;
+    secondary_button_text_color?: string;
+    font_family?: string;
+    enable_src_popup?: boolean;
+}
+
+declare class ApiChargeInternal {
+    protected api: ApiInternal;
+    constructor(api: ApiInternal);
+    walletCapture(payload: WalletCaptureBody): Promise<WalletCaptureResponse>;
+    walletCallback(payload: WalletCallbackBody): Promise<WalletCallbackResponse>;
+    standalone3dsProcess(payload: Standalone3dsProcessBody): Promise<ProcessAuthenticationResponse>;
+    standalone3dsHandle(): Promise<HandleResponseInterface>;
+}
+interface WalletCaptureResponse {
+    id: string;
+    amount: number;
+    currency: string;
+    status: string;
+}
+interface WalletCaptureBody {
+    payment_method_id?: string;
+    customer?: {
+        payment_source?: {
+            type?: string;
+            card_name?: string;
+            card_scheme?: string;
+            card_number_last4?: string;
+            expire_month?: number;
+            expire_year?: number;
+            address_line1?: string;
+            address_line2?: string;
+            address_city?: string;
+            address_postcode?: string;
+            address_state?: string;
+            address_country?: string;
+            external_payer_id?: string;
+            ref_token?: string;
+            wallet_express?: boolean;
+        };
+    };
+}
+interface WalletCallbackBody {
+    request_type: string;
+}
+interface WalletCallbackResponse {
+    id: string;
+    status: string;
+    callback_method: string;
+    callback_rel: string;
+    callback_url: string;
+}
+interface Standalone3dsProcessBody {
+    charge_3ds_id: string;
+}
+interface HandleResponseInterface {
+    status: string;
+    error: string;
+    result: {
+        reference: string;
+        reference_2: string;
+        identifier: string;
+        identifier_2: string;
+        identifier_3: string;
+        identifier_4: string;
+        identifier_5: string;
+        type: string;
+        status: string;
+        status_2: string;
+        status_code: string;
+        ref_token: string;
+        cancellation: string;
+        count: string;
+        version: string;
+        whitelist: {
+            status: string;
+            source: string;
+        };
+        result: string;
+    };
+}
+interface ProcessAuthenticationResponse {
+    status: string;
+    error?: string;
+    result?: {
+        challenge: string;
+        challenge_url: string;
+        decoupled_challenge: boolean;
+        frictionless: boolean;
+        identifier: string;
+        identifier_3: string;
+        identifier_4: string;
+        reference: string;
+        reference_2: string;
+        secondary_url: string;
+        skipped: boolean;
+        status: string;
+        type: string;
+        version: string;
+        description?: string;
+    };
+}
+
+declare class ApiGatewayInternal {
+    protected api: ApiInternal;
+    constructor(api: ApiInternal);
+    getWalletConfig(gateway_id: string): Promise<GetWalletConfigResponse>;
+}
+interface GetWalletConfigResponse {
+    type: string;
+    mode: string;
+    credentials?: object;
+}
+
+declare class ApiServiceInternal {
+    protected api: ApiInternal;
+    constructor(api: ApiInternal);
+    getConfig(service_id: string): Promise<GetConfigResponse>;
+}
+interface GetConfigResponse {
+    type: string;
+    merchant: string;
+    username: string;
+    password: string;
+    certificate: string;
+    certificate_passphrase: string;
+}
+
+declare class ApiCheckoutInternal {
+    protected api: ApiInternal;
+    constructor(api: ApiInternal);
+    instructions(): Observable<object>;
+    private getInstructionLink;
+    callback(payload: Object): Promise<Object>;
+    status(id: string): Promise<Object>;
+}
+
+declare class ApiInternal extends ApiBase {
+    charge(): ApiChargeInternal;
+    service(): ApiServiceInternal;
+    checkout(): ApiCheckoutInternal;
+    gateway(): ApiGatewayInternal;
+}
+
+interface SRCProvider {
+    load(): void;
+    getEnv(): string;
+    hideButton?(saveSize: boolean): void;
+    showButton?(): void;
+    hideCheckout?(saveSize: boolean): void;
+    showCheckout?(): void;
+    reload(): void;
+    useAutoResize?(): void;
+}
+
+declare abstract class SRC {
+    protected iframe_selector: string;
+    protected service_id: string;
+    protected public_key_or_access_token: string;
+    protected meta: IClickToPayMeta;
+    protected eventEmitter: EventEmitter;
+    protected env: string;
+    protected alias?: string;
+    protected api: ApiInternal;
+    protected provider: SRCProvider;
+    protected autoResize: boolean;
+    protected style: IStyles;
+    constructor(iframe_selector: string, service_id: string, public_key_or_access_token: string, meta: IClickToPayMeta);
+    /**
+    * Object contain styles for widget - call before `.load()`.
+    *
+    * @example
+    * widget.setStyles({
+    *     enable_src_popup: true
+    *     primary_button_color: 'red',
+    *     secondary_button_color: 'blue',
+    *     primary_button_text_color: 'white',
+    *     secondary_button_text_color: 'white',
+    *     font_family: 'Arial',
+    * });
+    * @param {IStyles} fields - name of styles which can be shown in widget [STYLE]{@link STYLE}
+    */
+    setStyles(styles: IStyles): void;
+    private setStyle;
+    load(): void;
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     *
+     * @example
+     * SRC.setEnv('production');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env: string, alias?: string): void;
+    /**
+     * Method to read the current environment
+     *
+     * @example
+     * SRC.getEnv();
+     */
+    getEnv(): string;
+    on(eventName: string): Promise<any>;
+    on(eventName: string, cb: (data: any) => void): any;
+    /**
+     * Using this method you can hide checkout after load and button click
+     * @param {boolean} [saveSize=false] - using this param you can save iframe's size (if applicable)
+     *
+     * @example
+     * SRC.hideCheckout();
+     */
+    hideCheckout(saveSize: boolean): void;
+    /**
+     * Using this method you can show checkout after using hideCheckout method
+     *
+     * @example
+     * SRC.showCheckout()
+     */
+    showCheckout(): void;
+    /**
+     * Using this method you can reload the whole checkout
+     *
+     * @example
+     * SRC.reload()
+     */
+    reload(): void;
+    /**
+     * Use this method for resize checkout iFrame according to content height, if applicable
+     *
+     * @example
+     * SRC.useAutoResize();
+     *
+     */
+    useAutoResize(): void;
+}
+
+/**
+ * Class ClickToPay include methods for interacting with the ClickToPay checkout and Manual Card option
+ *
+ * @extends SRC
+ *
+ * @constructor
+ *
+ * @param {string} iframe_selector - Selector of html element. Container for Click To Pay checkout iFrame.
+ * @param {string} service_id - Card Scheme Service ID
+ * @param {string} public_key_or_access_token - Paydock public key or Access Token
+ * @param {IClickToPayMeta} meta - Data that configures the Click To Pay checkout
+ * @example
+ * var mastercardSRC = new ClickToPay('#checkoutIframe', 'service_id', 'public_key', {});
+ *
+ */
+declare class ClickToPay extends SRC {
+    protected iframe_selector: string;
+    protected service_id: string;
+    protected public_key_or_access_token: string;
+    protected meta: IClickToPayMeta;
+    /** @constructs */ constructor(iframe_selector: string, service_id: string, public_key_or_access_token: string, meta: IClickToPayMeta);
+    /**
+     * The final method after configuring the SRC to start the load process of Click To Pay checkout
+     *
+     */
+    load(): void;
+}
+
+declare class VaultDisplayIframeEvent extends IFrameEvent {
+    on<T>(eventName: string, widgetId: string, cb: (data: T) => void): void;
+}
+
+/**
+ * Class VaultDisplayWidget include method for working on html
+ * @constructor
+ *
+ * @example
+ * var widget = new VaultDisplayWidget('#widget', 'token');
+ *
+ * @param {string} selector - Selector of html element. Container for widget
+ * @param {string} token - One time token
+ */
+declare class VaultDisplayWidget {
+    protected container: Container;
+    protected iFrame: IFrame;
+    protected triggerElement: Trigger;
+    protected event: VaultDisplayIframeEvent;
+    protected validationData: IFormValidation;
+    protected vaultDisplayToken: string;
+    protected link: Link;
+    protected configs: any[];
+    /** @constructs */ constructor(selector: string, token: string);
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     *
+     * @example
+     * widget.setEnv('production', 'paydock.com');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env: string, alias?: string): void;
+    /**
+     * This callback will be called for each event in widget
+     *
+     * @callback listener
+     * @param {IEventData} response
+     */
+    on(eventName: string): Promise<IEventData$1>;
+    on(eventName: string, cb: (data: IEventData$1) => void): any;
+    /**
+     * Object contain styles for widget
+     *
+     * @example
+     * widget.setStyles({
+     *       background_color: '#fff',
+     *       border_color: 'yellow',
+     *       text_color: '#FFFFAA',
+     *       button_color: 'rgba(255, 255, 255, 0.9)',
+     *       font_size: '20px',
+     *       fort_family: 'fantasy'
+     *   });
+     * @param {VaultDisplayStyle} fields - name of styles which can be shown in widget [VAULT_DISPLAY_STYLE]{@link VAULT_DISPLAY_STYLE}
+     */
+    setStyles(styles: IStyles$1): void;
+    setStyle(param: string, value: string): void;
+    /**
+     * The final method to beginning, the load process of widget to html
+     *
+     */
+    load(): void;
+}
+
+interface IWalletServiceUpdateData {
+    amount: number;
+    shipping_options?: IShippingOption[];
+}
+interface IWalletServiceUpdate {
+    success: boolean;
+    body?: IWalletServiceUpdateData;
+}
+interface IPaymentMethod {
+    payment_method_id?: string;
+    device?: string;
+    customer: {
+        payer_name: string;
+        payer_email: string;
+        payer_phone: string;
+        payment_source: {
+            wallet_type: WALLET_TYPE;
+            card_name: string;
+            type: string;
+            card_scheme: string;
+            card_number_last4: string;
+            expire_month: number;
+            expire_year: number;
+            address_line1: string;
+            address_line2: string;
+            address_city: string;
+            address_postcode: string;
+            address_state: string;
+            address_country: string;
+            ref_token?: string;
+        };
+    };
+    shipping?: {
+        method?: string;
+        options?: IShippingOption[];
+        address_line1?: string;
+        address_line2?: string;
+        address_city?: string;
+        address_postcode?: string;
+        address_state?: string;
+        address_country?: string;
+        address_company?: string;
+        address_origin_postcode?: string;
+        contact?: {
+            first_name?: string;
+            last_name?: string;
+            email?: string;
+            phone?: string;
+            phone2?: string;
+        };
+    };
+}
+interface IUnavailableWalletEventBody {
+}
+interface IPaymentMethodSelectedWalletEventBody {
+    data: IPaymentMethod;
+    onSuccess: () => void;
+    onError: (message?: string) => void;
+}
+interface IWalletService {
+    load(container: Container): Promise<void>;
+    close?(): void;
+    update(data: IWalletServiceUpdate): void;
+    enable(): void;
+    disable(): void;
+    setEnv(env: string): any;
+    on(eventName: string, cb?: (data: IUnavailableWalletEventBody | IPaymentMethodSelectedWalletEventBody | any) => void): any;
+}
+
+interface IWalletPaymentSuccessful {
+    id: string;
+    amount: number;
+    currency: string;
+    status: string;
+    payer_name?: string;
+    payer_email?: string;
+    payer_phone?: string;
+}
+interface IWalletUnavailable {
+    wallet?: WALLET_TYPE;
+}
+interface IWalletOnClick {
+    attachResult: (result: Promise<void> | boolean) => void;
+}
+interface IWalletUpdate {
+    wallet_response_code?: string;
+    wallet_order_id?: string;
+    wallet_session_id?: string;
+    payment_source?: {
+        wallet_payment_method_id?: string;
+        card_number_last4?: string;
+        card_scheme?: string;
+    };
+    wallet_loyalty_account?: {
+        id?: string;
+        barcode?: string;
+    };
+    shipping?: {
+        address_line1?: string;
+        address_line2?: string;
+        address_postcode?: string;
+        address_city?: string;
+        address_state?: string;
+        address_country?: string;
+        address_company?: string;
+        post_office_box_number?: string;
+        wallet_address_id?: string;
+        wallet_address_name?: string;
+        wallet_address_created_timestamp?: string;
+        wallet_address_updated_timestamp?: string;
+    };
+    selected_shipping_option?: IShippingOption;
+}
+
+declare enum EventEnum {
+    UNAVAILABLE = "unavailable",
+    UPDATE = "update",
+    PAYMENT_SUCCESSFUL = "paymentSuccessful",
+    PAYMENT_ERROR = "paymentError",
+    PAYMENT_IN_REVIEW = "paymentInReview",
+    AUTH_TOKENS_CHANGED = "authTokensChanged",
+    ON_CLICK = "onClick",
+    ON_CHECKOUT_OPEN = "onCheckoutOpen",
+    ON_CHECKOUT_CLOSE = "onCheckoutClose"
+}
+
+interface IEventData<T = any> {
+    event: string;
+    data: T;
+}
+interface IWalletPaymentSuccessfulEvent extends IEventData<IWalletPaymentSuccessful> {
+    event: EventEnum.PAYMENT_SUCCESSFUL;
+}
+interface IWalletUpdateEvent extends IEventData<IWalletUpdate> {
+    event: EventEnum.UPDATE;
+}
+interface IWalletUnavailableEvent extends IEventData<IWalletUnavailable> {
+    event: EventEnum.UNAVAILABLE;
+}
+interface IWalletOnClickEvent extends IEventData<IWalletOnClick> {
+    event: EventEnum.ON_CLICK;
+}
+interface IWalletUpdateData {
+    success: boolean;
+}
+/**
+ * Class WalletButtons to work with different E-Wallets within html (currently supports Apple Pay, Google Pay, Google Pay™ and Apple Pay via Stripe, Flypay, Flypay V2, Paypal, Afterpay)
+ * @constructor
+ *
+ * @example
+ * var button = new WalletButtons('#wallet-buttons', 'charge-token', { amount_label: 'Total', country: 'us' });
+ *
+ * @param {string} selector - Selector of html element. Container for the WalletButtons.
+ * @param {string} chargeToken - token for the wallet transaction, created with a secure call to `POST charges/wallet`.
+ * @param {IWalletMeta} meta - data that configures the E-Wallet, which can be shown on checkout page and configures required customer information.
+ */
+declare class WalletButtons {
+    protected container: Container;
+    protected api: ApiInternal;
+    protected service: IWalletService;
+    protected eventEmitter: EventEmitter;
+    protected hasUpdateHandler: boolean;
+    /** @constructs */ constructor(selector: string, chargeToken: string, meta: IWalletMeta);
+    /**
+     * Initializes the availability checks and inserts the button if possible.
+     * Otherwise function onUnavailable(handler: VoidFunction) will be called.
+     *
+     * @example
+     * var button = new WalletButtons(
+     *      '#buttons',
+     *      token,
+     *      {
+     *          amount_label: 'Total',
+     *          country: 'DE',
+     *      }
+     *  );
+     *  button.load();
+     */
+    load(): void;
+    /**
+     * Triggers the update process of the wallet, if available.
+     * Currently supported by Flypay, Paypal and ApplePay/GooglePay via MPGS Wallets.
+     *
+     * @example
+     * var button = new WalletButtons(
+     *      '#buttons',
+     *      token,
+     *      {
+     *          amount_label: 'Total',
+     *          country: 'DE',
+     *      }
+     *  );
+     *  button.on('update', (data) => {
+     *      updateChargeAmountInBackend(data);
+     *      button.update({ success: true });
+     *  });
+     *
+     * @example
+     * // ApplePay via MPGS example:
+     * var button = new WalletButtons(
+     *      '#buttons',
+     *      token,
+     *      {
+     *          amount_label: 'Total',
+     *          country: 'AU',
+     *          ...
+     *      }
+     *  );
+     *  button.on('update', (data) => {
+     *      updateChargeAmountInBackend(data);
+     *      button.update({
+     *         success: true,
+     *         body: {
+     *              amount: 15,
+     *              shipping_options: [
+     *                   {
+     *                      id: "NEW-FreeShip",
+     *                       label: "NEW - Free Shipping",
+     *                       detail: "Arrives in 3 to 5 days",
+     *                       amount: "0.00"
+     *                   },
+     *                   {
+     *                       id: "NEW - FastShip",
+     *                       label: "NEW - Fast Shipping",
+     *                       detail: "Arrives in less than 1 day",
+     *                       amount: "10.00"
+     *                   }
+     *               ]
+     *          }
+     *       });
+     *  });
+     */
+    update(data: IWalletUpdateData): void;
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     * Bear in mind that you must set an environment before calling `button.load()`.
+     *
+     * @example
+     * button.setEnv('production', 'paydock.com');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env: string, alias?: string): void;
+    /**
+     * Current method can enable the payment button. This method is only supported for Flypay V2.
+     *
+     * @example
+     * button.enable();
+     */
+    enable(): void;
+    /**
+     * Current method can disable the payment button. This method is only supported for Flypay V2.
+     *
+     * @example
+     * button.disable('production', 'paydock.com');
+     */
+    disable(): void;
+    /**
+     * Closes the checkout forcibly. Currently supported in Flypay wallet.
+     *
+     * @example
+     * button.close();
+     */
+    close(): void;
+    on(eventName: string): Promise<IEventData>;
+    on(eventName: string, cb: (data: IEventData) => void): any;
+    /**
+     * User to subscribe to the no button available event. This method is used after loading when the button is not available.
+     * For MPGS, since can have more than one wallet button configured (ApplePay/GooglePay) you will receive a body (({ wallet: WALLET_TYPE.GOOGLE }) or ({ wallet: WALLET_TYPE.APPLE })) indicating which button is unavailable
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * button.onUnavailable(() => {
+     *      console.log('No wallet buttons available');
+     * });
+     *
+     * @example
+     * button.onUnavailable().then(() => console.log('No wallet buttons available'));
+     *
+     * @example
+     * button.onUnavailable(function (data) {console.log('data.wallet :: ', data.wallet)});
+     *
+     * @param {listener} [handler] - Function to be called when no button is available.
+     */
+    onUnavailable(handler?: (data: IWalletUnavailableEvent) => void): Promise<void> | (() => void);
+    /**
+     * If the wallet performs some update in the checkout process, the function passed as parameter will be called.
+     *
+     * NOTE: make sure to call the `button.update(result)` method on handler completion.
+     *
+     * @example
+     * button.onUpdate((data) => {
+     *      button.update({ success: true });
+     * });
+     *
+     * @example
+     * button.onUpdate().then((data) => throw new Error());
+     *
+     * @param {listener} [handler] - Function to be called when the payment was successful.
+     */
+    onUpdate(handler?: (data: IWalletUpdateEvent) => void): Promise<unknown> | (() => void);
+    /**
+     * If the payment was successful, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * button.onPaymentSuccessful((data) => {
+     *      console.log('Payment successful!');
+     * });
+     *
+     * @example
+     * button.onPaymentSuccessful().then((data) => console.log('Payment successful!'));
+     *
+     * @param {listener} [handler] - Function to be called when the payment was successful.
+     */
+    onPaymentSuccessful(handler?: (data: IWalletPaymentSuccessfulEvent) => void): Promise<unknown> | (() => void);
+    /**
+     * If the payment was left in fraud review, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * button.onPaymentInReview((data) => {
+     *      console.log('Payment in fraud review');
+     * });
+     *
+     * @example
+     * button.onPaymentInReview().then((data) => console.log('Payment in fraud review'));
+     *
+     * @param {listener} [handler] - Function to be called when the payment was left in fraud review status.
+     */
+    onPaymentInReview(handler?: (err: IEventData) => void): Promise<unknown> | (() => void);
+    /**
+     * If the payment was not successful, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * button.onPaymentError((err) => {
+     *      console.log('Payment not successful');
+     * });
+     *
+     * @example
+     * button.onPaymentError().then((err) => console.log('Payment not successful'));
+     *
+     * @param {listener} [handler] - Function to be called when the payment was not successful.
+     */
+    onPaymentError(handler?: (err: IEventData) => void): Promise<unknown> | (() => void);
+    /**
+     * Registers a callback function to be invoked when authentication tokens are changed.
+     * This function allows you to respond to changes in authentication tokens, such as when a user logs in.
+     *
+     * @example
+     * button.onAuthTokensChanged((eventData) => {
+     *     console.log('Authentication tokens changed:', eventData);
+     * });
+     *
+     * @example
+     * button.onAuthTokensChanged().then((eventData) => {
+     *     console.log('Authentication tokens changed:', eventData);
+     * });
+     *
+     * @param {listener} [handler] - Function to be called when authentication tokens are changed.
+     */
+    onAuthTokensChanged(handler?: (err: IEventData) => void): Promise<unknown> | (() => void);
+    /**
+     * Registers a callback function to be invoked when the wallet button gets clicked.
+     * There are two operational modes supported, Synchronous and Asynchronous.
+     * When asynchronous operations need to occur on the callback handler, attaching the Promise via `attachResult` is required to have the wallet wait for a result.
+     * When synchronous operations occur on the callback handler, attaching a boolean result via `attachResult` is optional to control the execution flow.
+     * Note this is supported for Paypal, GooglePay and ApplePay wallet buttons at the moment.
+     *
+     * @example
+     * button.onClick((data) => {
+     *      performValidationLogic();
+     * });
+     *
+     * @param {listener} handler - Function to be called when the wallet button is clicked.
+     */
+    onClick(handler: (data: IWalletOnClickEvent) => void): () => void;
+    /**
+     * Registers a callback function to be invoked when the wallet checkout opens.
+     * Note this is supported for FlypayV2 wallet button at the moment.
+     *
+     * @example
+     * button.onCheckoutOpen((data) => {
+     *      console.log('Checkout opens');
+     * });
+     *
+     * @param {listener} handler - Function to be called when the wallet checkout opens.
+     */
+    onCheckoutOpen(handler?: (err: IEventData) => void): Promise<unknown> | (() => void);
+    /**
+     * Registers a callback function to be invoked when the wallet checkout closes.
+     * Note this is supported for FlypayV2 wallet button at the moment.
+     *
+     * @example
+     * button.onCheckoutClose(() => {
+     *      console.log('Wallet checkout closes');
+     * });
+     *
+     * @param {listener} handler - Function to be called when the wallet checkout closes.
+     */
+    onCheckoutClose(handler?: (err: IEventData) => void): Promise<unknown> | (() => void);
+    private setupServiceCallbacks;
+    private setupUnavailableCallback;
+    private setupUpdateCallback;
+    private setupOnClickCallback;
+    private setupOnCheckoutOpenCallback;
+    private setupOnCheckoutCloseCallback;
+    private setupWalletCallback;
+    private setupPaymentCallback;
+    private setupPaymentSuccessCallback;
+    private setupPaymentInReviewCallback;
+    private setupPaymentErrorCallback;
+    private setupAuthTokensChangedCallback;
+}
+
+type Instruction = new (selector: string, formSelector: string, api: ApiInternal, checkoutWidget: Checkout) => InstructionHandler & InstructionDestroyable & InstructionDecorated;
+interface InstructionHandleable {
+    handle(payload: object, eventEmitter: EventEmitter): void;
+}
+interface InstructionDecorated {
+    instruction: string;
+}
+interface InstructionDestroyable {
+    destroy(): void;
+}
+declare abstract class InstructionHandler implements InstructionHandleable, InstructionDestroyable, InstructionDecorated {
+    selector: string;
+    formSelector: string;
+    api: ApiInternal;
+    protected checkoutWidget?: Checkout;
+    constructor(selector: string, formSelector: string, api: ApiInternal, checkoutWidget?: Checkout);
+    instruction: string;
+    abstract handle(context: object, eventEmitter?: any): void;
+    abstract destroy(): void;
+    getEnv(instruction_token: string): string;
+}
+
+declare class InstructionModule {
+    instructions: any[];
+    getInstruction(id: string): Instruction | null;
+}
+
+interface IntentTokenPayload {
+    env: string;
+    intent_id: string;
+    version: number;
+    env_alias: string;
+    whitelist_domains: string[];
+}
+/**
+ * Class CheckoutButton transform usual button into checkout
+ *
+ * @constructor
+ *
+ * @param {string} selector - Selector of html element.
+ * @param {string} intentToken - PayDock intent token
+ * @example
+ * var widget = new Checkout('#widget', 'intent_token');
+ **/
+declare class Checkout {
+    protected formSelector: string;
+    protected intentToken: string;
+    protected debug: boolean;
+    protected window: Window;
+    protected eventEmitter: EventEmitter;
+    protected container: Container;
+    protected intentTokenPayload: IntentTokenPayload;
+    protected api: ApiInternal;
+    protected checkoutApi: ApiCheckoutInternal;
+    protected instructions: InstructionModule;
+    protected currentInstruction: InstructionDestroyable & InstructionHandleable;
+    private timeoutTimer;
+    private requestInFlight;
+    private inTimeoutRange;
+    private checkoutFinished;
+    constructor(formSelector: string, intentToken: string, debug?: boolean);
+    fetchInstruction(): void;
+    finaliseCheckout(): void;
+    private setupTimeoutTimer;
+    private extractIntentTokenPayload;
+    validateJWTWhitelistedDomains(whitelist_domains: string[]): boolean;
+    private ready;
+    private initContractVersion;
+    private isTimeoutInstruction;
+    private handleInstruction;
+    private handleTimeoutInstructions;
+    private getInstructionFromResponse;
+    private extractInstructionPayloadFromResponse;
+    private setEnv;
+    /**
+     * If the payment was successful, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * widget.onPaymentSuccessful((data) => {
+     *      console.log('Payment successful!');
+     * });
+     */
+    onPaymentSuccessful(handler: (data: IEventData$1) => void): () => void;
+    /**
+     * If the payment was not successful, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * widget.onPaymentError((err) => {
+     *      console.log('Payment not successful');
+     * });
+     */
+    onPaymentFailure(handler: (data: IEventData$1) => void): () => void;
+    /**
+     * If the payment was expired, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * widget.onPaymentInReview((data) => {
+     *      console.log('Payment in fraud review');
+     * });
+     */
+    onPaymentExpired(handler: (data: IEventData$1) => void): () => void;
+    createWidgetStructure(): void;
+    private setStyles;
+}
+declare class InstructionDebugger {
+    constructor(selector: string, formSelector: string, version: number, instructionName: string, context: object, token?: string);
+}
+
+declare enum EVENT {
+    UNAVAILABLE = "unavailable",
+    ERROR = "error",
+    PAYMENT_SUCCESSFUL = "paymentSuccessful",
+    PAYMENT_ERROR = "paymentError",
+    PAYMENT_IN_REVIEW = "paymentInReview",
+    ON_CLICK = "onClick",
+    ON_CHECKOUT_CLOSE = "onCheckoutClose",
+    ON_SHIPPING_ADDRESS_CHANGE = "onShippingAddressChange",
+    ON_SHIPPING_OPTIONS_CHANGE = "onShippingOptionsChange"
+}
+
+interface BaseEventData<T> {
+    event: string;
+    chargeId?: string;
+    data?: T | undefined;
+}
+
+interface OnClickEventData extends BaseEventData<undefined> {
+    event: EVENT.ON_CLICK;
+}
+
+interface OnPaymentSuccessfulEventData extends BaseEventData<{
+    id: string;
+    amount: number;
+    currency: string;
+    status: string;
+}> {
+    event: EVENT.PAYMENT_SUCCESSFUL;
+}
+
+interface OnCloseEventData extends BaseEventData<undefined> {
+    event: EVENT.ON_CHECKOUT_CLOSE;
+}
+
+interface OnPaymentInReviewEventData extends Omit<OnPaymentSuccessfulEventData, 'event'> {
+    event: EVENT.PAYMENT_IN_REVIEW;
+}
+
+interface OnPaymentErrorEventData extends BaseEventData<{
+    message?: string;
+    code?: string;
+}> {
+    event: EVENT.PAYMENT_ERROR;
+}
+
+interface WalletCaptureRequest {
+    payment_method_id?: string;
+    customer: {
+        email?: string;
+        phone?: string;
+        first_name?: string;
+        last_name?: string;
+        payment_source?: {
+            wallet_type?: string;
+            address_line1?: string;
+            address_line2?: string;
+            address_country?: string;
+            address_city?: string;
+            address_postcode?: string;
+            address_state?: string;
+            ref_token?: string;
+            external_payer_id?: string;
+            wallet_express?: boolean;
+        };
+    };
+}
+
+interface OnUnavailableEventData extends BaseEventData<undefined> {
+    event: EVENT.UNAVAILABLE;
+}
+
+interface BaseGatewayConfig<T> {
+    type: string;
+    mode: string;
+    credentials?: T;
+}
+
+interface ChargeWalletTokenMeta {
+    charge: {
+        id: string;
+        amount: number;
+        currency: string;
+        capture?: boolean;
+        reference?: string;
+        shipping?: {
+            amount?: number;
+            currency?: string;
+            address_line1?: string;
+            address_line2?: string;
+            address_line3?: string;
+            address_city?: string;
+            address_postcode?: string;
+            address_state?: string;
+            address_country?: string;
+            address_company?: string;
+            address_origin_postcode?: string;
+            method?: string;
+            type?: string;
+            options?: Array<{
+                id?: string;
+                label?: string;
+                detail?: string;
+                amount?: string;
+                currency?: string;
+                type?: string;
+            }>;
+            contact?: {
+                first_name?: string;
+                last_name?: string;
+                email?: string;
+                phone?: string;
+                phone2?: string;
+            };
+        };
+    };
+    gateway: {
+        mode: string;
+        type: string;
+    };
+}
+
+interface BaseWalletMeta {
+    amount: number;
+    currency: string;
+}
+
+interface OnErrorEventData extends BaseEventData<Error> {
+    event: EVENT.ERROR;
+}
+
+interface OnShippingAddressChangeEventData extends BaseEventData<AddressChangeEventData> {
+    event: EVENT.ON_SHIPPING_ADDRESS_CHANGE;
+}
+interface AddressChangeEventData {
+    address_postcode?: string;
+    address_city?: string;
+    address_state?: string;
+    address_country?: string;
+    address_line1?: string;
+    address_line2?: string;
+    contact?: {
+        phone?: string;
+        email?: string;
+        first_name?: string;
+        last_name?: string;
+    };
+}
+
+interface OnShippingOptionChangeEventData extends BaseEventData<ShippingOptionChangeEventData> {
+    event: EVENT.ON_SHIPPING_OPTIONS_CHANGE;
+}
+interface ShippingOptionChangeEventData {
+    shipping_option_id?: string;
+    amount?: string;
+    label?: string;
+    detail?: string;
+}
+
+interface OnShippingAddressChangeEventResponse {
+    token?: string;
+    error?: {
+        code: 'address_error' | 'country_error' | 'state_error' | 'zip_error' | 'shipping_contact_invalid' | 'billing_contact_invalid' | string;
+        field?: 'phone' | 'email' | 'name' | 'phonetic_name' | 'address_lines' | 'locality' | 'postal_code' | 'administrative_area' | 'country' | 'country_code';
+        message?: string;
+    };
+}
+
+interface OnShippingOptionChangeEventResponse {
+    token?: string;
+    label?: string;
+    amount?: string;
+    error?: {
+        code: 'method_unavailable' | 'store_unavailable' | string;
+    };
+}
+
+type ShippingEventToResponse<T> = T extends OnShippingAddressChangeEventData ? OnShippingAddressChangeEventResponse : T extends OnShippingOptionChangeEventData ? OnShippingOptionChangeEventResponse : never;
+
+declare abstract class BaseWalletButton<T extends BaseWalletMeta> {
+    protected container: Container;
+    protected api: ApiInternal;
+    protected env: string;
+    protected gatewayId: string;
+    protected meta: T;
+    protected eventEmitter: EventEmitter;
+    protected chargeWalletTokenMeta?: ChargeWalletTokenMeta;
+    private onShippingOptionsChangeHandlerRegistered;
+    constructor(selector: string, publicKeyOrAccessToken: string, gatewayId: string, meta: T, requiredMetaFields: string[]);
+    private getApiAuthType;
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     * Bear in mind that you must set an environment before calling `button.load()`.
+     *
+     * @example
+     * button.setEnv('production', 'paydock.com');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env: string, alias?: string): void;
+    /**
+     * Callback for onClick method.
+     *
+     * @callback OnClickCallback
+     * @param {OnClickEventData} data
+     * @return {Promise<string>} walletToken string result
+     */
+    /**
+     * Registers a callback function to be invoked when the wallet button gets clicked.
+     * **Note:** is mandatory to handle this event to perform the wallet initialization (and optionally any validation logic).
+     * The event handler needs to return the wallet token string in order for the Wallet charge processing to proceed, or throw an error in case of failure or validation errors.
+     * **Note:** this callback may be called multiple times as the customer closes the payment checkout and re-clicks the button.
+     * It's the merchant's responsibility to handle this situation and evaluate in each case if generating a new WalletCharge Token is required or the previous one can be used in each case, depending on order data and updates.
+     * In case a new one needs to be generated, remember it will need to be preceded by a `setMeta` call.
+     *
+     * @example
+     * button.onClick(async (data) => {
+     *      const responseData = await fetch('https://your-server.com/init-wallet-charge');
+     *      return responseData.walletToken;
+     * });
+     *
+     * @param {OnClickCallback} handler - Function to be called when the wallet button is clicked.
+     */
+    onClick(handler: (data: OnClickEventData) => Promise<string>): () => void;
+    /**
+     * Callback for onPaymentSuccessful method.
+     *
+     * @callback OnPaymentSuccessfulCallback
+     * @param {OnPaymentSuccessfulEventData} data
+     */
+    /**
+     * If the payment was successful, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * button.onPaymentSuccessful((data) => {
+     *      console.log('Payment successful!');
+     * });
+     *
+     * @example
+     * button.onPaymentSuccessful().then((data) => console.log('Payment successful!'));
+     *
+     * @param {OnPaymentSuccessfulCallback} [handler] - Function to be called when the payment was successful.
+     */
+    onPaymentSuccessful(handler?: (data: OnPaymentSuccessfulEventData) => void): Promise<unknown> | (() => void);
+    /**
+     * Callback for onPaymentInReview method.
+     *
+     * @callback OnPaymentInReviewCallback
+     * @param {OnPaymentInReviewEventData} data
+     */
+    /**
+     * If the payment was left in fraud review, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * button.onPaymentInReview((data) => {
+     *      console.log('Payment in fraud review');
+     * });
+     *
+     * @example
+     * button.onPaymentInReview().then((data) => console.log('Payment in fraud review'));
+     *
+     * @param {OnPaymentInReviewCallback} [handler] - Function to be called when the payment was left in fraud review status.
+     */
+    onPaymentInReview(handler?: (err: OnPaymentInReviewEventData) => void): Promise<unknown> | (() => void);
+    /**
+     * Callback for onPaymentError method.
+     *
+     * @callback OnPaymentErrorCallback
+     * @param {OnPaymentErrorEventData} data
+     */
+    /**
+     * If the payment was not successful, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * button.onPaymentError((err) => {
+     *      console.log('Payment not successful');
+     * });
+     *
+     * @example
+     * button.onPaymentError().then((err) => console.log('Payment not successful'));
+     *
+     * @param {OnPaymentErrorCallback} [handler] - Function to be called when the payment was not successful.
+     */
+    onPaymentError(handler?: (err: OnPaymentErrorEventData) => void): Promise<unknown> | (() => void);
+    /**
+     * Callback for onCheckoutClose method.
+     *
+     * @callback OnCheckoutCloseCallback
+     * @param {OnCloseEventData} data
+     */
+    /**
+     * Registers a callback function to be invoked when the wallet checkout closes.
+     *
+     * @example
+     * button.onCheckoutClose(() => {
+     *      console.log('Wallet checkout closes');
+     * });
+     *
+     * @param {OnCheckoutCloseCallback} handler - Function to be called when the wallet checkout closes.
+     */
+    onCheckoutClose(handler?: (err: OnCloseEventData) => void): Promise<unknown> | (() => void);
+    /**
+     * Callback for onShippingAddressChange method.
+     *
+     * @callback OnShippingAddressChangeCallback
+     * @param {OnShippingAddressChangeEventData} data
+     * @return {Promise<OnShippingAddressChangeEventResponse>} Address update result
+     */
+    /**
+     * If shipping address data is updated, the function passed as parameter will be called.
+     * Use this method to listen for shipping address selection or input from customer when shipping is enabled.
+     * The event handler needs to return a new token in case a backend to backend wallet update call was executed.
+     * In addition, if any error occured, an error string must be supplied.
+     * By default, the event handler will be processed successfuly if neither token nor error is returned.
+     *
+     * @example
+     * button.onShippingAddressChange((data) => {
+     *     const responseData = await fetch('https://your-server.com/update-shipping-info');
+     *     return { error: null, token: responseData.walletToken };
+     * });
+     *
+     * @param {OnShippingAddressChangeCallback} [handler] - Function to be called when the shipping address data is updated.
+     */
+    onShippingAddressChange(handler?: (data: OnShippingAddressChangeEventData) => Promise<OnShippingAddressChangeEventResponse>): () => void;
+    /**
+     * Callback for onShippingOptionsChange method.
+     *
+     * @callback OnShippingOptionsChangeCallback
+     * @param {OnShippingOptionChangeEventData} data
+     * @return {Promise<OnShippingOptionChangeEventResponse>} Address update result
+     */
+    /**
+     * If shipping options data is updated, the function passed as parameter will be called.
+     * Use this method to listen for shipping option selection from customer when shipping is enabled.
+     * The event handler needs to return a new token in case a backend to backend wallet update call was executed.
+     * In addition, if any error occured, an error string must be supplied.
+     * By default, the event handler will be processed successfuly if neither token nor error is returned.
+     *
+     * @example
+     * button.onShippingOptionsChange((data) => {
+     *     const responseData = await fetch('https://your-server.com/update-shipping-info');
+     *     return { error: null, token: responseData.walletToken };
+     * });
+     *
+     * @param {OnShippingOptionsChangeCallback} [handler] - Function to be called when the shipping options data is updated.
+     */
+    onShippingOptionsChange(handler?: (data: OnShippingOptionChangeEventData) => Promise<OnShippingOptionChangeEventResponse>): () => void;
+    /**
+     * Callback for onUnavailable method.
+     *
+     * @callback OnUnavailableCallback
+     * @param {OnUnavailableEventData} data
+     */
+    /**
+     * Registers a callback function to be invoked when the wallet is not available in the current context.
+     *
+     * @example
+     * button.onUnavailable(() => {
+     *      console.log('Wallet not available');
+     * });
+     *
+     * @param {OnUnavailableCallback} handler - Function to be called when the wallet is not available in the current context.
+     */
+    onUnavailable(handler?: (err: OnUnavailableEventData) => void): Promise<unknown> | (() => void);
+    /**
+     * Callback for onError method.
+     *
+     * @callback OnErrorCallback
+     * @param {OnErrorEventData} data
+     */
+    /**
+     * Registers a callback function to be invoked when an error that is not related to payment execution occurs.
+     * For example, if the amount of the wallet token injected via the `onClick` event handler does not match the amount provided via the initial `meta` or `setMeta` method.
+     *
+     * @example
+     * button.onError((error) => {
+     *      console.log('WalletButtonExpress error', error);
+     * });
+     *
+     * @param {OnErrorCallback} handler - Function to be called when the WalletButton has an error.
+     */
+    onError(handler?: (err: OnErrorEventData) => void): Promise<unknown> | (() => void);
+    /**
+     * Add docs on each child class
+     */
+    abstract load(): void;
+    /**
+     * Add docs on each child class
+     */
+    abstract setMeta(meta: object): void;
+    protected getGatewayWalletConfig<T>(): Promise<BaseGatewayConfig<T>>;
+    protected executeWalletCallback<T, U extends {
+        request_type: string;
+    }>(data: U): Promise<T>;
+    protected executeWalletCapture<T>(data: WalletCaptureRequest): Promise<T>;
+    protected handleMerchantOnExpressButtonClickEvent(): Promise<void>;
+    protected handleMerchantOnShippingChangedEvent<T extends OnShippingAddressChangeEventData | OnShippingOptionChangeEventData>(eventData: T): Promise<ShippingEventToResponse<T>>;
+    protected setWalletToken(token: string, opts?: {
+        skipApiAuth: boolean;
+    }): void;
+    protected handleCheckoutClose(): void;
+    protected handleOnUnavailable(): void;
+    protected handleOnError(error?: Error): void;
+    protected eventDataFromApiError(err: any): OnPaymentErrorEventData['data'];
+    protected validateRequiredMetaFields(requiredMetaFields: string[]): void;
+}
+
+type ApplePayButtonStyle = 'black' | 'white' | 'white-outline';
+
+type ApplePayButtonType = 'add-money' | 'book' | 'buy' | 'check-out' | 'continue' | 'contribute' | 'donate' | 'order' | 'pay' | 'plain' | 'reload' | 'rent' | 'set-up' | 'subscribe' | 'support' | 'tip' | 'top-up';
+
+declare enum ContactShippingEditingMode {
+    AVAILABLE = "available",
+    STORE_PICKUP = "store_pickup"
+}
+
+interface AppleShippingType {
+    contact: {
+        email: string;
+        phone: string;
+        first_name: string;
+        last_name: string;
+    };
+    address_line1: string;
+    address_line2: string;
+    address_city: string;
+    address_postcode: string;
+    address_state: string;
+    address_country: string;
+}
+
+interface ApplePayWalletMeta extends BaseWalletMeta {
+    amount_label: string;
+    country: string;
+    merchant_capabilities?: Array<'supports3DS' | 'supportsEMV' | 'supportsCredit' | 'supportsDebit'>;
+    supported_networks?: Array<'visa' | 'masterCard' | 'amex' | 'chinaUnionPay' | 'discover' | 'interac' | 'jcb' | 'privateLabel'>;
+    required_billing_contact_fields?: Array<'email' | 'name' | 'phone' | 'postalAddress'>;
+    required_shipping_contact_fields?: Array<'email' | 'phone'>;
+    apple_pay_capabilities?: Array<'credentials_available' | 'credentials_status_unknown' | 'credentials_unavailable'>;
+    supported_countries?: string[];
+    style?: {
+        button_type?: ApplePayButtonType;
+        button_style?: ApplePayButtonStyle;
+    };
+    shipping?: AppleShippingType;
+    shipping_editing_mode?: ContactShippingEditingMode;
+}
+
+/**
+ * Class ApplePayWalletButtonExpress to work with Apple Pay Wallet.
+ *
+ * @extends BaseWalletButton
+ *
+ * @constructor
+ *
+ * @example
+ * var button = new ApplePayWalletButtonExpress('#wallet-buttons', 'publicKeyOrAccessToken', 'gatewayId', meta);
+ *
+ * @param {string} selector - Selector of html element. Container for the ApplePayWalletButtonExpress.
+ * @param {string} publicKeyOrAccessToken - Public key or Access token for the ApplePayWalletButtonExpress.
+ * @param {string} gatewayId - Gateway ID for the ApplePayWalletButtonExpress.
+ * @param {ApplePayWalletMeta} meta - data that configures the Apple Pay Wallet.
+ */
+declare class ApplePayWalletButtonExpress extends BaseWalletButton<ApplePayWalletMeta> {
+    private paymentSession;
+    /** @constructs */ constructor(selector: string, publicKeyOrAccessToken: string, gatewayId: string, meta: ApplePayWalletMeta);
+    /**
+     * Initializes the availability checks and inserts the button if possible.
+     * Otherwise function onUnavailable(handler: VoidFunction) will be called.
+     * **Important**: Is required to invoke this method to render the wallet button.
+     *
+     * @example
+     *  button.load();
+     */
+    load(): void;
+    /**
+     * Call this method if updating the originally-provided meta object after order information changed.
+     * For example, if the order amount has changed from the time where the button was originally rendered.
+     *
+     * @example
+     * button.setMeta(meta);
+     *
+     * @param {ApplePayWalletMeta} meta - // data that configures the Apple Pay Wallet.
+     */
+    setMeta(meta: ApplePayWalletMeta): void;
+    private checkAvailability;
+    private mount;
+    private onApplePayButtonClicked;
+    private createRequest;
+    private onValidateMerchant;
+    private getMerchantSession;
+    private onPaymentAuthorized;
+    private formatCapabilities;
+    private onCancelPayment;
+    private parseShippingContact;
+    private parseShippingMethod;
+    private onApplePayShippingContactUpdate;
+    private onApplePayShippingMethodUpdate;
+    private parseShippingMethodUpdateEvent;
+    private parseShippingContactUpdateEvent;
+    private formatErrorFields;
+}
+
+interface PaypalWalletMeta extends BaseWalletMeta {
+    pay_later?: boolean;
+    hide_message?: boolean;
+    standalone?: boolean;
+    capture?: boolean;
+    style?: {
+        layout?: 'vertical' | 'horizontal';
+        color?: 'gold' | 'blue' | 'silver' | 'black' | 'white';
+        shape?: 'rect' | 'pill' | 'sharp';
+        borderRadius?: number;
+        height?: number;
+        disableMaxWidth?: boolean;
+        label?: 'paypal' | 'checkout' | 'buynow' | 'pay' | 'installment';
+        tagline?: boolean;
+        messages?: {
+            layout?: 'text' | 'flex';
+            logo?: {
+                type?: 'primary' | 'alternative' | 'inline' | 'none';
+                position?: 'left' | 'right' | 'top';
+            };
+            text?: {
+                color?: 'black' | 'white' | 'monochrome' | 'grayscale';
+                size?: 10 | 11 | 12 | 13 | 14 | 15 | 16;
+                align?: 'left' | 'center' | 'right';
+            };
+            color?: 'blue' | 'black' | 'white' | 'white-no-border' | 'gray' | 'monochrome' | 'grayscale';
+            ratio?: '1x1' | '1x4' | '8x1' | '20x1';
+        };
+    };
+}
+
+interface PayPalSDK {
+    Buttons?: (options?: PayPalButtonsComponentOptions) => PayPalButtonsComponent;
+    Messages?: (options?: PayPalMessagesComponentOptions) => PayPalMessagesComponent;
+    FUNDING?: Record<string, FUNDING_SOURCE>;
+}
+interface PayPalButtonsComponentOptions {
+    /**
+     * Called on button click to set up a one-time payment. [createOrder docs](https://developer.paypal.com/docs/business/javascript-sdk/javascript-sdk-reference/#createorder).
+     */
+    createOrder?: PayPalButtonCreateOrder;
+    /**
+     * Used for defining a standalone button.
+     * Learn more about [configuring the funding source for standalone buttons](https://developer.paypal.com/docs/business/checkout/configure-payments/standalone-buttons/#4-funding-sources).
+     */
+    fundingSource?: PayPalButtonFundingSource;
+    /**
+     * Called when finalizing the transaction. Often used to inform the buyer that the transaction is complete. [onApprove docs](https://developer.paypal.com/docs/business/javascript-sdk/javascript-sdk-reference/#onapprove).
+     */
+    onApprove?: PayPalButtonOnApprove;
+    /**
+     * Called when the buyer cancels the transaction.
+     * Often used to show the buyer a [cancellation page](https://developer.paypal.com/docs/business/checkout/add-capabilities/buyer-experience/#3-show-cancellation-page).
+     */
+    onCancel?: PayPalButtonOnCancel;
+    /**
+     * Called when the button is clicked. Often used for [validation](https://developer.paypal.com/docs/checkout/integration-features/validation/).
+     */
+    onClick?: PayPalButtonOnClick;
+    /**
+     * Catch all for errors preventing buyer checkout.
+     * Often used to show the buyer an [error page](https://developer.paypal.com/docs/checkout/integration-features/handle-errors/).
+     */
+    onError?: PayPalButtonOnError;
+    /**
+     * Called when the buyer selects a new shipping option on PayPal.
+     */
+    onShippingOptionsChange?: PayPalButtonOnShippingOptionsChange;
+    /**
+     * Called when the buyer updates their shipping address on PayPal.
+     */
+    onShippingAddressChange?: PayPalButtonOnShippingAddressChange;
+    /**
+     * [Styling options](https://developer.paypal.com/docs/business/checkout/reference/style-guide/#customize-the-payment-buttons) for customizing the button appearance.
+     */
+    style?: PayPalButtonStyle;
+}
+interface PayPalButtonsComponent {
+    close: () => Promise<void>;
+    isEligible: () => boolean;
+    render: (container: HTMLElement | string) => Promise<void>;
+    updateProps: (props: PayPalButtonsComponentOptions) => Promise<void>;
+}
+type PayPalButtonCreateOrder = (data: CreateOrderData) => Promise<string>;
+interface CreateOrderData {
+    paymentSource: FUNDING_SOURCE;
+}
+type PayPalButtonFundingSource = FUNDING_SOURCE;
+type FUNDING_SOURCE = 'paypal' | 'venmo' | 'applepay' | 'itau' | 'credit' | 'paylater' | 'card' | 'ideal' | 'sepa' | 'bancontact' | 'giropay' | 'sofort' | 'eps' | 'mybank' | 'p24' | 'verkkopankki' | 'payu' | 'blik' | 'trustly' | 'zimpler' | 'maxima' | 'oxxo' | 'boletobancario' | 'wechatpay' | 'mercadopago' | 'multibanco';
+type PayPalButtonOnApprove = (data: OnApproveData) => Promise<void>;
+interface OnApproveData {
+    billingToken?: string | null;
+    facilitatorAccessToken?: string;
+    orderID: string;
+    payerID?: string | null;
+    paymentID?: string | null;
+    subscriptionID?: string | null;
+    authCode?: string | null;
+}
+type PayPalButtonOnCancel = (data: Record<string, unknown>) => void;
+type PayPalButtonOnClick = (data: Record<string, unknown>, actions: OnClickActions) => Promise<void> | void;
+interface OnClickActions {
+    reject: () => Promise<void>;
+    resolve: () => Promise<void>;
+}
+type PayPalButtonOnError = (err: Record<string, unknown>) => void;
+type PayPalButtonOnShippingOptionsChange = (data: OnShippingOptionsChangeData, actions: OnShippingOptionsChangeActions) => Promise<void>;
+interface OnShippingOptionsChangeData {
+    orderID?: string;
+    paymentID?: string;
+    paymentToken?: string;
+    errors: {
+        METHOD_UNAVAILABLE: string;
+        STORE_UNAVAILABLE: string;
+    };
+    selectedShippingOption?: CheckoutShippingOption;
+}
+interface CheckoutShippingOption {
+    amount: CurrencyCodeAndValue;
+    id?: string;
+    label: string;
+    selected: boolean;
+    type: 'SHIPPING' | 'PICKUP';
+}
+interface CurrencyCodeAndValue {
+    currencyCode: string;
+    value: string;
+}
+interface OnShippingOptionsChangeActions {
+    reject: (reason?: string) => Promise<void>;
+}
+type PayPalButtonOnShippingAddressChange = (data: OnShippingAddressChangeData, actions: OnShippingAddressChangeActions) => Promise<void>;
+interface OnShippingAddressChangeData {
+    amount: CurrencyCodeAndValue;
+    orderID?: string;
+    paymentID?: string;
+    paymentToken?: string;
+    errors: {
+        ADDRESS_ERROR: string;
+        COUNTRY_ERROR: string;
+        STATE_ERROR: string;
+        ZIP_ERROR: string;
+    };
+    shippingAddress: {
+        city: string;
+        state: string;
+        /** The [two-character ISO 3166-1 code](/docs/integration/direct/rest/country-codes/) that identifies the country or region. */
+        countryCode: string;
+        /**
+         * The postal code, which is the zip code or equivalent.
+         * Typically required for countries with a postal code or an equivalent.
+         */
+        postalCode: string;
+    };
+}
+interface OnShippingAddressChangeActions {
+    reject: (reason?: string) => Promise<void>;
+}
+interface PayPalButtonStyle {
+    borderRadius?: number;
+    color?: 'gold' | 'blue' | 'silver' | 'white' | 'black';
+    disableMaxWidth?: boolean;
+    height?: number;
+    label?: 'paypal' | 'checkout' | 'buynow' | 'pay' | 'installment' | 'subscribe' | 'donate';
+    layout?: 'vertical' | 'horizontal';
+    shape?: 'rect' | 'pill' | 'sharp';
+    tagline?: boolean;
+}
+interface PayPalMessagesComponentOptions {
+    amount?: number | string;
+    currency?: 'USD' | 'GBP' | 'EUR';
+    style?: {
+        layout?: 'text' | 'flex' | 'custom';
+        color?: string;
+        logo?: {
+            type?: 'primary' | 'alternative' | 'inline' | 'none';
+            position?: 'left' | 'right' | 'top';
+        };
+        text?: {
+            color?: 'black' | 'white' | 'monochrome' | 'grayscale';
+            size?: 10 | 11 | 12 | 13 | 14 | 15 | 16;
+            align?: 'left' | 'center' | 'right';
+        };
+        ratio?: '1x1' | '1x4' | '8x1' | '20x1';
+    };
+    placement?: 'home' | 'category' | 'product' | 'cart' | 'payment';
+    onApply?: (data: Record<string, unknown>) => void;
+    onClick?: (data: Record<string, unknown>) => void;
+    onRender?: (data: Record<string, unknown>) => void;
+}
+interface PayPalMessagesComponent {
+    render: (container: HTMLElement | string) => Promise<void>;
+}
+
+/**
+ * Class PaypalWalletButtonExpress to work with Paypal Wallet.
+ *
+ * @extends BaseWalletButton
+ *
+ * @constructor
+ *
+ * @example
+ * var button = new PaypalWalletButtonExpress('#wallet-buttons', 'publicKeyOrAccessToken', 'gatewayId', meta);
+ *
+ * @param {string} selector - Selector of html element. Container for the PaypalWalletButtonExpress.
+ * @param {string} publicKeyOrAccessToken - Public key or Access token for the PaypalWalletButtonExpress.
+ * @param {string} gatewayId - Gateway ID for the PaypalWalletButtonExpress.
+ * @param {PaypalWalletMeta} meta - data that configures the Paypal Wallet.
+ */
+declare class PaypalWalletButtonExpress extends BaseWalletButton<PaypalWalletMeta> {
+    private config;
+    protected paypal: PayPalSDK;
+    protected pendingApprovalPromise?: Promise<{
+        status: string;
+    }>;
+    private shippingRequested;
+    /** @constructs */ constructor(selector: string, publicKeyOrAccessToken: string, gatewayId: string, meta: PaypalWalletMeta);
+    /**
+     * Initializes the availability checks and inserts the button if possible.
+     * Otherwise function onUnavailable(handler: VoidFunction) will be called.
+     * **Important**: Is required to invoke this method to render the wallet button.
+     *
+     * @example
+     *  button.load();
+     */
+    load(): void;
+    /**
+     * Call this method if updating the originally-provided meta object after order information changed.
+     * For example, if the order amount has changed from the time where the button was originally rendered.
+     *
+     * @example
+     * button.setMeta(meta);
+     * @param {PaypalWalletMeta} meta - // data that configures the Paypal Wallet.
+     */
+    setMeta(meta: PaypalWalletMeta): void;
+    private renderPaypalButton;
+    private renderPaypalCommonComponent;
+    private renderPaypalStandaloneComponent;
+    private paypalSharedProps;
+    private handleShippingAddressUpdate;
+    private handleShippingOptionsUpdate;
+}
+
+declare enum ErrorCodes$1 {
+    PROMISE_NOT_ENABLED = "promise_not_enabled",
+    SCRIPT_ERROR = "script_error"
+}
+interface PayPalDataCollectorConfig {
+    mouse_movement?: boolean;
+}
+interface IPayPalDataCollector {
+    collectDeviceData(): Promise<CollectedDeviceData>;
+    setEnv(env: string): void;
+}
+interface CollectedDeviceData {
+    correlation_id: string;
+}
+interface IOnErrorEventData$1 {
+    error_code: ErrorCodes$1;
+}
+
+/**
+ * PayPal Data Collector Widget constructor
+ *
+ * @param {string} [flowId] - This string identifies the source website of the FraudNet request.
+ * @param {PayPalDataCollectorConfig} [config] - Extra configuration for the widget.
+ *
+ * @example
+ * var payPalDataCollector = new PayPalDataCollector('FLOW_ID', {});
+ */
+declare class PayPalDataCollector {
+    protected service: IPayPalDataCollector;
+    protected eventEmitter: EventEmitter;
+    /** @constructs */ constructor(flowId?: string, config?: PayPalDataCollectorConfig);
+    /**
+     * After configuring the PayPalDataCollector Widget, starts the process and returns
+     * the correlation id used among the requests asynchronously.
+     *
+     * @returns {Promise<CollectedDeviceData>} Promise when resolved, returns an object
+     * that contains the `correlation_id` key.
+     *
+     * @example
+     * const collectedDeviceData = await payPalDataCollectorWidget.collectDeviceData();
+     * console.log(collectedDeviceData.correlation_id)
+     */
+    collectDeviceData(): Promise<CollectedDeviceData>;
+    /**
+     * Callback for onError method.
+     *
+     * @callback OnErrorCallback
+     * @param {IOnErrorEventData|null} data
+     */
+    /**
+     * If the process fails, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * PayPalDataCollector.onError((eventData) => console.log('Some error occur'));
+     *
+     * @param {OnErrorCallback} [callback] - Function to be called when there is an error in the flow.
+     */
+    onError(callback?: (data?: IOnErrorEventData$1) => void): () => void;
+    /**
+     * Current method can change environment. By default environment = test.
+     * This method does not affect Paydock's API calls or environments, is only for PayPal Data Collector
+     * script, in order to know if the script is injected on a live server or is a testing
+     * environment. The available values are `test` and `live`. This should match with the used
+     * `gateway.mode` in Paydock to process the transaction.
+     *
+     * @example
+     * PayPalDataCollector.setEnv('live');
+     * @param {string} env - test, live
+     */
+    setEnv(env: string): void;
+}
+
+interface PayPalStyleConfig {
+    layout?: 'vertical' | 'horizontal';
+    color?: 'blue' | 'gold' | 'silver' | 'black' | 'white';
+    shape?: 'rect' | 'sharp' | 'pill';
+    label?: 'paypal' | 'checkout' | 'buynow' | 'pay';
+    disableMaxWidth?: boolean;
+    disableMaxHeight?: boolean;
+    height?: number;
+    borderRadius?: number;
+    tagline?: boolean;
+}
+interface PayPalMessageConfig {
+    amount?: number;
+    align?: 'center' | 'left' | 'right';
+    color?: 'black' | 'white';
+    position?: 'top' | 'bottom';
+}
+interface PayPalSavePaymentSourceWidgetConfig {
+    style?: PayPalStyleConfig;
+    message?: PayPalMessageConfig;
+}
+interface IPayPalSavePaymentSourceWidget {
+    load(container: Container): void;
+    setEnv(env: string, alias?: string): void;
+}
+declare enum ErrorCodes {
+    UNAVAILABLE = "unavailable",
+    ON_PAYPAL_VAULT_SETUP_TOKEN_ERROR = "onPaypalVaultSetupTokenError",
+    ON_GET_ID_TOKEN_ERROR = "onGetIdTokenError",
+    ON_GET_WALLET_CONFIG_ERROR = "onGetWalletConfigError",
+    ON_GET_SETUP_TOKEN_ERROR = "onGetSetupTokenError",
+    ON_ONE_TIME_TOKEN_ERROR = "onOneTimeTokenError"
+}
+declare enum EVENTS {
+    ON_SUCCESS = "ON_SUCCESS",
+    ON_ERROR = "ON_ERROR",
+    ON_CANCEL = "ON_CANCEL"
+}
+interface IOnSuccessEventData {
+    event: EVENTS.ON_SUCCESS;
+    data: {
+        token: string;
+        email: string;
+    };
+}
+interface IOnErrorEventData {
+    event: EVENTS.ON_ERROR;
+    data: {
+        error_code: ErrorCodes;
+        details?: string;
+        message?: string;
+    };
+}
+interface IOnCancelEventData {
+    event: EVENTS.ON_CANCEL;
+}
+
+/**
+ * PayPal Save Payment Source Widget constructor
+ *
+ * @param {string} selector - Selector of html element. Container for PayPal Save Payment Source Widget.
+ * @param {string} publicKey - PayDock users public key.
+ * @param {string} gatewayId - PayDock's PayPal gatewayId.
+ * @param {PayPalSavePaymentSourceWidgetConfig} config - Extra configuration for the widget, like styles.
+ *
+ * @example
+ * var payPalSavePaymentSourceWidget = new PayPalSavePaymentSourceWidget('#paypalButton', 'public_key', 'gateway_id');
+ */
+declare class PayPalSavePaymentSourceWidget {
+    protected container: Container;
+    protected service: IPayPalSavePaymentSourceWidget;
+    protected eventEmitter: EventEmitter;
+    /** @constructs */ constructor(selector: string, publicKey: string, gatewayId: string, config?: PayPalSavePaymentSourceWidgetConfig);
+    /**
+     * The final method after configuring the PayPalSavePaymentSource Widget to
+     * start the load process.
+     */
+    load(): void;
+    /**
+     * Current method can change environment. By default environment = sandbox.
+     * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+     *
+     * @example
+     * payPalSavePaymentSourceWidget.setEnv('production');
+     * @param {string} env - sandbox, production
+     * @param {string} [alias] - Own domain alias
+     */
+    setEnv(env: string, alias?: string): void;
+    /**
+     * Callback for onSuccess method.
+     *
+     * @callback OnSuccessCallback
+     * @param {IOnSuccessEventData} data
+     */
+    /**
+     * If the setup token was successfully approved and a OTT was generated, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * payPalSavePaymentSourceWidget.onSuccess((eventData) => console.log('One time token and email obtained successfully'));
+     *
+     * @param {OnSuccessCallback} [callback] - Function to be called when the result is successful.
+     */
+    onSuccess(callback?: (data: IOnSuccessEventData) => void): () => void;
+    /**
+     * Callback for onError method.
+     *
+     * @callback OnErrorCallback
+     * @param {IOnErrorEventData} data
+     */
+    /**
+     * If in the process for obtaining the setup token fails, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * payPalSavePaymentSourceWidget.onError((eventData) => console.log('Some error occurred'));
+     *
+     * @param {OnErrorCallback} [callback] - Function to be called when there is an error in the flow.
+     */
+    onError(callback?: (data: IOnErrorEventData) => void): () => void;
+    /**
+     * Callback for onCancel method.
+     *
+     * @callback OnCancelCallback
+     * @param {IOnCancelEventData} data
+     */
+    /**
+     * If in the process for obtaining the setup token was cancelled, the function passed as parameter will be called.
+     * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+     *
+     * @example
+     * payPalSavePaymentSourceWidget.onCancel(() => console.log('Operation cancelled'));
+     *
+     * @param {OnCancelCallback} [callback] - Function to be called when the operation is cancelled.
+     */
+    onCancel(callback?: (data?: IOnCancelEventData) => void): () => void;
+}
+
+declare global {
+    interface Window {
+        paydock: {
+            WalletButtons: typeof WalletButtons;
+            PaypalCheckoutButton: typeof PaypalCheckoutButton;
+            AfterpayCheckoutButton: typeof AfterpayCheckoutButton;
+            ZipmoneyCheckoutButton: typeof ZipmoneyCheckoutButton;
+            PaymentSourceWidget: typeof PaymentSourceWidget;
+            VaultDisplayWidget: typeof VaultDisplayWidget;
+            ClickToPay: typeof ClickToPay;
+            ExternalCheckoutBuilder: typeof Builder$1;
+            ExternalCheckoutChecker: typeof Checker;
+            PaymentSourceBuilder: typeof Builder;
+            Canvas3DS: typeof Canvas3ds;
+            MultiWidget: typeof MultiWidget;
+            HtmlMultiWidget: typeof HtmlMultiWidget;
+            HtmlWidget: typeof HtmlWidget;
+            PayPalDataCollector: typeof PayPalDataCollector;
+            PayPalSavePaymentSource: typeof PayPalSavePaymentSourceWidget;
+        };
+    }
+}
+
+export { AfterpayCheckoutButton, Api, ApplePayWalletButtonExpress, CHECKOUT_BUTTON_EVENT, Canvas3ds, Checkout, ClickToPay, Configuration, ELEMENT, EVENT$1 as EVENT, Builder$1 as ExternalCheckoutBuilder, Checker as ExternalCheckoutChecker, FORM_FIELD, FRAUD_PREVENTION_EVENTS, type FraudPreventionEvent, type FraudPreventionEventType, type FraudPreventionProvider, FraudPreventionService, HtmlMultiWidget, HtmlPaymentSourceWidget, HtmlWidget, type ICheckout, type IClickToPayMeta, type IDetails, type IElementStyleInput, type IEventCheckoutFinishData, type IEventData, type IPayPalMeta, type IStyles$1 as IStyles, type ITexts, type IWalletMeta, type IWalletOnClickEvent, type IWalletPaymentSuccessfulEvent, type IWalletUnavailableEvent, type IWalletUpdateData, type IWalletUpdateEvent, InstructionDebugger, MultiWidget, PAYMENT_TYPE, PURPOSE, PayPalDataCollector, PayPalSavePaymentSourceWidget, Builder as PaymentSourceBuilder, PaymentSourceWidget, PaypalCheckoutButton, PaypalWalletButtonExpress, STYLABLE_ELEMENT, STYLABLE_ELEMENT_STATE, STYLE, SUPPORTED_CARD_TYPES, TEXT, TRIGGER, TYPE, VAULT_DISPLAY_STYLE, type VaultDisplayStyle, VaultDisplayWidget, WalletButtons, ZipmoneyCheckoutButton };