@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.
- package/dist/components/AuthviaPaymentMethodForm.vue.d.ts +2 -0
- package/dist/components/internal/AuthviaPaymentMethodAddAch.vue.d.ts +27 -24
- package/dist/components/internal/AuthviaPaymentMethodCard.vue.d.ts +5 -2
- package/dist/components/internal/AuthviaPaymentMethodCreditCard.vue.d.ts +12 -0
- package/dist/components/internal/AuthviaPaymentMethodOptions.vue.d.ts +29 -0
- package/dist/components/internal/ach/AchFormHorizontalFieldRow.vue.d.ts +31 -0
- package/dist/components/internal/ach/AchFormNameFieldCell.vue.d.ts +18 -0
- package/dist/components/internal/ach/AchFormPlaidBannerAndTypeToggle.vue.d.ts +0 -16
- package/dist/components/internal/ach/AchFormRoutingAccountNameFields.vue.d.ts +5 -3
- package/dist/components/internal/paymentMethodOptions/AuthviaPaymentMethodOptionsAchFlowDialogs.vue.d.ts +1 -0
- package/dist/components/internal/paymentMethodOptions/AuthviaPaymentMethodOptionsWalletFormDialog.vue.d.ts +1 -0
- package/dist/composables/ach/useAchFormSubmitFlow.d.ts +1 -0
- package/dist/composables/ach/useAuthviaPaymentMethodAddAchForm.d.ts +4 -1
- package/dist/composables/paymentMethodForm/useAuthviaPaymentMethodForm.d.ts +3 -0
- package/dist/composables/paymentMethodForm/usePaymentMethodFormChildProps.d.ts +2 -0
- package/dist/composables/paymentMethodForm/usePaymentMethodFormTheme.d.ts +1 -0
- package/dist/composables/paymentMethodOptions/useAuthviaPaymentMethodOptions.d.ts +2 -0
- package/dist/constants/avwcStylingHooks.d.ts +1 -0
- package/dist/entry/web-component.d.ts +0 -2
- package/dist/types/achForm.d.ts +4 -0
- package/dist/types/index.d.ts +4 -0
- package/dist/types/paymentMethodOptions.d.ts +2 -0
- package/dist/utils/config.d.ts +6 -13
- package/dist/vue-plugin.js +2 -2
- package/dist/vue-plugin.umd.cjs +2 -2
- 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
|
-
|
|
5
|
-
export type { AuthviaPaymentMethodAddAchProps
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
/**
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
|
@@ -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
|
-
|
|
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 {
|
package/dist/types/achForm.d.ts
CHANGED
|
@@ -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
|
}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -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;
|