@authvia/payment-method-create 0.2.0 → 0.3.0

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

@@ -39,7 +39,7 @@ declare const _default: import('vue').DefineComponent<Props, {
         country?: string;
         postalCode?: string;
     };
-    venmo: boolean;
+    venmo: boolean | import('../types').VenmoConfig;
     color: string;
     forgetDefault: boolean | string;
     customerRef: string;
@@ -47,6 +47,7 @@ declare const _default: import('vue').DefineComponent<Props, {
     borderRadius: string;
     forgetHidden: boolean | string;
     intent: string;
+    vuetifyOverrides: string;
     restrictions: PaymentMethodRestrictions[];
     card: {
         allow?: boolean;

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

@@ -0,0 +1,52 @@
+import { PaymentMethodType } from '../../model';
+type __VLS_Props = {
+    authToken: string;
+    merchantId?: string;
+    customerRef?: string;
+    intent?: string;
+    type?: 'paypal' | 'venmo';
+    pvSettings?: Record<string, unknown>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (payload: {
+        message: string;
+    }) => any;
+    success: (payload: {
+        id: string;
+        forgetCard?: boolean;
+    }) => any;
+    submit: (payload: {
+        payload: {
+            type: PaymentMethodType;
+            traits: {
+                setupToken: string;
+            };
+        };
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((payload: {
+        message: string;
+    }) => any) | undefined;
+    onSuccess?: ((payload: {
+        id: string;
+        forgetCard?: boolean;
+    }) => any) | undefined;
+    onSubmit?: ((payload: {
+        payload: {
+            type: PaymentMethodType;
+            traits: {
+                setupToken: string;
+            };
+        };
+    }) => any) | undefined;
+}>, {
+    type: "paypal" | "venmo";
+    merchantId: string;
+    customerRef: string;
+    intent: string;
+    pvSettings: Record<string, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    paypalButtonContainerRef: HTMLDivElement;
+    venmoButtonContainerRef: HTMLDivElement;
+}, 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

@@ -21,13 +21,19 @@ export interface TermsConfig {
     termsOfService?: TermsLinkConfig;
 }
 /**
- * Object shape when the `paypal` prop is a config object (not boolean `true`).
+ * Object shape when the `paypal` or `venmo` prop is a config object (not boolean `true`).
+ * Venmo-only flows use the same PayPal JS SDK; pass `venmo: { merchantId, redirectUrl? }` without `paypal`.
  */
 export type PayPalConfig = {
     merchantId: string;
-    clientId: string;
+    /**
+     * PayPal REST client id comes from `VITE_APP_PAYPAL_CLIENT_ID` only.
+     * A legacy `clientId` field on JSON payloads is tolerated at runtime but ignored.
+     */
     redirectUrl?: string;
 };
+/** Alias for Venmo wallet config; same fields as {@link PayPalConfig}. */
+export type VenmoConfig = PayPalConfig;
 /** 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];
@@ -69,7 +75,8 @@ export interface AuthviaPaymentMethodFormProps {
         postalCode?: string;
     };
     paypal?: boolean | PayPalConfig;
-    venmo?: boolean;
+    /** `true`, or `{ merchantId, redirectUrl? }` when you want Venmo without a `paypal` prop. */
+    venmo?: boolean | VenmoConfig;
     paze?: {
         amount?: string;
         clientId?: string;
@@ -82,6 +89,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;

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/paypalConfig.d.ts

@@ -1,5 +1,30 @@
 import { PayPalConfig } from '../types';
 /**
- * Type guard: value is a PayPal module config object (`merchantId` + `clientId`, optional `redirectUrl`).
+ * True if `VITE_APP_PAYPAL_CLIENT_ID` is set in the build environment (one client id per deployment).
+ */
+export declare function hasPaypalClientIdInEnv(): boolean;
+/**
+ * PayPal JS SDK `client-id` from `VITE_APP_PAYPAL_CLIENT_ID` only (not from props).
+ */
+export declare function getPaypalClientIdFromEnv(): string;
+/**
+ * PayPal JS SDK script base URL from `VITE_PAYPAL_SDK_URL` (trimmed).
+ */
+export declare function getPaypalSdkUrlFromEnv(): string;
+/**
+ * True when `url` is non-empty and an absolute `http:` / `https:` URL with a host.
+ * Empty or relative-looking values would yield `?client-id=...` and load the wrong origin.
+ *
+ * @param url - Candidate base URL (typically from env via `getPaypalSdkUrlFromEnv()`)
+ */
+export declare function isValidPaypalSdkBaseUrl(url: string): boolean;
+/**
+ * Type guard: PayPal module config (`merchantId` required; optional `redirectUrl`).
+ * Legacy embeds may still send `clientId` on this object; it is ignored — the JS SDK uses
+ * `VITE_APP_PAYPAL_CLIENT_ID` only (validated on click).
  */
 export declare function isPayPalConfig(value: unknown): value is PayPalConfig;
+/**
+ * Type guard: Venmo-only wallet config (same shape as PayPal; no `paypal` prop required).
+ */
+export declare function isVenmoWalletConfig(value: unknown): value is PayPalConfig;

package/dist/utils/paypalWebSdkSessionKey.d.ts

@@ -0,0 +1,5 @@
+/**
+ * `window` property storing the fingerprint of the last PayPal JS SDK load (funding mode, env, etc.).
+ * Used by `AuthviaPaymentMethodAddPaymentsPayPal.vue` and cleared in PayPal-related Vitest hooks.
+ */
+export declare const AUTHVIA_PAYPAL_SDK_SESSION_KEY: string;