@vue-stripe/vue-stripe/dist/types/components/VueStripePaymentElement.vue.d.ts

Vue Stripe elements and composables for Stripe.js

import { StripePaymentElement as StripePaymentElementType, StripePaymentElementOptions, StripePaymentElementChangeEvent, StripeError, StripePaymentElementCardDetailsChangeEvent, StripePaymentElementSavedPaymentMethodUpdateEvent, StripePaymentElementSavedPaymentMethodRemoveEvent } from '@stripe/stripe-js';
import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue-demi';
interface Props {
    options?: StripePaymentElementOptions;
}
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        error?(_: {
            error: string;
        }): any;
        loading?(_: {}): any;
    };
    refs: {
        elementRef: HTMLDivElement;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: DefineComponent<Props, {
    element: Ref<{
        mount: (domElement: string | HTMLElement) => void;
        blur: () => void;
        clear: () => void;
        destroy: () => void;
        focus: () => void;
        unmount: () => void;
        on: {
            (eventType: "change", handler: (event: StripePaymentElementChangeEvent) => any): StripePaymentElementType;
            (eventType: "ready", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "focus", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "blur", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "escape", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "loaderror", handler: (event: {
                elementType: "payment";
                error: StripeError;
            }) => any): StripePaymentElementType;
            (eventType: "loaderstart", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "carddetailschange", handler: (event: StripePaymentElementCardDetailsChangeEvent) => any): StripePaymentElementType;
            (eventType: "savedpaymentmethodupdate", handler: (event: StripePaymentElementSavedPaymentMethodUpdateEvent) => any): StripePaymentElementType;
            (eventType: "savedpaymentmethodremove", handler: (event: StripePaymentElementSavedPaymentMethodRemoveEvent) => any): StripePaymentElementType;
        };
        once: {
            (eventType: "change", handler: (event: StripePaymentElementChangeEvent) => any): StripePaymentElementType;
            (eventType: "ready", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "focus", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "blur", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "escape", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "loaderror", handler: (event: {
                elementType: "payment";
                error: StripeError;
            }) => any): StripePaymentElementType;
            (eventType: "loaderstart", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
        };
        off: {
            (eventType: "change", handler?: (event: StripePaymentElementChangeEvent) => any): StripePaymentElementType;
            (eventType: "ready", handler?: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "focus", handler?: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "blur", handler?: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "escape", handler?: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "loaderror", handler?: (event: {
                elementType: "payment";
                error: StripeError;
            }) => any): StripePaymentElementType;
            (eventType: "loaderstart", handler?: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
        };
        update: (options: Partial<StripePaymentElementOptions>) => StripePaymentElementType;
        collapse: () => StripePaymentElementType;
    } | null, StripePaymentElementType | {
        mount: (domElement: string | HTMLElement) => void;
        blur: () => void;
        clear: () => void;
        destroy: () => void;
        focus: () => void;
        unmount: () => void;
        on: {
            (eventType: "change", handler: (event: StripePaymentElementChangeEvent) => any): StripePaymentElementType;
            (eventType: "ready", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "focus", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "blur", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "escape", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "loaderror", handler: (event: {
                elementType: "payment";
                error: StripeError;
            }) => any): StripePaymentElementType;
            (eventType: "loaderstart", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "carddetailschange", handler: (event: StripePaymentElementCardDetailsChangeEvent) => any): StripePaymentElementType;
            (eventType: "savedpaymentmethodupdate", handler: (event: StripePaymentElementSavedPaymentMethodUpdateEvent) => any): StripePaymentElementType;
            (eventType: "savedpaymentmethodremove", handler: (event: StripePaymentElementSavedPaymentMethodRemoveEvent) => any): StripePaymentElementType;
        };
        once: {
            (eventType: "change", handler: (event: StripePaymentElementChangeEvent) => any): StripePaymentElementType;
            (eventType: "ready", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "focus", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "blur", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "escape", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "loaderror", handler: (event: {
                elementType: "payment";
                error: StripeError;
            }) => any): StripePaymentElementType;
            (eventType: "loaderstart", handler: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
        };
        off: {
            (eventType: "change", handler?: (event: StripePaymentElementChangeEvent) => any): StripePaymentElementType;
            (eventType: "ready", handler?: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "focus", handler?: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "blur", handler?: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "escape", handler?: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
            (eventType: "loaderror", handler?: (event: {
                elementType: "payment";
                error: StripeError;
            }) => any): StripePaymentElementType;
            (eventType: "loaderstart", handler?: (event: {
                elementType: "payment";
            }) => any): StripePaymentElementType;
        };
        update: (options: Partial<StripePaymentElementOptions>) => StripePaymentElementType;
        collapse: () => StripePaymentElementType;
    } | null>;
    loading: Ref<boolean, boolean>;
    error: Ref<string | null, string | null>;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    blur: () => any;
    change: (event: StripePaymentElementChangeEvent) => any;
    focus: () => any;
    ready: (element: StripePaymentElementType) => any;
    escape: () => any;
    loaderstart: () => any;
    loaderstop: () => any;
}, string, PublicProps, Readonly<Props> & Readonly<{
    onBlur?: () => any;
    onChange?: (event: StripePaymentElementChangeEvent) => any;
    onFocus?: () => any;
    onReady?: (element: StripePaymentElementType) => any;
    onEscape?: () => any;
    onLoaderstart?: () => any;
    onLoaderstop?: () => any;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
    elementRef: HTMLDivElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
//# sourceMappingURL=VueStripePaymentElement.vue.d.ts.map