@authvia/payment-method-create 0.1.1 → 0.2.1

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

@@ -15,19 +15,15 @@ declare const _default: import('vue').DefineComponent<Props, {
     onReady?: (() => any) | undefined;
     "onPayment-method-created"?: ((paymentMethodId: string) => any) | undefined;
 }>, {
-    variant: "outlined" | "filled" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+    variant: "outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-filled" | "solo-inverted";
+    merchantId: string;
     paze: {
         amount?: string;
         clientId?: string;
         profileId?: string;
         name?: string;
     };
-    paypal: {
-        venmo?: boolean;
-        merchantId: string;
-        clientId: string;
-        redirectUrl: string;
-    };
+    paypal: boolean | import('../types').PayPalConfig;
     ach: {
         demoMode?: boolean;
         online?: boolean;
@@ -43,14 +39,15 @@ declare const _default: import('vue').DefineComponent<Props, {
         country?: string;
         postalCode?: string;
     };
+    venmo: boolean;
     color: string;
     forgetDefault: boolean | string;
     customerRef: string;
     token: string;
     borderRadius: string;
-    merchantId: string;
     forgetHidden: boolean | string;
     intent: string;
+    vuetifyOverrides: string;
     restrictions: PaymentMethodRestrictions[];
     card: {
         allow?: boolean;

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

@@ -14,7 +14,6 @@ export interface P_ACHValues {
 }
 type AchFieldKey = 'routingNumber' | 'accountNumber' | 'nameOnAccount';
 type ValidationRule = (value: unknown) => true | string;
-type VuetifyFieldVariant = 'outlined' | 'plain' | 'underlined' | 'filled' | 'solo' | 'solo-filled' | 'solo-inverted';
 export interface Props {
     demoMode?: boolean;
     submitBtnText?: string;
@@ -94,8 +93,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         savings: string;
         checking: string;
     };
-    fieldVariant: ComputedRef<VuetifyFieldVariant>;
-    fieldVariantSafe: ComputedRef<VuetifyFieldVariant>;
+    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>;

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

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

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

@@ -1,5 +1,6 @@
 import { ComputedRef, PropType, Ref } from 'vue';
 import { PaymentMethodBillingAddress } from '../../model';
+import { TermsConfig } from '../../types';
 type CreditCardPrefill = {
     cardNumber?: string;
     nameOnCard?: string;
@@ -73,6 +74,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: false;
         default: any;
     };
+    terms: {
+        type: PropType<TermsConfig>;
+        required: false;
+    };
+    vuetifyOverrides: {
+        type: StringConstructor;
+        required: false;
+    };
 }>, {
     squelch: boolean;
     token: string;
@@ -97,11 +106,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     nameOnCard: ComputedRef<string>;
     expiration: ComputedRef<string>;
     cvv: ComputedRef<string>;
+    termsContent: ComputedRef<string | undefined>;
     variant: string;
     submitLabel: any;
     handleSuccess: (event: unknown) => void;
     handleError: (error: unknown) => void;
-    apiBaseUrl: string;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("error" | "success")[], "error" | "success", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     demoMode: {
         type: BooleanConstructor;
@@ -169,6 +178,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: false;
         default: any;
     };
+    terms: {
+        type: PropType<TermsConfig>;
+        required: false;
+    };
+    vuetifyOverrides: {
+        type: StringConstructor;
+        required: false;
+    };
 }>> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onSuccess?: ((...args: any[]) => any) | undefined;

package/dist/entry/web-component.d.ts

@@ -51,13 +51,6 @@ declare class AuthviaPaymentMethodFormElement extends HTMLElement {
     private injectVuetifyOverrideStyles;
     private getVuetifyOverrideCss;
     private injectComponentStyles;
-    /**
-     * Injects ACH/dialog styles so inputs and buttons in dialogs get variable-based
-     * styling. Always run (with and without bundle CSS) so dialog overlay content
-     * is styled; appended last so it overrides. Scoped to .v-overlay__content for
-     * higher specificity so it wins over bundle CSS for overlay content.
-     */
-    private injectDevFallbackDialogStyles;
     private injectDevVariablesStyles;
     private ensureStylesheetDependency;
     private findParentStylesheet;

package/dist/types/index.d.ts

@@ -20,6 +20,19 @@ export interface TermsConfig {
     privacyPolicy?: TermsLinkConfig;
     termsOfService?: TermsLinkConfig;
 }
+/**
+ * Object shape when the `paypal` prop is a config object (not boolean `true`).
+ */
+export type PayPalConfig = {
+    merchantId: string;
+    clientId: string;
+    redirectUrl?: string;
+};
+/** Allowed values for Vuetify 3 `v-text-field` / field `variant` (shared across payment method components). */
+export declare const VUETIFY_FIELD_VARIANTS: readonly ["outlined", "plain", "underlined", "filled", "solo", "solo-filled", "solo-inverted"];
+export type VuetifyFieldVariant = (typeof VUETIFY_FIELD_VARIANTS)[number];
+/** Alias for {@link VuetifyFieldVariant}. */
+export type Variant = VuetifyFieldVariant;
 export interface AuthviaPaymentMethodFormProps {
     token?: string;
     merchantId?: string;
@@ -55,12 +68,8 @@ export interface AuthviaPaymentMethodFormProps {
         country?: string;
         postalCode?: string;
     };
-    paypal?: {
-        venmo?: boolean;
-        merchantId: string;
-        clientId: string;
-        redirectUrl: string;
-    };
+    paypal?: boolean | PayPalConfig;
+    venmo?: boolean;
     paze?: {
         amount?: string;
         clientId?: string;
@@ -73,6 +82,8 @@ export interface AuthviaPaymentMethodFormProps {
     variant?: VuetifyProps['variant'];
     color?: string;
     borderRadius?: string;
+    /** CSS for nested credit-card WC (`data-vuetify-overrides`); outer WC host uses the same attr for shadow injection. */
+    vuetifyOverrides?: string;
     paymentMethodDisplay?: PaymentMethodDisplayConfigMap;
     terms?: TermsConfig;
     forgetHidden?: boolean | string;
@@ -98,8 +109,8 @@ export interface VuetifyProps {
         success?: string;
     };
     density?: 'default' | 'compact' | 'comfortable';
-    variant?: 'outlined' | 'filled' | 'plain' | 'underlined' | 'solo' | 'solo-inverted' | 'solo-filled';
-    textVariant?: 'outlined' | 'filled' | 'plain' | 'underlined' | 'solo' | 'solo-inverted' | 'solo-filled';
+    variant?: VuetifyFieldVariant;
+    textVariant?: VuetifyFieldVariant;
     spacing?: {
         inputGap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
         rowGap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/dist/utils/config.d.ts

@@ -16,6 +16,19 @@ export declare const config: {
  * Get API endpoint URL
  */
 export declare function getApiEndpoint(path: string): string;
+/**
+ * Default path (relative to {@link config.cdnUrl}) for the credit-card loader script.
+ * Matches the legacy hardcoded `/js/authvia-credit-card.js` used before env-based layout overrides.
+ */
+export declare const DEFAULT_CREDIT_CARD_SCRIPT_PATH: string;
+/**
+ * Resolves the `src` for the authvia-credit-card loader script via {@link getCdnUrl}.
+ * `VITE_APP_CDN_URL` must be a CDN base (no trailing slash required); the script path defaults to
+ * {@link DEFAULT_CREDIT_CARD_SCRIPT_PATH} or `VITE_APP_CREDIT_CARD_SCRIPT_PATH` when the file lives elsewhere on the CDN.
+ *
+ * @returns A non-empty string suitable for a script element `src`
+ */
+export declare function getCreditCardScriptSrc(): string;
 /**
  * Get CDN URL for assets
  */

package/dist/utils/payoutIdentifier.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Validate payout email input (delegates to shared {@link isValidEmailAddress} on trimmed value).
+ */
+export declare const isValidEmail: (value: string) => boolean;
+/**
+ * Validate payout phone input with common US formats (uses shared phone patterns from utils).
+ */
+export declare const isValidPhone: (value: string) => boolean;
+/**
+ * Validate payout handle input (strips leading @ then uses shared {@link isValidHandle}).
+ */
+export declare const isValidPayoutHandle: (value: string) => boolean;
+/**
+ * Strip separators and normalize to 10-digit US number when possible.
+ */
+export declare const normalizeUsPhone: (value: string) => string;
+/**
+ * Format as (XXX) XXX-XXXX when possible (delegates to shared {@link mobileNumberFormat}).
+ */
+export declare const formatPhone: (value: string) => string;
+/**
+ * Formats US phone while typing, e.g. (981) 828-7032.
+ * Keeps partial state as digits are entered (used by tests; progressive UX if wired later).
+ */
+export declare const formatPhoneTyping: (value: string) => string;

package/dist/utils/paypalConfig.d.ts

@@ -0,0 +1,5 @@
+import { PayPalConfig } from '../types';
+/**
+ * Type guard: value is a PayPal module config object (`merchantId` + `clientId`, optional `redirectUrl`).
+ */
+export declare function isPayPalConfig(value: unknown): value is PayPalConfig;