import { Client } from "./client";
import { BraintreeError, callback } from "./core";

export interface ThreeDSecureAccountDetails {
    cardType: string;
    lastTwo: string;
}

export interface ThreeDSecureBinData {
    commercial: string;
    countryOfIssuance: string;
    debit: string;
    durbinRegulated: string;
    healthcare: string;
    issuingBank: string;
    payroll: string;
    prepaid: string;
    productId: string;
}

export interface ThreeDSecureInfo {
    liabilityShiftPossible: boolean;
    liabilityShifted: boolean;
    cavv: string;
    xid: string;
    dsTransactionId: string;
    threeDSecureVersion: string;
    eciFlag: string;
    threeDSecureAuthenticationId: string;
    status:
        | "authenticate_attempt_successful"
        | "authenticate_error"
        | "authenticate_failed_acs_error"
        | "authenticate_failed"
        | "authenticate_frictionless_failed"
        | "authenticate_rejected"
        | "authenticate_successful"
        | "authenticate_unable_to_authenticate"
        | "authentication_unavailable"
        | "challenge_required"
        | "data_only_successful"
        | "lookup_bypassed"
        | "lookup_card_error"
        | "lookup_error"
        | "lookup_failed_acs_error"
        | "lookup_not_enrolled"
        | "unsupported_account_type"
        | "unsupported_card";
}

export interface ThreeDSecureVerifyPayload {
    nonce: string;
    type: string;
    details: ThreeDSecureAccountDetails;
    description: string;
    binData: ThreeDSecureBinData;
    /** @deprecated Use threeDSecureInfo.liabilityShiftPossible */
    liabilityShiftPossible: boolean;
    /** @deprecated Use threeDSecureInfo.liabilityShifted */
    liabilityShifted: boolean;
    threeDSecureInfo: ThreeDSecureInfo;
}

export interface ThreeDSecureBillingAddress {
    givenName?: string | undefined;
    surname?: string | undefined;
    phoneNumber?: string | undefined;
    streetAddress?: string | undefined;
    extendedAddress?: string | undefined;
    line3?: string | undefined;
    locality?: string | undefined;
    region?: string | undefined;
    postalCode?: string | undefined;
    countryCodeAlpha2?: string | undefined;
}

export interface ThreeDSecureShippingAddress {
    streetAddress: string;
    extendedAddress: string;
    line3: string;
    locality: string;
    region: string;
    postalCode: string;
    countryCodeAlpha2: string;
}

export interface ThreeDSecureAdditionalInformation {
    workPhoneNumber?: string | undefined;
    shippingGivenName?: string | undefined;
    shippingSurname?: string | undefined;
    shippingAddress?: ThreeDSecureShippingAddress | undefined;
    streetAddress?: string | undefined;
    extendedAddress?: string | undefined;
    line3?: string | undefined;
    locality?: string | undefined;
    region?: string | undefined;
    postalCode?: string | undefined;
    countryCodeAlpha2?: string | undefined;
    shippingPhone?: string | undefined;
    shippingMethod?: string | undefined;
    shippingMethodIndicator?: string | undefined;
    productCode?: string | undefined;
    deliveryTimeframe?: string | undefined;
    deliveryEmail?: string | undefined;
    reorderindicator?: string | undefined;
    preorderIndicator?: string | undefined;
    preorderDate?: string | undefined;
    giftCardAmount?: string | undefined;
    giftCardCurrencyCode?: string | undefined;
    giftCardCount?: string | undefined;
    accountAgeIndicator?: string | undefined;
    accountCreateDate?: string | undefined;
    accountChangeIndicator?: string | undefined;
    accountChangeDate?: string | undefined;
    accountPwdChangeIndicator?: string | undefined;
    accountPwdChangeDate?: string | undefined;
    shippingAddressUsageIndicator?: string | undefined;
    shippingAddressUsageDate?: string | undefined;
    transactionCountDay?: string | undefined;
    transactionCountYear?: string | undefined;
    addCardAttempts?: string | undefined;
    accountPurchases?: string | undefined;
    fraudActivity?: string | undefined;
    shippingNameIndicator?: string | undefined;
    paymentAccountIndicator?: string | undefined;
    paymentAccountAge?: string | undefined;
    acsWindowSize?: string | undefined;
    sdkMaxTimeout?: string | undefined;
    addressMatch?: string | undefined;
    accountId?: string | undefined;
    ipAddress?: string | undefined;
    orderDescription?: string | undefined;
    taxAmount?: string | undefined;
    userAgent?: string | undefined;
    authenticationIndicator?: string | undefined;
    installment?: string | undefined;
    purchaseDate?: string | undefined;
    recurringEnd?: string | undefined;
    recurringFrequency?: string | undefined;
}

export interface ThreeDSecureVerifyOptions {
    nonce: string;
    amount: string;
    bin: string;
    challengeRequested?: boolean | undefined;
    /**
     * If set to `true`, device data such as browser screen dimensions, language and time zone is submitted with lookup data.
     */
    collectDeviceData?: boolean | undefined;
    exemptionRequested?: boolean | undefined;
    email?: string | undefined;
    mobilePhoneNumber?: string | undefined;
    billingAddress?: ThreeDSecureBillingAddress | undefined;
    additionalInformation?: ThreeDSecureAdditionalInformation | undefined;
    /** @deprecated Only to be used for 3DS 1.0 integrations. */
    addFrame?: ((err?: BraintreeError, iframe?: HTMLIFrameElement) => void) | undefined;
    /** @deprecated Only to be used for 3DS 1.0 integrations. */
    removeFrame?: (() => void) | undefined;
}

/**
 * Verification data provided by on('lookup-complete').
 * See https://github.com/braintree/braintree-web/blob/5f858c007f1d66ecd42902de3c81f3ea1296ebb2/src/three-d-secure/external/three-d-secure.js#L90-L99
 */
export interface ThreeDSecureVerificationData {
    requiresUserAuthentication: boolean;
    threeDSecureInfo: {
        liabilityShiftPossible: boolean;
        liabilityShifted: boolean;
    };
    lookup: {
        threeDSecureVersion: string;
    };
    paymentMethod: ThreeDSecureVerifyPayload;
}

/**
 * types of 3DS events to listen to.
 * See https://braintree.github.io/braintree-web/current/ThreeDSecure.html#event
 * for an explanation of each event type.
 */
export type ThreeDSecureEvent =
    | "lookup-complete"
    | "customer-canceled"
    | "authentication-iframe-available"
    | "authentication-modal-render"
    | "authentication-modal-close";

export interface ThreeDSecureCreateOptions {
    authorization?: string | undefined;
    /**
     * The version of 3D Secure to use. Possible options:
     *
     * 1 - The legacy 3D Secure v1.0 integration.
     *
     * 2 - A 3D Secure v2.0 integration that uses a modal to host the 3D Secure iframe.
     *
     * 2-bootstrap3-modal - A 3D Secure v2.0 integration that uses a modal styled with Bootstrap 3 styles
     * to host the 3D Secure iframe. Requires having the Bootstrap 3 script files and stylesheets on your page.
     *
     * 2-inline-iframe - A 3D Secure v2.0 integration that provides the authentication iframe directly to the merchant.
     */
    version?: 1 | "1" | 2 | "2" | "2-bootstrap3-modal" | "2-inline-iframe" | undefined;
    client?: Client | undefined;
}

export interface ThreeDSecure {
    addFrameCallback: (err?: BraintreeError, iframe?: HTMLIFrameElement) => void;

    /**
     * @description The callback used for options.removeFrame in {@link ThreeDSecure#verifyCard|verifyCard}.
     */
    removeFrameCallback: () => void;

    /**
     * Launch the 3D Secure login flow, returning a nonce payload.
     * @example
     * <caption>Verifying an existing nonce with 3DS</caption>
     * var my3DSContainer;
     *
     * threeDSecure.verifyCard({
     *   nonce: existingNonce,
     *   amount: '123.45',
     *   addFrame: function (err, iframe) {
     *     // Set up your UI and add the iframe.
     *     my3DSContainer = document.createElement('div');
     *     my3DSContainer.appendChild(iframe);
     *     document.body.appendChild(my3DSContainer);
     *   },
     *   removeFrame: function () {
     *     // Remove UI that you added in addFrame.
     *     document.body.removeChild(my3DSContainer);
     *   }
     * }, function (err, payload) {
     *   if (err) {
     *     console.error(err);
     *     return;
     *   }
     *
     *   if (payload.liabilityShifted) {
     *     // Liablity has shifted
     *     submitNonceToServer(payload.nonce);
     *   } else if (payload.liabilityShiftPossible) {
     *     // Liablity may still be shifted
     *     // Decide if you want to submit the nonce
     *   } else {
     *     // Liablity has not shifted and will not shift
     *     // Decide if you want to submit the nonce
     *   }
     * });
     */
    verifyCard(options: ThreeDSecureVerifyOptions): Promise<ThreeDSecureVerifyPayload>;
    verifyCard(options: ThreeDSecureVerifyOptions, callback: callback<ThreeDSecureVerifyPayload>): void;

    /**
     * Cancel the 3DS flow and return the verification payload if available.
     * @example
     * threeDSecure.cancelVerifyCard(function (err, verifyPayload) {
     *   if (err) {
     *     // Handle error
     *     console.log(err.message); // No verification payload available
     *     return;
     *   }
     *
     *   verifyPayload.nonce; // The nonce returned from the 3ds lookup call
     *   verifyPayload.liabilityShifted; // boolean
     *   verifyPayload.liabilityShiftPossible; // boolean
     * });
     */
    cancelVerifyCard(callback: callback): void;

    /**
     * Gather the data needed for a 3D Secure lookup call.
     * @example
     * <caption>Preparing data for a 3D Secure lookup</caption>
     * threeDSecure.prepareLookup({
     *   nonce: hostedFieldsTokenizationPayload.nonce,
     *   bin: hostedFieldsTokenizationPayload.details.bin
     * }, function (err, payload) {
     *   if (err) {
     *     console.error(err);
     *     return;
     *   }
     *
     *   // send payload to server to do server side lookup
     * });
     */
    prepareLookup(options: { nonce: string; bin: string }): Promise<string>;
    prepareLookup(options: { nonce: string; bin: string }, callback: callback<string>): void;

    /**
     * Cleanly tear down anything set up by {@link module:braintree-web/three-d-secure.create|create}
     */
    teardown(callback?: callback): void;

    /**
     * Subscribes a handler function to a named event.
     * Documentation link: https://braintree.github.io/braintree-web/current/ThreeDSecure.html#on
     */
    on(event: ThreeDSecureEvent, handler: (data?: any, next?: () => void) => void): void;
    /**
     * Subscribes a function to execute when lookup completes.
     * The first argument, `data`, is a ThreeDSecureVerificationData object, and the second argument, `next`, is a callback. `next` must be called to continue.
     * See https://braintree.github.io/braintree-web/current/ThreeDSecure.html#event:lookup-complete,
     * and https://developer.paypal.com/braintree/docs/guides/3d-secure/migration/javascript/v3#hosted-fields.
     */
    on(event: "lookup-complete", handler: (data?: ThreeDSecureVerificationData, next?: () => void) => void): void;

    /**
     * Unsubscribes the handler function to a named event.
     * Documentation link: https://braintree.github.io/braintree-web/current/ThreeDSecure.html#off
     */
    off(event: ThreeDSecureEvent, handler: (data?: any, next?: () => void) => void): void;
}

/**
 * braintree.threeDSecure.create({
 *   client: client
 * }, callback);
 */
export function create(options: ThreeDSecureCreateOptions): Promise<ThreeDSecure>;
export function create(options: ThreeDSecureCreateOptions, callback: callback<ThreeDSecure>): void;