@authvia/payment-method-create 0.4.0 → 0.6.0

package/README.md

@@ -25,9 +25,10 @@ Exports:
 
 ## Features (summary)
 
-- **Token:** A valid JWT is required for the inner form to render. The token must include `https://authvia.com/uuid` and `payment_methods:create` in `scope`. Empty, invalid, or expired tokens keep the form hidden. In those cases the wrapper emits `error` as `{ phase: 'init', error }`, then `ready`, and logs a warning.
+- **Token:** A valid JWT is required for the inner form to render. The token must include `https://authvia.com/uuid` and `payment_methods:create` in `scope`. Missing, empty, invalid, or expired tokens keep the form hidden; the wrapper emits `error` as `{ phase: 'init', error }` and logs a warning, and does **not** emit `ready`. **`ready` is emitted only after the token passes validation.**
 - **Enabled methods:** Props such as `card`, `ach`, `paypal`, `venmo`, and `paze` control what appears. Methods you do not configure stay off the list.
 - **Runtime errors:** Failures while saving emit `error` with a payload that usually includes a `message` string (shape is **not** `{ phase: 'init', … }`). Incomplete **Paze** or **PayPal/Venmo** (for non-`payouts` intent) config hides those methods in the list instead of erroring on open. The embed usually stays mounted so the user can retry.
+- **Sentry:** Supports standalone widget ownership (`VITE_WIDGET_SENTRY_DSN`) and host-owned ownership (`VITE_SENTRY_EMBED_MODE=lock` or `window.__AUTHVIA_EMBED__.sentry='host'`) without double-init.
 - **Success:** `success` carries payment method details (see Events). The host decides navigation or hiding the embed.
 - **Styling:** Accent color, border radius, and field `variant` are configurable; CSS variables use the `--avwc-*` prefix on the form root.
 
@@ -72,7 +73,7 @@ Named export `AuthviaPaymentMethodFormPlugin` is also available for explicit imp
 import { AuthviaPaymentMethodForm } from '@authvia/payment-method-create';
 
 function onReady(): void {
-  /* token passed validation; form may be visible */
+  /* JWT passed validation; inner form can render */
 }
 
 function onSuccess(detail: unknown): void {
@@ -112,7 +113,7 @@ See `demo.html` in this repo for a full page example.
 Load the built script after Vue (for example the output of `npm run build:wc`):
 
 ```html
-<script type="module" src="./path/to/authvia-payment-method-create.js"></script>
+<script type="module" src=".https://cdn.authvia.com/web-components/authvia-payment-method-create/authvia-payment-method-create.js"></script>
 ```
 
 ### Web component events
@@ -121,7 +122,7 @@ Listen on the custom element for:
 
 | Event | `detail` |
 |--------|----------|
-| `ready` | Fires after token checks complete (form may still be hidden if token invalid). |
+| `ready` | Emitted only when the JWT passes validation (non-empty, parseable, not expired, required scope). Not emitted for missing, invalid, expired, or under-scoped tokens; use `error` with `{ phase: 'init', error }` instead. |
 | `submit` | Emitted from some inner flows (for example ACH / PayPal) with form-related payloads. |
 | `success` | Saved payment method; includes `paymentMethodId` in the normalized payload. |
 | `error` | Init failures: `{ phase: 'init', error }`. Runtime: often `{ message: string }` or similar. |
@@ -136,6 +137,24 @@ Listen on the custom element for:
 </script>
 ```
 
+## Sentry behavior
+
+The package uses a single-client ownership model:
+
+- **Standalone widget mode:** set `VITE_WIDGET_SENTRY_DSN`; the widget calls `Sentry.init` once and tags events with `component=payment-method-create` and `integration=standalone-web-component`.
+- **Embedded host mode (Lock or another host):** set `VITE_SENTRY_EMBED_MODE=lock` at build time, or set `window.__AUTHVIA_EMBED__.sentry = 'host'` before widget mount; the widget skips `Sentry.init` and attaches handlers to the active host client.
+- **No active Sentry client:** capture helpers are safe no-ops.
+
+Supported Sentry env vars:
+
+| Variable | Purpose | Default |
+|----------|---------|---------|
+| `VITE_WIDGET_SENTRY_DSN` | DSN for standalone widget ownership | unset |
+| `VITE_SENTRY_EMBED_MODE` | Set to `lock` to force host-owned mode | unset |
+| `VITE_SENTRY_RELEASE` | Optional release version sent to Sentry | unset |
+| `VITE_SENTRY_REPLAY_SESSION_SAMPLE_RATE` | Session replay sample rate (`0..1`) | `0` |
+| `VITE_SENTRY_REPLAY_ON_ERROR_SAMPLE_RATE` | Replay-on-error sample rate (`0..1`) | `1` |
+
 ## Props (overview)
 
 Details and examples match **Storybook** (`src/components/AuthviaPaymentMethodForm.stories.ts`).
@@ -147,7 +166,7 @@ Details and examples match **Storybook** (`src/components/AuthviaPaymentMethodFo
 | List UI | `paymentMethodDisplay` (titles, subtitles, order; optional root `gap`) |
 | Legal / footer | `terms` (privacy + terms links) |
 | Behavior | `forgetHidden`, `forgetDefault`, `restrictions` |
-| Styling | `color` (default `#4CAF50`), `borderRadius` (default `1rem`), `variant` (default `outlined`), `vuetifyOverrides` (web component: plain CSS string for Shadow DOM) |
+| Styling | `color` (default `#4CAF50`, from `DEFAULT_AVWC_PRIMARY_COLOR`), `borderRadius` (default `1rem`, from `DEFAULT_AVWC_BORDER_RADIUS`), `variant` (default `outlined`, from `DEFAULT_AVWC_FIELD_VARIANT`), `vuetifyOverrides` (web component: plain CSS string for Shadow DOM) |
 
 ### `paymentMethodDisplay`
 
@@ -205,8 +224,8 @@ Use these hooks in `data-vuetify-overrides` (web component) or host CSS. Canonic
 
 The form root sets theming variables, including:
 
-- `--avwc-color` (accent; mirrors `color` prop, default `#4CAF50`)
-- `--avwc-border-radius` (mirrors `borderRadius`, default `1rem`)
+- `--avwc-color` (accent; mirrors `color` prop, default `#4CAF50` from `DEFAULT_AVWC_PRIMARY_COLOR`)
+- `--avwc-border-radius` (mirrors `borderRadius`, default `1rem` from `DEFAULT_AVWC_BORDER_RADIUS`)
 
 Additional tokens (for example `--avwc-text-color-light`) are documented in `variables.css` and Storybook.
 

package/dist/components/AuthviaPaymentMethodForm.vue.d.ts

@@ -1,17 +1,16 @@
-import { Ref } from 'vue';
-import { AuthviaPaymentMethodFormProps as Props, PaymentMethodFormData, PaymentMethodRestrictions } from '../types';
+import { AuthviaPaymentMethodFormProps as Props, PaymentMethodFormData } from '../types';
 declare const _default: import('vue').DefineComponent<Props, {
-    rootRef: Ref<HTMLElement | null, HTMLElement | null>;
+    rootRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    error: (error: any) => any;
-    success: (data: any) => any;
     submit: (data: PaymentMethodFormData) => any;
+    success: (data: any) => any;
+    error: (error: any) => any;
     ready: () => any;
     "payment-method-created": (paymentMethodId: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onError?: ((error: any) => any) | undefined;
-    onSuccess?: ((data: any) => any) | undefined;
     onSubmit?: ((data: PaymentMethodFormData) => any) | undefined;
+    onSuccess?: ((data: any) => any) | undefined;
+    onError?: ((error: any) => any) | undefined;
     onReady?: (() => any) | undefined;
     "onPayment-method-created"?: ((paymentMethodId: string) => any) | undefined;
 }>, {
@@ -55,15 +54,15 @@ declare const _default: import('vue').DefineComponent<Props, {
     venmo: boolean | import('../types').VenmoConfig;
     variant: "outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-filled" | "solo-inverted";
     merchantId: string;
-    color: string;
-    forgetDefault: boolean | string;
     customerRef: string;
     token: string;
-    borderRadius: string;
+    color: string;
+    forgetDefault: boolean | string;
     forgetHidden: boolean | string;
     intent: string;
+    borderRadius: string;
     vuetifyOverrides: string;
-    restrictions: PaymentMethodRestrictions[];
+    restrictions: import('../types').PaymentMethodRestrictions[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     rootRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/internal/AuthviaPaymentMethodAddAch.vue.d.ts

@@ -1,33 +1,8 @@
-import { ComputedRef, PropType, Ref } from 'vue';
-import { PaymentMethod, PaymentMethodBillingAddress } from '../../model';
+import { PropType } from 'vue';
+import { PaymentMethodBillingAddress } from '../../model';
 import { TermsConfig } from '../../types';
-export interface P_ACHValues {
-    nameOnAccount: string;
-    accountNumber: string;
-    routingNumber: string;
-    accountType: string;
-    streetAddress: string;
-    city: string;
-    state: string;
-    country: string;
-    postalCode: string;
-}
-type AchFieldKey = 'routingNumber' | 'accountNumber' | 'nameOnAccount';
-type ValidationRule = (value: unknown) => true | string;
-export interface Props {
-    demoMode?: boolean;
-    submitBtnText?: string;
-    plaid?: Record<string, unknown>;
-    billingAddress?: PaymentMethodBillingAddress;
-    terms?: TermsConfig;
-    forgetHidden?: boolean;
-    forgetDefault?: boolean;
-    authToken: string;
-    customerRef?: string;
-    dataBillingAddress?: PaymentMethodBillingAddress;
-    intent?: string;
-    merchantId?: string;
-}
+export type { P_ACHValues, AuthviaPaymentMethodAddAchProps } from '../../types/achForm';
+export type { AuthviaPaymentMethodAddAchProps as Props } from '../../types/achForm';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     demoMode: {
         type: BooleanConstructor;
@@ -78,7 +53,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     variant: {
         type: StringConstructor;
         required: false;
-        default: string;
+        default: "outlined";
     };
     color: {
         type: StringConstructor;
@@ -103,52 +78,52 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         savings: string;
         checking: string;
     };
-    fieldVariant: ComputedRef<"outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-filled" | "solo-inverted">;
-    fieldVariantSafe: ComputedRef<"outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-filled" | "solo-inverted">;
-    formData: P_ACHValues;
-    isWorking: Ref<boolean, boolean>;
-    isFormValid: ComputedRef<boolean>;
-    markFieldDirty: (field: AchFieldKey) => void;
-    getFieldRules: (field: AchFieldKey) => ValidationRule[];
-    routingNumberModel: ComputedRef<string>;
-    accountNumberModel: ComputedRef<string>;
-    nameOnAccountModel: ComputedRef<string>;
+    fieldVariant: import('vue').ComputedRef<"outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-filled" | "solo-inverted">;
+    fieldVariantSafe: import('vue').ComputedRef<"outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-filled" | "solo-inverted">;
+    formData: import('../../types/achForm').P_ACHValues;
+    isWorking: import('vue').Ref<boolean, boolean>;
+    isFormValid: import('vue').ComputedRef<boolean>;
+    markFieldDirty: (field: import('../../types/achForm').AchFieldKey) => void;
+    getFieldRules: (field: import('../../types/achForm').AchFieldKey) => ((value: unknown) => true | string)[];
+    routingNumberModel: import('vue').ComputedRef<string>;
+    accountNumberModel: import('vue').ComputedRef<string>;
+    nameOnAccountModel: import('vue').ComputedRef<string>;
     onDigitKeydown: (event: KeyboardEvent) => void;
     onNameKeydown: (event: KeyboardEvent) => void;
     onRoutingPaste: (event: ClipboardEvent) => void;
     onAccountPaste: (event: ClipboardEvent) => void;
     onNamePaste: (event: ClipboardEvent) => void;
-    errorsType: Ref<{
+    errorsType: import('vue').Ref<{
         other: string | undefined;
     }, {
         other: string | undefined;
     }>;
-    computedSubmitLabel: ComputedRef<string>;
+    computedSubmitLabel: import('vue').ComputedRef<string>;
     handleSubmit: () => Promise<void>;
-    isActiveTab: Ref<boolean, boolean>;
+    isActiveTab: import('vue').Ref<boolean, boolean>;
     addButtonToggle: (value?: boolean) => void;
-    address: Ref<HTMLInputElement, HTMLInputElement>;
+    address: import('vue').Ref<HTMLInputElement, HTMLInputElement>;
     resetFormAddressData: () => void;
-    activeMerchant: ComputedRef<string | undefined>;
-    isPaymentMethodAdded: Ref<boolean, boolean>;
-    paymentMethodResponse: Ref<PaymentMethod | undefined, PaymentMethod | undefined>;
+    activeMerchant: import('vue').ComputedRef<string | undefined>;
+    isPaymentMethodAdded: import('vue').Ref<boolean, boolean>;
+    paymentMethodResponse: import('vue').Ref<import('../../model').PaymentMethod | undefined, import('../../model').PaymentMethod | undefined>;
     isAddressFieldDisabled: (fieldValue: string | undefined) => boolean;
-    azp: ComputedRef<string>;
+    azp: import('vue').ComputedRef<string>;
     handleAddressFormSubmit: (data: PaymentMethodBillingAddress) => void;
-    handleUpdateForgetCard: (_value: boolean) => void;
-    addressFormRef: Ref<unknown, unknown>;
-    formRef: Ref<unknown, unknown>;
-    demoMode: ComputedRef<boolean>;
-    plaid: ComputedRef<Record<string, unknown> | undefined>;
-    billingAddress: ComputedRef<PaymentMethodBillingAddress | undefined>;
-    streetAddress: string;
-    city: string;
-    state: string;
-    country: string;
-    postalCode: string;
+    handleUpdateForgetCard: (value: boolean) => void;
+    addressFormRef: import('vue').Ref<unknown, unknown>;
+    formRef: import('vue').Ref<unknown, unknown>;
+    demoMode: import('vue').ComputedRef<boolean>;
+    plaid: import('vue').ComputedRef<Record<string, unknown> | undefined>;
+    billingAddress: import('vue').ComputedRef<PaymentMethodBillingAddress | undefined>;
+    streetAddress: import('vue').Ref<string, string>;
+    city: import('vue').Ref<string, string>;
+    state: import('vue').Ref<string, string>;
+    country: import('vue').Ref<string, string>;
+    postalCode: import('vue').Ref<string, string>;
     googleMapsApiKey: string;
     isAddressFormValid: (isValid: boolean) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("error" | "success" | "submit")[], "error" | "success" | "submit", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "success" | "error")[], "submit" | "success" | "error", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     demoMode: {
         type: BooleanConstructor;
         required: false;
@@ -198,7 +173,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     variant: {
         type: StringConstructor;
         required: false;
-        default: string;
+        default: "outlined";
     };
     color: {
         type: StringConstructor;
@@ -209,15 +184,110 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: false;
     };
 }>> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-    onError?: ((...args: any[]) => any) | undefined;
     onSuccess?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
 }>, {
     variant: string;
     forgetDefault: boolean;
     demoMode: boolean;
     forgetHidden: boolean;
 }, {}, {
+    AchFormPlaidBannerAndTypeToggle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        plaid: {
+            type: PropType<Record<string, unknown> | undefined>;
+            default: undefined;
+        };
+        isActiveTab: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        onAccountTypeToggle: {
+            type: PropType<(value?: boolean) => void>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        plaid: {
+            type: PropType<Record<string, unknown> | undefined>;
+            default: undefined;
+        };
+        isActiveTab: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        onAccountTypeToggle: {
+            type: PropType<(value?: boolean) => void>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
+        plaid: Record<string, unknown> | undefined;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    AchFormRoutingAccountNameFields: import('vue').DefineComponent<{
+        routingNumber: string;
+        accountNumber: string;
+        nameOnAccount: string;
+    } & {
+        plaid: Record<string, unknown> | undefined;
+        fieldsDisabled: boolean;
+        fieldVariantSafe: import('../../types').VuetifyFieldVariant;
+        getFieldRules: (field: import('../../types/achForm').AchFieldKey) => Array<(value: unknown) => true | string>;
+        markFieldDirty: (field: import('../../types/achForm').AchFieldKey) => void;
+        onDigitKeydown: (event: KeyboardEvent) => void;
+        onNameKeydown: (event: KeyboardEvent) => void;
+        onRoutingPaste: (event: ClipboardEvent) => void;
+        onAccountPaste: (event: ClipboardEvent) => void;
+        onNamePaste: (event: ClipboardEvent) => void;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:routingNumber": (value: string) => any;
+        "update:accountNumber": (value: string) => any;
+        "update:nameOnAccount": (value: string) => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        routingNumber: string;
+        accountNumber: string;
+        nameOnAccount: string;
+    } & {
+        plaid: Record<string, unknown> | undefined;
+        fieldsDisabled: boolean;
+        fieldVariantSafe: import('../../types').VuetifyFieldVariant;
+        getFieldRules: (field: import('../../types/achForm').AchFieldKey) => Array<(value: unknown) => true | string>;
+        markFieldDirty: (field: import('../../types/achForm').AchFieldKey) => void;
+        onDigitKeydown: (event: KeyboardEvent) => void;
+        onNameKeydown: (event: KeyboardEvent) => void;
+        onRoutingPaste: (event: ClipboardEvent) => void;
+        onAccountPaste: (event: ClipboardEvent) => void;
+        onNamePaste: (event: ClipboardEvent) => void;
+    }> & Readonly<{
+        "onUpdate:routingNumber"?: ((value: string) => any) | undefined;
+        "onUpdate:accountNumber"?: ((value: string) => any) | undefined;
+        "onUpdate:nameOnAccount"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    AchFormSubmitBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        isFormValid: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        isWorking: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        submitLabel: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isFormValid: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        isWorking: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        submitLabel: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     AuthviaFormWithTerms: import('vue').DefineComponent<{
         terms?: TermsConfig;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
@@ -230,5 +300,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         forgetDefault: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    AuthviaAddressForm: import('vue').Component;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/internal/AuthviaPaymentMethodAddAchOnline.vue.d.ts

@@ -1,7 +1,7 @@
-interface Props {
+type __VLS_Props = {
     authToken: string;
-}
-declare const _default: import('vue').DefineComponent<Props, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
     handleContinue: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "close-ach-options": () => any;
@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<Props, {
     "plaid-exit": () => any;
     "plaid-error": () => any;
     "plaid-event": (eventName: unknown) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onClose-ach-options"?: (() => any) | undefined;
     "onAch-option-select"?: (() => any) | undefined;
     "onGet-plaid-data"?: ((accountData: unknown) => any) | undefined;

package/dist/components/internal/AuthviaPaymentMethodAddAchOptions.vue.d.ts

@@ -36,7 +36,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onClose-ach-options"?: ((...args: any[]) => any) | undefined;
     "onAch-option-select"?: ((...args: any[]) => any) | undefined;
 }>, {
-    isPlaidVisible: boolean;
     showConfirmLoader: boolean;
+    isPlaidVisible: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/internal/AuthviaPaymentMethodAddPaymentsPayPal.vue.d.ts

@@ -1,4 +1,5 @@
 import { PaymentMethodType } from '../../model';
+import { PaymentMethodErrorPayload } from '../../types';
 type __VLS_Props = {
     authToken: string;
     merchantId?: string;
@@ -8,14 +9,6 @@ type __VLS_Props = {
     pvSettings?: Record<string, unknown>;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    error: (payload: {
-        message: string;
-        type: PaymentMethodType;
-    }) => any;
-    success: (payload: {
-        id: string;
-        forgetCard?: boolean;
-    }) => any;
     submit: (payload: {
         payload: {
             type: PaymentMethodType;
@@ -24,15 +17,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             };
         };
     }) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onError?: ((payload: {
-        message: string;
-        type: PaymentMethodType;
-    }) => any) | undefined;
-    onSuccess?: ((payload: {
+    success: (payload: {
         id: string;
         forgetCard?: boolean;
-    }) => any) | undefined;
+    }) => any;
+    error: (payload: PaymentMethodErrorPayload) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSubmit?: ((payload: {
         payload: {
             type: PaymentMethodType;
@@ -41,6 +31,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             };
         };
     }) => any) | undefined;
+    onSuccess?: ((payload: {
+        id: string;
+        forgetCard?: boolean;
+    }) => any) | undefined;
+    onError?: ((payload: PaymentMethodErrorPayload) => any) | undefined;
 }>, {
     type: "paypal" | "venmo";
     merchantId: string;

package/dist/components/internal/AuthviaPaymentMethodAddPayoutsPayPal.vue.d.ts

@@ -1,5 +1,5 @@
 import { PaymentMethodType } from '../../model';
-import { TermsConfig, Variant } from '../../types';
+import { PaymentMethodErrorPayload, TermsConfig, Variant } from '../../types';
 type FormType = 'paypal' | 'venmo';
 type PayoutTraits = {
     email?: string;
@@ -18,32 +18,26 @@ type __VLS_Props = {
     variant?: Variant | string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    error: (payload: {
-        message: string;
-        type: PaymentMethodType;
-    }) => any;
-    success: (payload: Record<string, unknown>) => any;
     submit: (payload: {
         type: PaymentMethodType;
         traits: PayoutTraits;
     }) => any;
+    success: (payload: Record<string, unknown>) => any;
+    error: (payload: PaymentMethodErrorPayload) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onError?: ((payload: {
-        message: string;
-        type: PaymentMethodType;
-    }) => any) | undefined;
-    onSuccess?: ((payload: Record<string, unknown>) => any) | undefined;
     onSubmit?: ((payload: {
         type: PaymentMethodType;
         traits: PayoutTraits;
     }) => any) | undefined;
+    onSuccess?: ((payload: Record<string, unknown>) => any) | undefined;
+    onError?: ((payload: PaymentMethodErrorPayload) => any) | undefined;
 }>, {
     type: FormType;
     variant: Variant | string;
     merchantId: string;
-    forgetDefault: boolean;
-    terms: TermsConfig;
     customerRef: string;
+    terms: TermsConfig;
+    forgetDefault: boolean;
     forgetHidden: boolean;
     intent: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/components/internal/AuthviaPaymentMethodCard.vue.d.ts

@@ -15,8 +15,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
+    iconSize: number;
     disabled: boolean;
     logoSize: number;
-    iconSize: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/internal/AuthviaPaymentMethodCreditCard.vue.d.ts

@@ -62,7 +62,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     variant: {
         type: StringConstructor;
         required: false;
-        default: string;
+        default: "outlined";
     };
     color: {
         type: StringConstructor;
@@ -111,7 +111,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     submitLabel: any;
     handleSuccess: (event: unknown) => void;
     handleError: (error: unknown) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("error" | "success")[], "error" | "success", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("success" | "error")[], "success" | "error", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     demoMode: {
         type: BooleanConstructor;
         default: boolean;
@@ -166,7 +166,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     variant: {
         type: StringConstructor;
         required: false;
-        default: string;
+        default: "outlined";
     };
     color: {
         type: StringConstructor;
@@ -187,15 +187,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: false;
     };
 }>> & Readonly<{
-    onError?: ((...args: any[]) => any) | undefined;
     onSuccess?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
 }>, {
     variant: string;
     color: string;
+    submitLabel: string;
     forgetDefault: boolean;
     demoMode: boolean;
-    borderRadius: string;
     forgetHidden: boolean;
-    submitLabel: string;
+    borderRadius: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;