@paydock/client-sdk 1.106.1 → 1.107.0-beta

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

@@ -0,0 +1,3206 @@
+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;
+    };
+}
+
+declare type Configs = IConf[];
+interface IConf {
+    env: string;
+    url: string;
+}
+interface IEnvironment {
+    getConf(): IConf;
+    getEnv(): string;
+    setEnv(env: string, alias?: string): void;
+}
+
+declare class Env implements IEnvironment {
+    private alias;
+    private configs;
+    private env;
+    constructor(configs: Configs, defaultEnv?: string);
+    setEnv(env: string, alias?: string): void;
+    getEnv(): string;
+    getConf(): IConf;
+    private isValidMode;
+}
+
+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;
+    setAuthType(): API_AUTH_TYPE;
+    getClient(method: 'GET' | 'POST', link: string): {
+        config: XMLHttpRequest;
+        send: (body: any, cb?: (data: any) => void, errorCb?: (data: any) => void) => void;
+    };
+    getClientPromise<Req extends object, Res>(method: '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>;
+    setAuthHeader(request: XMLHttpRequest): void;
+}
+
+interface BrowserDetails {
+    name: string;
+    java_enabled: string;
+    language: string;
+    screen_height: string;
+    screen_width: string;
+    time_zone: string;
+    color_depth: 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]
+ * */
+/**
+ * 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;
+};
+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;
+}
+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?: string;
+}
+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;
+    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[];
+}
+
+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;
+    }): void;
+    loadFromHtml(content: string, options?: {
+        title?: string;
+    }): void;
+    remove(): void;
+    show(): void;
+    hide(saveSize?: boolean): void;
+    isExist(): boolean;
+    getElement(): HTMLIFrameElement;
+    setStyle(property: string, value: string): 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: string;
+    widget_id: string;
+    data?: any;
+    ref_id?: string;
+}
+declare const EVENT: {
+    AFTER_LOAD: string;
+    SUBMIT: string;
+    FINISH: string;
+    VALIDATION_ERROR: string;
+    SYSTEM_ERROR: string;
+    /** @deprecated */
+    CHECKOUT_SUCCESS: string;
+    CHECKOUT_READY: string;
+    CHECKOUT_ERROR: string;
+    CHECKOUT_COMPLETED: string;
+    CHECKOUT_POPUP_OPEN: string;
+    CHECKOUT_POPUP_CLOSE: string;
+    VALIDATION: string;
+    SELECT: string;
+    UNSELECT: string;
+    NEXT: string;
+    PREV: string;
+    META_CHANGE: string;
+    RESIZE: string;
+    CHARGE_AUTH_SUCCESS: string;
+    CHARGE_AUTH_REJECT: string;
+    CHARGE_AUTH_CANCELLED: string;
+    ADDITIONAL_DATA_SUCCESS: string;
+    ADDITIONAL_DATA_REJECT: string;
+    CHARGE_AUTH: string;
+    DISPATCH_SUCCESS: string;
+    DISPATCH_ERROR: string;
+};
+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;
+}
+
+/**
+ * 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;
+};
+/**
+ * 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 const PURPOSE: {
+    PAYMENT_SOURCE: string;
+    CARD_PAYMENT_SOURCE_WITH_CVV: string;
+    CARD_PAYMENT_SOURCE_WITHOUT_CVV: string;
+};
+interface IGeneral {
+    purpose: string;
+    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[], cb: (tokens: string[]) => void, errorCb?: (errors: string[]) => void): void;
+    private static finishCreatingEachToken;
+    /** @constructs */ constructor(gatewayID?: string, paymentType?: string, purpose?: string);
+    /**
+     * 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;
+    private send;
+    getConfigs(): IGeneral;
+    private getUrl;
+    setGiftCardSchemeData(giftCardScheme: any, processingNetwork: any): void;
+}
+
+declare class EventEmitter {
+    private events;
+    emit<T>(eventName: string, data?: T): void;
+    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 IContextualRunner extends IRunner {
+    run(): void;
+    isRunning(): boolean;
+    continue(): void;
+    stop(): void;
+    onStop(cb: () => void): void;
+    onCheckout(event: string, cb: (checkout: ICheckout) => 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);
+}
+
+/**
+ *
+ * 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';
+}
+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;
+        };
+    };
+}
+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 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 ApiInternal extends ApiBase {
+    charge(): ApiChargeInternal;
+    service(): ApiServiceInternal;
+}
+
+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;
+}
+
+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;
+}
+
+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 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;
+}
+
+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 IEventData {
+    event: string;
+    data: void | IWalletPaymentSuccessful | IWalletUpdate | IWalletUnavailable | IWalletOnClick | any;
+}
+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: IEventData) => 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: IEventData) => 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: IEventData) => 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: IEventData) => 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;
+}
+
+/**
+ * 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;
+}
+
+/**
+ *
+ * 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;
+    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 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?: (errors: string[]) => void): void;
+    /**
+     * Method for setting a custom language code
+     *
+     * @example
+     * config.setLanguage('en');
+     * @param {string} code - ISO 639-1
+     */
+    setLanguage(code: any): 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;
+}
+/**
+ * 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 event: IFrameEvent;
+    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?: string);
+    /**
+     * 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;
+}
+
+export { AfterpayCheckoutButton, Api, CHECKOUT_BUTTON_EVENT, Canvas3ds, ClickToPay, Configuration, ELEMENT, EVENT, Builder$1 as ExternalCheckoutBuilder, Checker as ExternalCheckoutChecker, FORM_FIELD, HtmlMultiWidget, HtmlPaymentSourceWidget, HtmlWidget, type ICheckout, type IDetails, type IElementStyleInput, type IEventCheckoutFinishData, type IPayPalMeta, type IStyles$1 as IStyles, type ITexts, MultiWidget, PAYMENT_TYPE, PURPOSE, Builder as PaymentSourceBuilder, PaymentSourceWidget, PaypalCheckoutButton, STYLABLE_ELEMENT, STYLABLE_ELEMENT_STATE, STYLE, SUPPORTED_CARD_TYPES, TEXT, TRIGGER, TYPE, VAULT_DISPLAY_STYLE, type VaultDisplayStyle, VaultDisplayWidget, WalletButtons, ZipmoneyCheckoutButton };