@vue-stripe/vue-stripe 5.0.0 → 5.2.0

package/dist/types/components/VueStripeP24BankElement.vue.d.ts

@@ -0,0 +1,155 @@
+import { StripeP24BankElement as StripeP24BankElementType, StripeP24BankElementOptions, StripeP24BankElementChangeEvent } from '@stripe/stripe-js';
+import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue-demi';
+interface Props {
+    options?: StripeP24BankElementOptions;
+}
+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: StripeP24BankElementChangeEvent) => any): StripeP24BankElementType;
+            (eventType: "ready", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "focus", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "blur", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "escape", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+        };
+        once: {
+            (eventType: "change", handler: (event: StripeP24BankElementChangeEvent) => any): StripeP24BankElementType;
+            (eventType: "ready", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "focus", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "blur", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "escape", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+        };
+        off: {
+            (eventType: "change", handler: (event: StripeP24BankElementChangeEvent) => any): StripeP24BankElementType;
+            (eventType: "ready", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "focus", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "blur", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "escape", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+        };
+        update: (options: Partial<StripeP24BankElementOptions>) => void;
+    } | null, StripeP24BankElementType | {
+        mount: (domElement: string | HTMLElement) => void;
+        blur: () => void;
+        clear: () => void;
+        destroy: () => void;
+        focus: () => void;
+        unmount: () => void;
+        on: {
+            (eventType: "change", handler: (event: StripeP24BankElementChangeEvent) => any): StripeP24BankElementType;
+            (eventType: "ready", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "focus", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "blur", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "escape", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+        };
+        once: {
+            (eventType: "change", handler: (event: StripeP24BankElementChangeEvent) => any): StripeP24BankElementType;
+            (eventType: "ready", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "focus", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "blur", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "escape", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+        };
+        off: {
+            (eventType: "change", handler: (event: StripeP24BankElementChangeEvent) => any): StripeP24BankElementType;
+            (eventType: "ready", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "focus", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "blur", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+            (eventType: "escape", handler: (event: {
+                elementType: "p24Bank";
+            }) => any): StripeP24BankElementType;
+        };
+        update: (options: Partial<StripeP24BankElementOptions>) => void;
+    } | null>;
+    loading: Ref<boolean, boolean>;
+    error: Ref<string | null, string | null>;
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    clear: () => void | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    blur: () => any;
+    change: (event: StripeP24BankElementChangeEvent) => any;
+    focus: () => any;
+    ready: (element: StripeP24BankElementType) => any;
+    escape: () => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: () => any;
+    onChange?: (event: StripeP24BankElementChangeEvent) => any;
+    onFocus?: () => any;
+    onReady?: (element: StripeP24BankElementType) => any;
+    onEscape?: () => 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=VueStripeP24BankElement.vue.d.ts.map

package/dist/types/components/VueStripeP24BankElement.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueStripeP24BankElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/VueStripeP24BankElement.vue"],"names":[],"mappings":";AA6NA,OAAO,KAAK,EACV,oBAAoB,IAAI,wBAAwB,EAChD,2BAA2B,EAC3B,+BAA+B,EAChC,MAAM,mBAAmB,CAAA;AAI1B,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,2BAA2B,CAAA;CACtC;AA4ID,iBAAS,cAAc;WA+DT,OAAO,IAA6B;;;;YAZvB,GAAG;yBACD,GAAG;;;;;;EAgB/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAOpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/types/components/index.d.ts

@@ -8,5 +8,9 @@ export { default as VueStripeCardExpiryElement } from './VueStripeCardExpiryElem
 export { default as VueStripeCardCvcElement } from './VueStripeCardCvcElement.vue';
 export { default as VueStripeLinkAuthenticationElement } from './VueStripeLinkAuthenticationElement.vue';
 export { default as VueStripeAddressElement } from './VueStripeAddressElement.vue';
+export { default as VueStripeIbanElement } from './VueStripeIbanElement.vue';
+export { default as VueStripeIdealBankElement } from './VueStripeIdealBankElement.vue';
+export { default as VueStripeP24BankElement } from './VueStripeP24BankElement.vue';
+export { default as VueStripeEpsBankElement } from './VueStripeEpsBankElement.vue';
 export { default as VueStripeCheckout } from './VueStripeCheckout.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,uCAAuC,CAAA;AAGlG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAGlF,OAAO,EAAE,OAAO,IAAI,kCAAkC,EAAE,MAAM,0CAA0C,CAAA;AACxG,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAGlF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,uCAAuC,CAAA;AAGlG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAGlF,OAAO,EAAE,OAAO,IAAI,kCAAkC,EAAE,MAAM,0CAA0C,CAAA;AACxG,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAGlF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AACtF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAGlF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/types/composables/useStripeCheckout.d.ts

@@ -1,9 +1,72 @@
 import { Ref } from 'vue-demi';
-import { RedirectToCheckoutOptions } from '@stripe/stripe-js';
+/**
+ * Options for URL-based checkout redirect (v8.x compatible)
+ */
+export interface CheckoutRedirectOptions {
+    /** The checkout session URL from your server */
+    url: string;
+}
+/**
+ * Options for legacy redirectToCheckout (v7.x only)
+ * @deprecated Use CheckoutRedirectOptions with URL redirect instead
+ */
+export interface LegacyCheckoutOptions {
+    /** Checkout Session ID */
+    sessionId?: string;
+    /** Line items for client-side session creation */
+    lineItems?: Array<{
+        price: string;
+        quantity: number;
+    }>;
+    /** Checkout mode */
+    mode?: 'payment' | 'subscription' | 'setup';
+    /** Success redirect URL */
+    successUrl?: string;
+    /** Cancel redirect URL */
+    cancelUrl?: string;
+}
 export interface UseStripeCheckoutReturn {
-    redirectToCheckout: (options: RedirectToCheckoutOptions) => Promise<void>;
+    /**
+     * Redirect to Stripe Checkout using session URL (v8.x compatible, recommended)
+     */
+    redirectToCheckout: (options: CheckoutRedirectOptions | LegacyCheckoutOptions) => Promise<void>;
+    /**
+     * Redirect to checkout using session URL (v8.x compatible)
+     */
+    redirectToUrl: (url: string) => void;
     loading: Readonly<Ref<boolean>>;
     error: Readonly<Ref<string | null>>;
 }
+/**
+ * Composable for handling Stripe Checkout redirects.
+ *
+ * Supports both @stripe/stripe-js v7.x (redirectToCheckout) and v8.x (URL redirect).
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useStripeCheckout } from '@vue-stripe/vue-stripe'
+ *
+ * const { redirectToCheckout, redirectToUrl, loading, error } = useStripeCheckout()
+ *
+ * // v8.x compatible (recommended)
+ * const handleCheckout = async () => {
+ *   const response = await fetch('/api/create-checkout-session', {
+ *     method: 'POST',
+ *     body: JSON.stringify({ priceId: 'price_xxx' })
+ *   })
+ *   const { url } = await response.json()
+ *   redirectToUrl(url)
+ * }
+ *
+ * // Or using redirectToCheckout with URL
+ * const handleCheckoutAlt = async () => {
+ *   const response = await fetch('/api/create-checkout-session')
+ *   const { url } = await response.json()
+ *   await redirectToCheckout({ url })
+ * }
+ * </script>
+ * ```
+ */
 export declare function useStripeCheckout(): UseStripeCheckoutReturn;
 //# sourceMappingURL=useStripeCheckout.d.ts.map

package/dist/types/composables/useStripeCheckout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStripeCheckout.d.ts","sourceRoot":"","sources":["../../../src/composables/useStripeCheckout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAA;AAIlE,MAAM,WAAW,uBAAuB;IACtC,kBAAkB,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzE,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/B,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;CACpC;AAED,wBAAgB,iBAAiB,IAAI,uBAAuB,CAoC3D"}
+{"version":3,"file":"useStripeCheckout.d.ts","sourceRoot":"","sources":["../../../src/composables/useStripeCheckout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAIlD;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,gDAAgD;IAChD,GAAG,EAAE,MAAM,CAAA;CACZ;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,SAAS,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACtD,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,cAAc,GAAG,OAAO,CAAA;IAC3C,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,kBAAkB,EAAE,CAAC,OAAO,EAAE,uBAAuB,GAAG,qBAAqB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/F;;OAEG;IACH,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/B,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,iBAAiB,IAAI,uBAAuB,CAiF3D"}