@authvia/payment-method-create 0.6.0 → 0.6.2

package/README.md

@@ -165,7 +165,7 @@ Details and examples match **Storybook** (`src/components/AuthviaPaymentMethodFo
 | Methods | `card`, `ach`, `paypal`, `venmo`, `paze` |
 | List UI | `paymentMethodDisplay` (titles, subtitles, order; optional root `gap`) |
 | Legal / footer | `terms` (privacy + terms links) |
-| Behavior | `forgetHidden`, `forgetDefault`, `restrictions` |
+| Behavior | `forgetHidden`, `forgetDefault` |
 | 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`
@@ -195,12 +195,12 @@ data-payment-method-display='{"gap":"1rem","card":{"title":"Card","order":1},"ac
 
 ### Paze (`paze`)
 
-Requires `amount`, `clientId`, `profileId`, and `name` on the object you pass; **all must be non-empty** (after trim). If any are missing or blank, **Paze is not shown** in the picker (including when `restrictions` list Paze but the `paze` prop is incomplete). The inner flow runs in two steps: **Initializing Paze** (SDK load) then **Processing Paze payment** (checkout → complete → create). Failures emit `error` and return the user to the payment method list without an inline error banner on that step; details are logged for developers.
+Requires `amount`, `clientId`, `profileId`, and `name` on the object you pass; **all must be non-empty** (after trim). If any are missing or blank, **Paze is not shown** in the picker. The inner flow runs in two steps: **Initializing Paze** (SDK load) then **Processing Paze payment** (checkout → complete → create). Failures emit `error` and return the user to the payment method list without an inline error banner on that step; details are logged for developers.
 
 ### PayPal / Venmo
 
 - **`intent="payouts"`:** `paypal` and `venmo` can be booleans; PayPal and Venmo **stay listed** even when `merchantId` is incomplete (same as before for payouts).
-- **`intent="payments"`** (and any intent other than `payouts`): PayPal and Venmo appear in the picker only when **`merchantId`** is non-empty on the resolved wallet settings **and** the build defines **`VITE_APP_PAYPAL_CLIENT_ID`**. Otherwise those rows are **hidden** (same rules as the former click-time `error`, without showing a dead option). Use `restrictions` only when you intend to allow those methods; incomplete wallet config still strips PayPal/Venmo from the list.
+- **`intent="payments"`** (and any intent other than `payouts`): PayPal and Venmo appear in the picker only when **`merchantId`** is non-empty on the resolved wallet settings **and** the build defines **`VITE_APP_PAYPAL_CLIENT_ID`**. Otherwise those rows are **hidden** (same rules as the former click-time `error`, without showing a dead option).
 - Pass **`merchantId`** and optional **`redirectUrl`** on the `paypal` / `venmo` object when you want the payments flow to succeed.
 
 ## Stable styling hook classes (overrides)

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

@@ -62,7 +62,6 @@ declare const _default: import('vue').DefineComponent<Props, {
     intent: string;
     borderRadius: string;
     vuetifyOverrides: string;
-    restrictions: import('../types').PaymentMethodRestrictions[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     rootRef: HTMLDivElement;
 }, HTMLDivElement>;

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;
 }>, {
-    showConfirmLoader: boolean;
     isPlaidVisible: boolean;
+    showConfirmLoader: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { PaymentMethodBillingAddress } from '../../model';
-import { PaymentMethodDisplayConfigMap, PaymentMethodRestrictions, TermsConfig } from '../../types';
+import { PaymentMethodDisplayConfigMap, TermsConfig } from '../../types';
 export type { PaymentMethodOptionsProps } from '../../types/paymentMethodOptions';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     token: {
@@ -106,11 +106,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: false;
     };
-    restrictions: {
-        type: PropType<PaymentMethodRestrictions[]>;
-        required: false;
-        default: () => never[];
-    };
     vuetifyOverrides: {
         type: StringConstructor;
         required: false;
@@ -155,7 +150,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     handlePlaidInitialize: () => void;
     handlePlaidExit: () => void;
     handlePlaidError: () => void;
-    restrictionStatements: import('vue').ComputedRef<string[]>;
     paypalDescription: import('vue').ComputedRef<string>;
     paypalFormHeading: import('vue').ComputedRef<string>;
     venmoFormHeading: import('vue').ComputedRef<string>;
@@ -294,11 +288,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: false;
     };
-    restrictions: {
-        type: PropType<PaymentMethodRestrictions[]>;
-        required: false;
-        default: () => never[];
-    };
     vuetifyOverrides: {
         type: StringConstructor;
         required: false;
@@ -319,7 +308,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     cardDemoMode: boolean;
     allowedPaymentMethodTypes: string[];
     achOnline: boolean;
-    restrictions: PaymentMethodRestrictions[];
 }, {}, {
     AuthviaPazeForm: import('vue').DefineComponent<{
         pzSettings?: {
@@ -461,7 +449,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         show: boolean;
         optionsCardClass: string;
         optionsListClass: string;
-        restrictionStatements: string[] | undefined;
         paymentMethodConfigs: import('../../types').PaymentMethodConfigItem[] | undefined;
         paymentMethodOptionsContainerStyle: Record<string, string>;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -470,7 +457,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         show: boolean;
         optionsCardClass: string;
         optionsListClass: string;
-        restrictionStatements: string[] | undefined;
         paymentMethodConfigs: import('../../types').PaymentMethodConfigItem[] | undefined;
         paymentMethodOptionsContainerStyle: Record<string, string>;
     }> & Readonly<{

package/dist/components/internal/paymentMethodOptions/AuthviaPaymentMethodOptionsPickerCard.vue.d.ts

@@ -3,7 +3,6 @@ type PickerCardProps = {
     show: boolean;
     optionsCardClass: string;
     optionsListClass: string;
-    restrictionStatements: string[] | undefined;
     paymentMethodConfigs: PaymentMethodConfigItem[] | undefined;
     paymentMethodOptionsContainerStyle: Record<string, string>;
 };

package/dist/composables/paymentMethodOptions/useAuthviaPaymentMethodOptions.d.ts

@@ -45,7 +45,6 @@ export declare function useAuthviaPaymentMethodOptions(props: PaymentMethodOptio
     handlePlaidInitialize: () => void;
     handlePlaidExit: () => void;
     handlePlaidError: () => void;
-    restrictionStatements: import('vue').ComputedRef<string[]>;
     paypalDescription: import('vue').ComputedRef<string>;
     paypalFormHeading: import('vue').ComputedRef<string>;
     venmoFormHeading: import('vue').ComputedRef<string>;

package/dist/composables/paymentMethodOptions/usePaymentMethodOptionsDisplay.d.ts

@@ -5,7 +5,6 @@ import { PaymentMethodOptionsProps } from '../../types/paymentMethodOptions';
  * Restriction text, per-method config for the chooser, and PayPal/Venmo heading strings.
  */
 export declare function usePaymentMethodOptionsDisplay(props: PaymentMethodOptionsProps): {
-    restrictionStatements: ComputedRef<string[]>;
     paypalDescription: ComputedRef<string>;
     paypalFormHeading: ComputedRef<string>;
     venmoFormHeading: ComputedRef<string>;

package/dist/composables/useHostService.d.ts

@@ -1,3 +1,4 @@
+export type HostRuntimeConfigKey = 'googleAPIKey' | 'pazeSDKURL' | 'paypalSDKURL' | 'paypalClientId' | 'paypalEnvironment' | 'plaidEnv';
 /**
  * Return type for useHostService composable
  * Compatible with original HostService.instance() API

package/dist/entry/index.d.ts

@@ -1,12 +1,14 @@
 import { App } from 'vue';
 import { default as AuthviaPaymentMethodForm } from '../components/AuthviaPaymentMethodForm.vue';
-declare const AuthviaPaymentMethodFormPlugin: {
-    install: (app: App) => void;
+import { AuthviaPaymentMethodFormPluginOptions } from '../types';
+declare const AuthviaPaymentMethodCreatePlugin: {
+    install: (app: App, options?: AuthviaPaymentMethodFormPluginOptions) => void;
 };
-export default AuthviaPaymentMethodFormPlugin;
-export { AuthviaPaymentMethodFormPlugin };
+export default AuthviaPaymentMethodCreatePlugin;
+export { AuthviaPaymentMethodCreatePlugin };
+export type { AuthviaPaymentMethodFormPluginOptions };
 export { AuthviaPaymentMethodForm };
-export type { AuthviaPaymentMethodFormProps, PaymentMethodFormData, VuetifyProps, SubmitEvent, SuccessEvent, ErrorEvent, PaymentMethodResponse, ValidationError, AVError } from '../types';
+export type { AuthviaPaymentMethodFormProps, PaymentMethodFormData, VuetifyProps, SubmitEvent, SuccessEvent, ErrorEvent, PaymentMethodResponse, ValidationError, AVError, } from '../types';
 export { ErrorHandler, ErrorCodes } from '../utils/errors';
 export { config, getApiEndpoint, getCdnUrl, isDevelopment, isProduction } from '../utils/config';
 export { getInputSpacingClasses, getSpacingCSSVariables } from '../utils/spacing';

package/dist/types/index.d.ts

@@ -106,7 +106,6 @@ export interface AuthviaPaymentMethodFormProps {
         profileId?: string;
         name?: string;
     };
-    restrictions?: PaymentMethodRestrictions[];
     intent?: string;
     customerRef?: string;
     variant?: VuetifyProps['variant'];
@@ -213,14 +212,6 @@ export type P_ProductLine = {
     demo?: boolean;
     provider?: string;
 };
-export interface PaymentMethodRestrictions {
-    type: string[];
-    binType?: string[];
-    cardCategory?: string[];
-    brand?: string[];
-    bin?: string[];
-    accountType?: string[];
-}
 export interface PaymentMethodCustom {
     originatingId?: string;
     type: PaymentMethodType;
@@ -268,3 +259,18 @@ export interface PaymentMethodConfigItem {
     };
     error?: string;
 }
+/**
+ * Options for `AuthviaPaymentMethodFormPlugin` via `app.use(plugin, options)`.
+ * Use when embedding in another Vue app so host config does not depend on this package's `import.meta.env`.
+ * CDN and web-component-specific setup remain in `src/entry/web-component.ts`.
+ */
+export interface AuthviaPaymentMethodFormPluginOptions {
+    apiBaseURL: string;
+    googleAPIKey: string;
+    isPlaidVisible: boolean;
+    pazeSDKURL: string;
+    plaidEnv: string;
+    paypalSDKURL: string;
+    paypalClientId: string;
+    paypalEnvironment?: string;
+}

package/dist/types/paymentMethodOptions.d.ts

@@ -1,5 +1,5 @@
 import { PaymentMethodBillingAddress } from '../model';
-import { PaymentMethodRestrictions, PaymentMethodDisplayConfigMap, TermsConfig } from '.';
+import { PaymentMethodDisplayConfigMap, TermsConfig } from '.';
 /**
  * Public props for {@link AuthviaPaymentMethodOptions} (options chooser + dialogs).
  */
@@ -29,6 +29,5 @@ export interface PaymentMethodOptionsProps {
     color?: string;
     borderRadius?: string;
     variant?: string;
-    restrictions?: PaymentMethodRestrictions[];
     vuetifyOverrides?: string;
 }

package/dist/utils/index.d.ts

@@ -1,4 +1,3 @@
-import { PaymentMethodRestrictions } from '../types';
 export declare const isMobile: () => boolean;
 /**
  * @param str  Input string
@@ -18,9 +17,6 @@ export declare function hasPaymentMethodsReadScope(token: string | undefined): b
  */
 export declare const merchantThemeColor: () => any;
 export declare const transformPaymentMethodType: (type: string) => string;
-export declare const generateRestrictionStatementsFromArray: (restrictions: PaymentMethodRestrictions[]) => string[];
-export declare const checkRestrictions: (restrictionValues: string[] | undefined, paymentMethodValue: string | undefined) => boolean;
-export declare const checkBinRestrictions: (binRestrictions: string[] | undefined, paymentMethodBin: string | undefined) => boolean;
 /**
  * Extracts the user ID and token from an auth token.
  * @param authToken - The authentication token string.

package/dist/utils/paypalConfig.d.ts

@@ -7,10 +7,12 @@ 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;
+export declare function getPaypalClientId(): string;
 /**
  * PayPal JS SDK script base URL from `VITE_PAYPAL_SDK_URL` (trimmed).
  */
 export declare function getPaypalSdkUrlFromEnv(): string;
+export declare function getPaypalSdkUrl(): 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.

package/dist/utils/runtimeConfig.d.ts

@@ -0,0 +1,6 @@
+export declare function resolvePaypalClientId(): string;
+export declare function resolveGoogleMapsApiKey(): string;
+export declare function resolvePaypalSdkUrl(): string;
+export declare function resolvePazeSdkUrl(): string;
+export declare function resolvePaypalEnvironment(): string;
+export declare function resolvePlaidEnv(): string;

package/dist/vue-plugin.d.ts

@@ -1,6 +1,6 @@
 export * from '../entry/index'
 export {}
-import AuthviaCustomerAuthentication from '../entry/index'
-export default AuthviaCustomerAuthentication
+import AuthviaPaymentMethodCreate from '../entry/index'
+export default AuthviaPaymentMethodCreate
 export * from '../entry/index'
 export {}