@authvia/payment-method-create 0.10.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/components/AuthviaPaymentMethodForm.vue.d.ts +2 -0
  2. package/dist/components/internal/AuthviaPaymentMethodAddAch.vue.d.ts +27 -24
  3. package/dist/components/internal/AuthviaPaymentMethodCard.vue.d.ts +5 -2
  4. package/dist/components/internal/AuthviaPaymentMethodCreditCard.vue.d.ts +12 -0
  5. package/dist/components/internal/AuthviaPaymentMethodOptions.vue.d.ts +29 -0
  6. package/dist/components/internal/ach/AchFormHorizontalFieldRow.vue.d.ts +31 -0
  7. package/dist/components/internal/ach/AchFormNameFieldCell.vue.d.ts +18 -0
  8. package/dist/components/internal/ach/AchFormPlaidBannerAndTypeToggle.vue.d.ts +0 -16
  9. package/dist/components/internal/ach/AchFormRoutingAccountNameFields.vue.d.ts +5 -3
  10. package/dist/components/internal/paymentMethodOptions/AuthviaPaymentMethodOptionsAchFlowDialogs.vue.d.ts +1 -0
  11. package/dist/components/internal/paymentMethodOptions/AuthviaPaymentMethodOptionsWalletFormDialog.vue.d.ts +1 -0
  12. package/dist/composables/ach/useAchFormSubmitFlow.d.ts +1 -0
  13. package/dist/composables/ach/useAuthviaPaymentMethodAddAchForm.d.ts +4 -1
  14. package/dist/composables/paymentMethodForm/useAuthviaPaymentMethodForm.d.ts +3 -0
  15. package/dist/composables/paymentMethodForm/usePaymentMethodFormChildProps.d.ts +2 -0
  16. package/dist/composables/paymentMethodForm/usePaymentMethodFormTheme.d.ts +1 -0
  17. package/dist/composables/paymentMethodOptions/useAuthviaPaymentMethodOptions.d.ts +2 -0
  18. package/dist/constants/avwcStylingHooks.d.ts +1 -0
  19. package/dist/entry/web-component.d.ts +0 -2
  20. package/dist/types/achForm.d.ts +4 -0
  21. package/dist/types/index.d.ts +4 -0
  22. package/dist/types/paymentMethodOptions.d.ts +2 -0
  23. package/dist/utils/config.d.ts +6 -13
  24. package/dist/vue-plugin.js +2 -2
  25. package/dist/vue-plugin.umd.cjs +2 -2
  26. package/package.json +2 -2
@@ -28,6 +28,7 @@ declare const _default: import('vue').DefineComponent<Props, {
28
28
  state?: string;
29
29
  country?: string;
30
30
  postalCode?: string;
31
+ selectionMode?: "default" | "collapse";
31
32
  };
32
33
  card: {
33
34
  demoMode?: boolean;
@@ -43,6 +44,7 @@ declare const _default: import('vue').DefineComponent<Props, {
43
44
  state?: string;
44
45
  country?: string;
45
46
  postalCode?: string;
47
+ selectionMode?: "default" | "collapse";
46
48
  };
47
49
  paypal: boolean | import('../types').PayPalConfig;
48
50
  paze: {
@@ -1,8 +1,9 @@
1
1
  import { PropType } from 'vue';
2
2
  import { PaymentMethodBillingAddress } from '../../model';
3
3
  import { TermsConfig } from '../../types';
4
- export type { P_ACHValues, AuthviaPaymentMethodAddAchProps } from '../../types/achForm';
5
- export type { AuthviaPaymentMethodAddAchProps as Props } from '../../types/achForm';
4
+ import { AuthviaPaymentMethodAddAchProps, AchAddressSelectionMode, P_ACHValues } from '../../types/achForm';
5
+ export type { P_ACHValues, AuthviaPaymentMethodAddAchProps };
6
+ export type { AuthviaPaymentMethodAddAchProps as Props };
6
7
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
7
8
  demoMode: {
8
9
  type: BooleanConstructor;
@@ -63,6 +64,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
63
64
  type: StringConstructor;
64
65
  required: false;
65
66
  };
67
+ selectionMode: {
68
+ type: PropType<AchAddressSelectionMode>;
69
+ required: false;
70
+ default: string;
71
+ };
66
72
  }>, {
67
73
  avwcPaymentMethodFormHooks: {
68
74
  readonly root: "avwc-payment-method-form__root";
@@ -73,6 +79,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
73
79
  readonly methodRow: "avwc-payment-method-form__method-row";
74
80
  readonly creditCardSection: "avwc-payment-method-form__credit-card-section";
75
81
  readonly achRoot: "avwc-payment-method-form__ach-root";
82
+ readonly achFieldRow: "avwc-payment-method-form__ach-field-row";
76
83
  };
77
84
  accountTypes: {
78
85
  savings: string;
@@ -80,7 +87,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
80
87
  };
81
88
  fieldVariant: import('vue').ComputedRef<"outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-filled" | "solo-inverted">;
82
89
  fieldVariantSafe: import('vue').ComputedRef<"outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-filled" | "solo-inverted">;
83
- formData: import('../../types/achForm').P_ACHValues;
90
+ formData: P_ACHValues;
84
91
  isWorking: import('vue').Ref<boolean, boolean>;
85
92
  isFormValid: import('vue').ComputedRef<boolean>;
86
93
  markFieldDirty: (field: import('../../types/achForm').AchFieldKey) => void;
@@ -101,7 +108,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
101
108
  computedSubmitLabel: import('vue').ComputedRef<string>;
102
109
  handleSubmit: () => Promise<void>;
103
110
  isActiveTab: import('vue').Ref<boolean, boolean>;
104
- addButtonToggle: (value?: boolean) => void;
111
+ selectAccountType: (value: string | boolean) => void;
112
+ accountNumberConfirmed: import('vue').Ref<boolean, boolean>;
105
113
  address: import('vue').Ref<HTMLInputElement, HTMLInputElement>;
106
114
  resetFormAddressData: () => void;
107
115
  activeMerchant: import('vue').ComputedRef<string | undefined>;
@@ -123,6 +131,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
123
131
  postalCode: import('vue').Ref<string, string>;
124
132
  googleMapsApiKey: string;
125
133
  isAddressFormValid: (isValid: boolean) => void;
134
+ selectionMode: import('vue').ComputedRef<AchAddressSelectionMode | undefined>;
126
135
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "success" | "error")[], "submit" | "success" | "error", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
127
136
  demoMode: {
128
137
  type: BooleanConstructor;
@@ -183,12 +192,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
183
192
  type: StringConstructor;
184
193
  required: false;
185
194
  };
195
+ selectionMode: {
196
+ type: PropType<AchAddressSelectionMode>;
197
+ required: false;
198
+ default: string;
199
+ };
186
200
  }>> & Readonly<{
187
201
  onSuccess?: ((...args: any[]) => any) | undefined;
188
202
  onError?: ((...args: any[]) => any) | undefined;
189
203
  onSubmit?: ((...args: any[]) => any) | undefined;
190
204
  }>, {
191
205
  variant: string;
206
+ selectionMode: AchAddressSelectionMode;
192
207
  forgetDefault: boolean;
193
208
  demoMode: boolean;
194
209
  forgetHidden: boolean;
@@ -198,27 +213,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
198
213
  type: PropType<Record<string, unknown> | undefined>;
199
214
  default: undefined;
200
215
  };
201
- isActiveTab: {
202
- type: BooleanConstructor;
203
- required: true;
204
- };
205
- onAccountTypeToggle: {
206
- type: PropType<(value?: boolean) => void>;
207
- required: true;
208
- };
209
216
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
210
217
  plaid: {
211
218
  type: PropType<Record<string, unknown> | undefined>;
212
219
  default: undefined;
213
220
  };
214
- isActiveTab: {
215
- type: BooleanConstructor;
216
- required: true;
217
- };
218
- onAccountTypeToggle: {
219
- type: PropType<(value?: boolean) => void>;
220
- required: true;
221
- };
222
221
  }>> & Readonly<{}>, {
223
222
  plaid: Record<string, unknown> | undefined;
224
223
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -226,39 +225,43 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
226
225
  routingNumber: string;
227
226
  accountNumber: string;
228
227
  nameOnAccount: string;
228
+ accountNumberConfirmed: boolean;
229
229
  } & {
230
230
  plaid: Record<string, unknown> | undefined;
231
231
  fieldsDisabled: boolean;
232
- fieldVariantSafe: import('../../types').VuetifyFieldVariant;
233
- getFieldRules: (field: import('../../types/achForm').AchFieldKey) => Array<(value: unknown) => true | string>;
232
+ accountType: string;
234
233
  markFieldDirty: (field: import('../../types/achForm').AchFieldKey) => void;
235
234
  onDigitKeydown: (event: KeyboardEvent) => void;
236
235
  onNameKeydown: (event: KeyboardEvent) => void;
237
236
  onRoutingPaste: (event: ClipboardEvent) => void;
238
237
  onAccountPaste: (event: ClipboardEvent) => void;
239
238
  onNamePaste: (event: ClipboardEvent) => void;
239
+ onSelectAccountType: (type: string) => void;
240
240
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
241
241
  "update:routingNumber": (value: string) => any;
242
242
  "update:accountNumber": (value: string) => any;
243
+ "update:accountNumberConfirmed": (value: boolean) => any;
243
244
  "update:nameOnAccount": (value: string) => any;
244
245
  }, string, import('vue').PublicProps, Readonly<{
245
246
  routingNumber: string;
246
247
  accountNumber: string;
247
248
  nameOnAccount: string;
249
+ accountNumberConfirmed: boolean;
248
250
  } & {
249
251
  plaid: Record<string, unknown> | undefined;
250
252
  fieldsDisabled: boolean;
251
- fieldVariantSafe: import('../../types').VuetifyFieldVariant;
252
- getFieldRules: (field: import('../../types/achForm').AchFieldKey) => Array<(value: unknown) => true | string>;
253
+ accountType: string;
253
254
  markFieldDirty: (field: import('../../types/achForm').AchFieldKey) => void;
254
255
  onDigitKeydown: (event: KeyboardEvent) => void;
255
256
  onNameKeydown: (event: KeyboardEvent) => void;
256
257
  onRoutingPaste: (event: ClipboardEvent) => void;
257
258
  onAccountPaste: (event: ClipboardEvent) => void;
258
259
  onNamePaste: (event: ClipboardEvent) => void;
260
+ onSelectAccountType: (type: string) => void;
259
261
  }> & Readonly<{
260
262
  "onUpdate:routingNumber"?: ((value: string) => any) | undefined;
261
263
  "onUpdate:accountNumber"?: ((value: string) => any) | undefined;
264
+ "onUpdate:accountNumberConfirmed"?: ((value: boolean) => any) | undefined;
262
265
  "onUpdate:nameOnAccount"?: ((value: string) => any) | undefined;
263
266
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
264
267
  AchFormSubmitBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -4,8 +4,10 @@ export interface Props {
4
4
  title: string;
5
5
  description: string;
6
6
  logo?: PaymentMethodLogo;
7
- /** Common size for logo slot (all methods use same box) */
7
+ /** Width of the logo slot (all methods use same box) */
8
8
  logoSize?: number;
9
+ /** Height of the logo slot */
10
+ logoHeight?: number;
9
11
  /** Size of SVG path icon inside slot */
10
12
  iconSize?: number;
11
13
  error?: string;
@@ -18,5 +20,6 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
18
20
  iconSize: number;
19
21
  disabled: boolean;
20
22
  logoSize: number;
21
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
23
+ logoHeight: number;
24
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
22
25
  export default _default;
@@ -64,6 +64,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
64
64
  required: false;
65
65
  default: "outlined";
66
66
  };
67
+ selectionMode: {
68
+ type: PropType<"default" | "collapse">;
69
+ required: false;
70
+ default: string;
71
+ };
67
72
  color: {
68
73
  type: StringConstructor;
69
74
  required: false;
@@ -108,6 +113,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
108
113
  cvv: ComputedRef<string>;
109
114
  termsContent: ComputedRef<string | undefined>;
110
115
  variant: string;
116
+ selectionMode: "default" | "collapse";
111
117
  submitLabel: any;
112
118
  handleSuccess: (event: unknown) => void;
113
119
  handleError: (error: unknown) => void;
@@ -168,6 +174,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
168
174
  required: false;
169
175
  default: "outlined";
170
176
  };
177
+ selectionMode: {
178
+ type: PropType<"default" | "collapse">;
179
+ required: false;
180
+ default: string;
181
+ };
171
182
  color: {
172
183
  type: StringConstructor;
173
184
  required: false;
@@ -192,6 +203,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
192
203
  }>, {
193
204
  variant: string;
194
205
  color: string;
206
+ selectionMode: "default" | "collapse";
195
207
  submitLabel: string;
196
208
  forgetDefault: boolean;
197
209
  demoMode: boolean;
@@ -1,6 +1,7 @@
1
1
  import { PropType } from 'vue';
2
2
  import { PaymentMethodBillingAddress } from '../../model';
3
3
  import { PaymentMethodDisplayConfigMap, TermsConfig } from '../../types';
4
+ import { AchAddressSelectionMode } from '../../types/achForm';
4
5
  export type { PaymentMethodOptionsProps } from '../../types/paymentMethodOptions';
5
6
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
6
7
  token: {
@@ -47,10 +48,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
47
48
  type: StringConstructor;
48
49
  required: false;
49
50
  };
51
+ cardSelectionMode: {
52
+ type: PropType<"default" | "collapse">;
53
+ required: false;
54
+ default: string;
55
+ };
50
56
  achSubmitBtnText: {
51
57
  type: StringConstructor;
52
58
  required: false;
53
59
  };
60
+ achSelectionMode: {
61
+ type: PropType<AchAddressSelectionMode>;
62
+ required: false;
63
+ default: string;
64
+ };
54
65
  cardNumber: {
55
66
  type: StringConstructor;
56
67
  required: false;
@@ -115,6 +126,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
115
126
  defaultAchSubmitBtnText: any;
116
127
  cardDemoMode: boolean | undefined;
117
128
  achDemoMode: boolean | undefined;
129
+ achSelectionMode: "default" | "collapse" | undefined;
118
130
  pzSettings: Record<string, unknown> | undefined;
119
131
  vuetifyOverrides: string | undefined;
120
132
  closePaymentMethodForm: () => void;
@@ -183,6 +195,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
183
195
  readonly methodRow: "avwc-payment-method-form__method-row";
184
196
  readonly creditCardSection: "avwc-payment-method-form__credit-card-section";
185
197
  readonly achRoot: "avwc-payment-method-form__ach-root";
198
+ readonly achFieldRow: "avwc-payment-method-form__ach-field-row";
186
199
  };
187
200
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("on-success" | "on-error" | "on-submit" | "update:forgetCard")[], "on-success" | "on-error" | "on-submit" | "update:forgetCard", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
188
201
  token: {
@@ -229,10 +242,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
229
242
  type: StringConstructor;
230
243
  required: false;
231
244
  };
245
+ cardSelectionMode: {
246
+ type: PropType<"default" | "collapse">;
247
+ required: false;
248
+ default: string;
249
+ };
232
250
  achSubmitBtnText: {
233
251
  type: StringConstructor;
234
252
  required: false;
235
253
  };
254
+ achSelectionMode: {
255
+ type: PropType<AchAddressSelectionMode>;
256
+ required: false;
257
+ default: string;
258
+ };
236
259
  cardNumber: {
237
260
  type: StringConstructor;
238
261
  required: false;
@@ -304,8 +327,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
304
327
  forgetHidden: boolean;
305
328
  intent: string;
306
329
  achDemoMode: boolean;
330
+ achSelectionMode: AchAddressSelectionMode;
307
331
  pvSettings: Record<string, unknown>;
308
332
  cardDemoMode: boolean;
333
+ cardSelectionMode: "default" | "collapse";
309
334
  allowedPaymentMethodTypes: string[];
310
335
  achOnline: boolean;
311
336
  }, {}, {
@@ -372,6 +397,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
372
397
  intent?: string;
373
398
  achDemoMode: boolean;
374
399
  achSubmitBtnText?: string;
400
+ achSelectionMode?: "default" | "collapse";
375
401
  defaultAchSubmitBtnText: string;
376
402
  terms?: TermsConfig;
377
403
  achBillingAddress?: PaymentMethodBillingAddress;
@@ -408,6 +434,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
408
434
  intent?: string;
409
435
  achDemoMode: boolean;
410
436
  achSubmitBtnText?: string;
437
+ achSelectionMode?: "default" | "collapse";
411
438
  defaultAchSubmitBtnText: string;
412
439
  terms?: TermsConfig;
413
440
  achBillingAddress?: PaymentMethodBillingAddress;
@@ -504,6 +531,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
504
531
  color?: string;
505
532
  borderRadius?: string;
506
533
  cardSubmitLabel: string;
534
+ cardSelectionMode?: "default" | "collapse";
507
535
  terms?: TermsConfig;
508
536
  forgetDefault: boolean;
509
537
  forgetHidden: boolean;
@@ -547,6 +575,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
547
575
  color?: string;
548
576
  borderRadius?: string;
549
577
  cardSubmitLabel: string;
578
+ cardSelectionMode?: "default" | "collapse";
550
579
  terms?: TermsConfig;
551
580
  forgetDefault: boolean;
552
581
  forgetHidden: boolean;
@@ -0,0 +1,31 @@
1
+ import { AchFieldKey } from '../../../types/achForm';
2
+ type __VLS_Props = {
3
+ fieldsDisabled: boolean;
4
+ accountType: string;
5
+ markFieldDirty: (field: AchFieldKey) => void;
6
+ onDigitKeydown: (event: KeyboardEvent) => void;
7
+ onRoutingPaste: (event: ClipboardEvent) => void;
8
+ onAccountPaste: (event: ClipboardEvent) => void;
9
+ };
10
+ type __VLS_PublicProps = {
11
+ 'routingNumber': string;
12
+ 'accountNumber': string;
13
+ 'accountNumberConfirmed': boolean;
14
+ } & __VLS_Props;
15
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
16
+ "update:routingNumber": (value: string) => any;
17
+ "update:accountNumber": (value: string) => any;
18
+ "update:accountNumberConfirmed": (value: boolean) => any;
19
+ } & {
20
+ "select-account-type": (value: string) => any;
21
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
22
+ "onSelect-account-type"?: ((value: string) => any) | undefined;
23
+ "onUpdate:routingNumber"?: ((value: string) => any) | undefined;
24
+ "onUpdate:accountNumber"?: ((value: string) => any) | undefined;
25
+ "onUpdate:accountNumberConfirmed"?: ((value: boolean) => any) | undefined;
26
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
27
+ routingInputRef: HTMLInputElement;
28
+ accountInputRef: HTMLInputElement;
29
+ confirmInputRef: HTMLInputElement;
30
+ }, HTMLDivElement>;
31
+ export default _default;
@@ -0,0 +1,18 @@
1
+ import { AchFieldKey } from '../../../types/achForm';
2
+ type __VLS_Props = {
3
+ fieldsDisabled: boolean;
4
+ markFieldDirty: (field: AchFieldKey) => void;
5
+ onNameKeydown: (event: KeyboardEvent) => void;
6
+ onNamePaste: (event: ClipboardEvent) => void;
7
+ };
8
+ type __VLS_PublicProps = {
9
+ 'nameOnAccount': string;
10
+ } & __VLS_Props;
11
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
+ "update:nameOnAccount": (value: string) => any;
13
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
14
+ "onUpdate:nameOnAccount"?: ((value: string) => any) | undefined;
15
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
16
+ inputRef: HTMLInputElement;
17
+ }, HTMLDivElement>;
18
+ export default _default;
@@ -4,27 +4,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
4
4
  type: PropType<Record<string, unknown> | undefined>;
5
5
  default: undefined;
6
6
  };
7
- isActiveTab: {
8
- type: BooleanConstructor;
9
- required: true;
10
- };
11
- onAccountTypeToggle: {
12
- type: PropType<(value?: boolean) => void>;
13
- required: true;
14
- };
15
7
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
16
8
  plaid: {
17
9
  type: PropType<Record<string, unknown> | undefined>;
18
10
  default: undefined;
19
11
  };
20
- isActiveTab: {
21
- type: BooleanConstructor;
22
- required: true;
23
- };
24
- onAccountTypeToggle: {
25
- type: PropType<(value?: boolean) => void>;
26
- required: true;
27
- };
28
12
  }>> & Readonly<{}>, {
29
13
  plaid: Record<string, unknown> | undefined;
30
14
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1,29 +1,31 @@
1
1
  import { AchFieldKey } from '../../../types/achForm';
2
- import { VuetifyFieldVariant } from '../../../types';
3
2
  type __VLS_Props = {
4
3
  plaid: Record<string, unknown> | undefined;
5
4
  fieldsDisabled: boolean;
6
- fieldVariantSafe: VuetifyFieldVariant;
7
- getFieldRules: (field: AchFieldKey) => Array<(value: unknown) => true | string>;
5
+ accountType: string;
8
6
  markFieldDirty: (field: AchFieldKey) => void;
9
7
  onDigitKeydown: (event: KeyboardEvent) => void;
10
8
  onNameKeydown: (event: KeyboardEvent) => void;
11
9
  onRoutingPaste: (event: ClipboardEvent) => void;
12
10
  onAccountPaste: (event: ClipboardEvent) => void;
13
11
  onNamePaste: (event: ClipboardEvent) => void;
12
+ onSelectAccountType: (type: string) => void;
14
13
  };
15
14
  type __VLS_PublicProps = {
16
15
  'routingNumber': string;
17
16
  'accountNumber': string;
18
17
  'nameOnAccount': string;
18
+ 'accountNumberConfirmed': boolean;
19
19
  } & __VLS_Props;
20
20
  declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
21
21
  "update:routingNumber": (value: string) => any;
22
22
  "update:accountNumber": (value: string) => any;
23
+ "update:accountNumberConfirmed": (value: boolean) => any;
23
24
  "update:nameOnAccount": (value: string) => any;
24
25
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
25
26
  "onUpdate:routingNumber"?: ((value: string) => any) | undefined;
26
27
  "onUpdate:accountNumber"?: ((value: string) => any) | undefined;
28
+ "onUpdate:accountNumberConfirmed"?: ((value: boolean) => any) | undefined;
27
29
  "onUpdate:nameOnAccount"?: ((value: string) => any) | undefined;
28
30
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
29
31
  export default _default;
@@ -15,6 +15,7 @@ type __VLS_Props = {
15
15
  intent?: string;
16
16
  achDemoMode: boolean;
17
17
  achSubmitBtnText?: string;
18
+ achSelectionMode?: 'default' | 'collapse';
18
19
  defaultAchSubmitBtnText: string;
19
20
  terms?: TermsConfig;
20
21
  achBillingAddress?: PaymentMethodBillingAddress;
@@ -22,6 +22,7 @@ type __VLS_Props = {
22
22
  color?: string;
23
23
  borderRadius?: string;
24
24
  cardSubmitLabel: string;
25
+ cardSelectionMode?: 'default' | 'collapse';
25
26
  terms?: TermsConfig;
26
27
  forgetDefault: boolean;
27
28
  forgetHidden: boolean;
@@ -19,6 +19,7 @@ export declare function useAchFormSubmitFlow(options: {
19
19
  paymentMethodResponse: Ref<PaymentMethod | undefined>;
20
20
  isPaymentMethodAdded: Ref<boolean>;
21
21
  markRequiredFieldsDirty: (isPlaidFlow: boolean) => void;
22
+ isFormValid: ComputedRef<boolean>;
22
23
  }): {
23
24
  handleSubmit: () => Promise<void>;
24
25
  };
@@ -15,6 +15,7 @@ export declare function useAuthviaPaymentMethodAddAchForm(props: AuthviaPaymentM
15
15
  readonly methodRow: "avwc-payment-method-form__method-row";
16
16
  readonly creditCardSection: "avwc-payment-method-form__credit-card-section";
17
17
  readonly achRoot: "avwc-payment-method-form__ach-root";
18
+ readonly achFieldRow: "avwc-payment-method-form__ach-field-row";
18
19
  };
19
20
  accountTypes: {
20
21
  savings: string;
@@ -43,7 +44,8 @@ export declare function useAuthviaPaymentMethodAddAchForm(props: AuthviaPaymentM
43
44
  computedSubmitLabel: ComputedRef<string>;
44
45
  handleSubmit: () => Promise<void>;
45
46
  isActiveTab: Ref<boolean, boolean>;
46
- addButtonToggle: (value?: boolean) => void;
47
+ selectAccountType: (value: string | boolean) => void;
48
+ accountNumberConfirmed: Ref<boolean, boolean>;
47
49
  address: Ref<HTMLInputElement, HTMLInputElement>;
48
50
  resetFormAddressData: () => void;
49
51
  activeMerchant: ComputedRef<string | undefined>;
@@ -65,5 +67,6 @@ export declare function useAuthviaPaymentMethodAddAchForm(props: AuthviaPaymentM
65
67
  postalCode: Ref<string, string>;
66
68
  googleMapsApiKey: string;
67
69
  isAddressFormValid: (isValid: boolean) => void;
70
+ selectionMode: ComputedRef<import('../../types/achForm').AchAddressSelectionMode | undefined>;
68
71
  };
69
72
  export {};
@@ -18,7 +18,9 @@ export declare function useAuthviaPaymentMethodForm(props: AuthviaPaymentMethodF
18
18
  cardExpiration: import('vue').ComputedRef<string | undefined>;
19
19
  cardCvv: import('vue').ComputedRef<string | undefined>;
20
20
  cardNameOnCard: import('vue').ComputedRef<string | undefined>;
21
+ cardSelectionMode: import('vue').ComputedRef<"default" | "collapse">;
21
22
  achSubmitBtnText: import('vue').ComputedRef<string | undefined>;
23
+ achSelectionMode: import('vue').ComputedRef<"default" | "collapse">;
22
24
  termsConfig: import('vue').ComputedRef<import('../../types').TermsConfig | undefined>;
23
25
  paymentMethodDisplay: import('vue').ComputedRef<import('../../types').PaymentMethodDisplayConfigMap | undefined>;
24
26
  cardBillingAddress: import('vue').ComputedRef<import('../../model').PaymentMethodBillingAddress | undefined>;
@@ -37,6 +39,7 @@ export declare function useAuthviaPaymentMethodForm(props: AuthviaPaymentMethodF
37
39
  readonly methodRow: "avwc-payment-method-form__method-row";
38
40
  readonly creditCardSection: "avwc-payment-method-form__credit-card-section";
39
41
  readonly achRoot: "avwc-payment-method-form__ach-root";
42
+ readonly achFieldRow: "avwc-payment-method-form__ach-field-row";
40
43
  };
41
44
  cssCustomProperties: import('vue').ComputedRef<Record<string, string>>;
42
45
  inputVariant: import('vue').ComputedRef<"outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-filled" | "solo-inverted">;
@@ -13,7 +13,9 @@ export declare function usePaymentMethodFormChildProps(props: AuthviaPaymentMeth
13
13
  cardExpiration: ComputedRef<string | undefined>;
14
14
  cardCvv: ComputedRef<string | undefined>;
15
15
  cardNameOnCard: ComputedRef<string | undefined>;
16
+ cardSelectionMode: ComputedRef<"default" | "collapse">;
16
17
  achSubmitBtnText: ComputedRef<string | undefined>;
18
+ achSelectionMode: ComputedRef<"default" | "collapse">;
17
19
  termsConfig: ComputedRef<TermsConfig | undefined>;
18
20
  paymentMethodDisplay: ComputedRef<PaymentMethodDisplayConfigMap | undefined>;
19
21
  cardBillingAddress: ComputedRef<PaymentMethodBillingAddress | undefined>;
@@ -14,6 +14,7 @@ export declare function usePaymentMethodFormTheme(props: AuthviaPaymentMethodFor
14
14
  readonly methodRow: "avwc-payment-method-form__method-row";
15
15
  readonly creditCardSection: "avwc-payment-method-form__credit-card-section";
16
16
  readonly achRoot: "avwc-payment-method-form__ach-root";
17
+ readonly achFieldRow: "avwc-payment-method-form__ach-field-row";
17
18
  };
18
19
  cssCustomProperties: ComputedRef<Record<string, string>>;
19
20
  inputVariant: ComputedRef<"outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-filled" | "solo-inverted">;
@@ -10,6 +10,7 @@ export declare function useAuthviaPaymentMethodOptions(props: PaymentMethodOptio
10
10
  defaultAchSubmitBtnText: any;
11
11
  cardDemoMode: boolean | undefined;
12
12
  achDemoMode: boolean | undefined;
13
+ achSelectionMode: "default" | "collapse" | undefined;
13
14
  pzSettings: Record<string, unknown> | undefined;
14
15
  vuetifyOverrides: string | undefined;
15
16
  closePaymentMethodForm: () => void;
@@ -78,6 +79,7 @@ export declare function useAuthviaPaymentMethodOptions(props: PaymentMethodOptio
78
79
  readonly methodRow: "avwc-payment-method-form__method-row";
79
80
  readonly creditCardSection: "avwc-payment-method-form__credit-card-section";
80
81
  readonly achRoot: "avwc-payment-method-form__ach-root";
82
+ readonly achFieldRow: "avwc-payment-method-form__ach-field-row";
81
83
  };
82
84
  };
83
85
  export type { PaymentMethodOptionsEmit } from './paymentMethodOptionsTypes';
@@ -11,5 +11,6 @@ export declare const avwcPaymentMethodFormHooks: {
11
11
  readonly methodRow: "avwc-payment-method-form__method-row";
12
12
  readonly creditCardSection: "avwc-payment-method-form__credit-card-section";
13
13
  readonly achRoot: "avwc-payment-method-form__ach-root";
14
+ readonly achFieldRow: "avwc-payment-method-form__ach-field-row";
14
15
  };
15
16
  export type AvwcPaymentMethodFormHookClass = (typeof avwcPaymentMethodFormHooks)[keyof typeof avwcPaymentMethodFormHooks];
@@ -10,8 +10,6 @@ declare global {
10
10
  interface Window {
11
11
  __AUTHVIA_DEPENDENCY_REGISTRY__?: DependencyRegistry;
12
12
  __AUTHVIA_WEB_COMPONENT_CSS__?: string;
13
- /** Set by @authvia/address-create plugin when used in web component build */
14
- __AUTHVIA_VUE_PLUGIN_CSS__?: string;
15
13
  Vue?: VueRuntime;
16
14
  }
17
15
  interface GlobalThis {
@@ -1,6 +1,8 @@
1
1
  import { PaymentMethodBillingAddress } from '../model';
2
2
  import { TermsConfig } from '.';
3
3
  export type AchFieldKey = 'routingNumber' | 'accountNumber' | 'nameOnAccount';
4
+ /** Passed through to {@link @authvia/address-create} `selectionMode`. */
5
+ export type AchAddressSelectionMode = 'default' | 'collapse';
4
6
  export interface P_ACHValues {
5
7
  nameOnAccount: string;
6
8
  accountNumber: string;
@@ -39,4 +41,6 @@ export interface AuthviaPaymentMethodAddAchProps {
39
41
  variant?: string;
40
42
  color?: string;
41
43
  borderRadius?: string;
44
+ /** Address selection mode for embedded ACH address form; default `default`. */
45
+ selectionMode?: AchAddressSelectionMode;
42
46
  }
@@ -80,6 +80,8 @@ export interface AuthviaPaymentMethodFormProps {
80
80
  state?: string;
81
81
  country?: string;
82
82
  postalCode?: string;
83
+ /** Address selection mode for embedded card address form; default `default`. */
84
+ selectionMode?: 'default' | 'collapse';
83
85
  };
84
86
  ach?: {
85
87
  demoMode?: boolean;
@@ -96,6 +98,8 @@ export interface AuthviaPaymentMethodFormProps {
96
98
  state?: string;
97
99
  country?: string;
98
100
  postalCode?: string;
101
+ /** Address selection mode for embedded ACH address form; default `default`. */
102
+ selectionMode?: 'default' | 'collapse';
99
103
  };
100
104
  paypal?: boolean | PayPalConfig;
101
105
  /** `true`, or `{ merchantId, redirectUrl? }` when you want Venmo without a `paypal` prop. */
@@ -15,7 +15,9 @@ export interface PaymentMethodOptionsProps {
15
15
  paymentMethodDisplay?: PaymentMethodDisplayConfigMap;
16
16
  terms?: TermsConfig;
17
17
  cardSubmitBtnText?: string;
18
+ cardSelectionMode?: 'default' | 'collapse';
18
19
  achSubmitBtnText?: string;
20
+ achSelectionMode?: 'default' | 'collapse';
19
21
  cardNumber?: string;
20
22
  cardNameOnCard?: string;
21
23
  cardExpiration?: string;