@xyo-network/react-form-credit-card 6.1.3 → 6.2.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/browser/index.d.ts +6 -231
- package/package.json +18 -18
package/dist/browser/index.d.ts
CHANGED
|
@@ -1,231 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
8
|
-
import { Payload } from '@xyo-network/payload-model';
|
|
9
|
-
import * as _xylabs_react_promise from '@xylabs/react-promise';
|
|
10
|
-
import * as _xylabs_react_shared from '@xylabs/react-shared';
|
|
11
|
-
import { EmptyObject } from '@xylabs/object';
|
|
12
|
-
|
|
13
|
-
interface WithFormControlProps extends StandardTextFieldProps {
|
|
14
|
-
fieldLabel?: string;
|
|
15
|
-
formControlName?: string;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
declare const CreditCardCvvWithFormControl: React__default.FC<WithFormControlProps>;
|
|
19
|
-
|
|
20
|
-
declare const useCreditCardCvvFormControl: (formControlName?: string, cardNumberControlName?: string, control?: new () => FormControlBase<StandardTextFieldProps>) => {
|
|
21
|
-
creditCardFormControl: FormControlBase<StandardTextFieldProps> | undefined;
|
|
22
|
-
error: string;
|
|
23
|
-
inputRef: React.RefObject<HTMLInputElement | null>;
|
|
24
|
-
value: _xyo_network_react_form_group.ValidControlValue;
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
declare const CreditCardEmailWithFormControl: React__default.FC<WithFormControlProps>;
|
|
28
|
-
|
|
29
|
-
declare const CreditCardExpirationWithFormControl: React__default.FC<WithFormControlProps>;
|
|
30
|
-
|
|
31
|
-
interface FormControlTextFieldProps extends StandardTextFieldProps {
|
|
32
|
-
fieldLabel: string;
|
|
33
|
-
formControl?: FormControl<StandardTextFieldProps>;
|
|
34
|
-
formControlError?: string;
|
|
35
|
-
}
|
|
36
|
-
declare const FormControlTextField: {
|
|
37
|
-
({ ref, formControl, formControlError, fieldLabel, ...props }: FormControlTextFieldProps): react_jsx_runtime.JSX.Element;
|
|
38
|
-
displayName: string;
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
interface NameWithFormControlProps extends WithFormControlProps {
|
|
42
|
-
autoCompleteLabel: string;
|
|
43
|
-
}
|
|
44
|
-
declare const NameWithFormControl: React__default.FC<NameWithFormControlProps>;
|
|
45
|
-
|
|
46
|
-
declare const CreditCardNumberWithFormControl: React__default.FC<WithFormControlProps>;
|
|
47
|
-
|
|
48
|
-
declare const useCreditCardNumberFormControl: (formControlName?: string, control?: new () => FormControlBase<StandardTextFieldProps>) => {
|
|
49
|
-
creditCardFormControl: FormControlBase<StandardTextFieldProps> | undefined;
|
|
50
|
-
error: string;
|
|
51
|
-
inputRef: React.RefObject<HTMLInputElement | null>;
|
|
52
|
-
type: "visa" | "mastercard" | "amex" | "discover";
|
|
53
|
-
value: _xyo_network_react_form_group.ValidControlValue;
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
interface CreditCardInfo {
|
|
57
|
-
icon: string;
|
|
58
|
-
name: string;
|
|
59
|
-
}
|
|
60
|
-
interface CreditCardOptions {
|
|
61
|
-
amex: CreditCardInfo;
|
|
62
|
-
discover: CreditCardInfo;
|
|
63
|
-
mastercard: CreditCardInfo;
|
|
64
|
-
visa: CreditCardInfo;
|
|
65
|
-
}
|
|
66
|
-
declare const CreditCardData: CreditCardOptions;
|
|
67
|
-
|
|
68
|
-
declare const useCreditCardFormControl: (formControlName?: string, Control?: new (...args: any[]) => FormControlBase<StandardTextFieldProps>, args?: any[]) => {
|
|
69
|
-
creditCardFormControl: FormControlBase<StandardTextFieldProps> | undefined;
|
|
70
|
-
error: string;
|
|
71
|
-
inputRef: React.RefObject<HTMLInputElement | null>;
|
|
72
|
-
value: ValidControlValue;
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
declare const CreditCardZipWithFormControl: React__default.FC<WithFormControlProps>;
|
|
76
|
-
|
|
77
|
-
declare const CreditCardInputSchema: "network.xyo.credit.card.input";
|
|
78
|
-
type CreditCardInputSchema = typeof CreditCardInputSchema;
|
|
79
|
-
type CreditCardInputFields = {
|
|
80
|
-
cardNumber: string;
|
|
81
|
-
cvc: string;
|
|
82
|
-
emailAddress: string;
|
|
83
|
-
expiration: string;
|
|
84
|
-
firstName: string;
|
|
85
|
-
lastName: string;
|
|
86
|
-
timestamp: number;
|
|
87
|
-
zip: string;
|
|
88
|
-
};
|
|
89
|
-
type CreditCardInput = Payload<CreditCardInputFields, CreditCardInputSchema>;
|
|
90
|
-
declare const isCreditCardInput: (x?: unknown | null) => x is CreditCardInput;
|
|
91
|
-
|
|
92
|
-
interface CreditCardFormProps extends FlexBoxProps {
|
|
93
|
-
ConfirmationButton?: ComponentType<ButtonProps>;
|
|
94
|
-
displayErrors?: boolean;
|
|
95
|
-
onErrorDuringSubmit?: (error: Error) => void;
|
|
96
|
-
onInvalidSubmit?: (errorSummary: ErrorSummary) => void;
|
|
97
|
-
onSuccessfulSubmit?: () => void;
|
|
98
|
-
onValidSubmit?: (values: CreditCardInput) => Promise<void>;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
declare const CreditCardFormFlexbox: React__default.FC<CreditCardFormProps>;
|
|
102
|
-
declare const CreditCardFormFlexboxWithFormGroupProvider: React__default.FC<CreditCardFormProps>;
|
|
103
|
-
|
|
104
|
-
interface InputFieldsStackProps extends StackProps, PropsWithChildren {
|
|
105
|
-
}
|
|
106
|
-
declare const InputFieldsStack: React__default.FC<InputFieldsStackProps>;
|
|
107
|
-
|
|
108
|
-
declare const useFormStorage: () => [FormGroupParams<CreditCardInput> | undefined, Error | undefined, _xylabs_react_promise.UsePromiseState | undefined];
|
|
109
|
-
|
|
110
|
-
declare const NameFields: readonly ["firstName", "lastName"];
|
|
111
|
-
declare const NameLabels: readonly ["First", "Last"];
|
|
112
|
-
type NameLabel = (typeof NameLabels)[number];
|
|
113
|
-
|
|
114
|
-
type InputError = {
|
|
115
|
-
errorMessage: string;
|
|
116
|
-
invalidFields: string[];
|
|
117
|
-
};
|
|
118
|
-
|
|
119
|
-
declare const validateCreditCardInputs: (values: CreditCardInput) => CreditCardInput;
|
|
120
|
-
|
|
121
|
-
declare const FormGroupCreditCardContext: React.Context<({
|
|
122
|
-
formGroup?: _xyo_network_react_form_group.FormGroup<CreditCardInput, CreditCardInput> | undefined;
|
|
123
|
-
} & {
|
|
124
|
-
provided: true;
|
|
125
|
-
}) | (_xylabs_react_shared.FixedValues<_xylabs_react_shared.ProvidedContextExState<{
|
|
126
|
-
formGroup?: _xyo_network_react_form_group.FormGroup<CreditCardInput, CreditCardInput> | undefined;
|
|
127
|
-
}>, never> & {
|
|
128
|
-
provided: false;
|
|
129
|
-
}) | (_xylabs_react_shared.FixedValues<_xylabs_react_shared.NotProvidedContextExState<{
|
|
130
|
-
formGroup?: _xyo_network_react_form_group.FormGroup<CreditCardInput, CreditCardInput> | undefined;
|
|
131
|
-
}>, never> & {
|
|
132
|
-
provided: false;
|
|
133
|
-
})>;
|
|
134
|
-
|
|
135
|
-
interface FormGroupCreditCardProviderProps<TStorage extends Payload = Payload> extends PropsWithChildren {
|
|
136
|
-
params?: FormGroupParams<TStorage>;
|
|
137
|
-
}
|
|
138
|
-
declare const FormGroupCreditCardProvider: React__default.FC<FormGroupCreditCardProviderProps<CreditCardInput>>;
|
|
139
|
-
|
|
140
|
-
declare const useFormGroupWithCreditCardInput: (required?: boolean) => Omit<{
|
|
141
|
-
formGroup?: _xyo_network_react_form_group.FormGroup<CreditCardInput, CreditCardInput> | undefined;
|
|
142
|
-
} & {
|
|
143
|
-
provided: true;
|
|
144
|
-
}, "provided"> | Omit<_xylabs_react_shared.NotProvidedContextExState<_xyo_network_react_form_group.FormGroupContextWithPayloadState<CreditCardInput, CreditCardInput>>, "provided">;
|
|
145
|
-
|
|
146
|
-
declare function unmask(value: string): string;
|
|
147
|
-
|
|
148
|
-
declare class CreditCardCvvFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
|
|
149
|
-
invalidMessage: string;
|
|
150
|
-
pattern: RegExp;
|
|
151
|
-
patternStrict: RegExp;
|
|
152
|
-
props: TProps;
|
|
153
|
-
required: boolean;
|
|
154
|
-
unmask: typeof unmask;
|
|
155
|
-
private _cardNumberFormControl;
|
|
156
|
-
constructor();
|
|
157
|
-
get cardNumberFormControl(): AbstractControl<_xyo_network_react_form_group.ValidControlValue>;
|
|
158
|
-
blurError(value: string): void;
|
|
159
|
-
changeError(value: string): void;
|
|
160
|
-
setCardNumberFormControl(cardNumberFormControl: AbstractControl): void;
|
|
161
|
-
private getCardNumberCvcMax;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
declare class CreditCardExpirationFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase {
|
|
165
|
-
invalidMessage: string;
|
|
166
|
-
pattern: RegExp;
|
|
167
|
-
patternStrict: RegExp;
|
|
168
|
-
props: TProps;
|
|
169
|
-
required: boolean;
|
|
170
|
-
unmask: typeof unmask;
|
|
171
|
-
private _cardNumberFormControl;
|
|
172
|
-
constructor();
|
|
173
|
-
get cardNumberFormControl(): AbstractControl<_xyo_network_react_form_group.ValidControlValue>;
|
|
174
|
-
get rawValue(): _xyo_network_react_form_group.ValidControlValue;
|
|
175
|
-
blurError(value: string): void;
|
|
176
|
-
changeError(value: string): void;
|
|
177
|
-
mask(value: string): string;
|
|
178
|
-
private makeMask;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
declare class CreditCardNumberFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
|
|
182
|
-
creditCardType: string;
|
|
183
|
-
invalidMessage: string;
|
|
184
|
-
pattern: RegExp;
|
|
185
|
-
patternStrict: RegExp;
|
|
186
|
-
props: TProps;
|
|
187
|
-
required: boolean;
|
|
188
|
-
unmask: typeof unmask;
|
|
189
|
-
constructor();
|
|
190
|
-
blurError(value: string): void;
|
|
191
|
-
changeError(value: string): void;
|
|
192
|
-
earlyNumberCheck(number: string): void;
|
|
193
|
-
getCursorPosition(): number | undefined;
|
|
194
|
-
mask(value?: ValidControlValue): string;
|
|
195
|
-
onCreditCardTypeChange: (type: string) => void;
|
|
196
|
-
setCreditCardType(type: string): void;
|
|
197
|
-
setValue(value: string | undefined, options: SetOptions): void;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
declare class CreditCardEmailFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
|
|
201
|
-
invalidMessage: string;
|
|
202
|
-
pattern: RegExp;
|
|
203
|
-
patternStrict: RegExp;
|
|
204
|
-
props: TProps;
|
|
205
|
-
required: boolean;
|
|
206
|
-
constructor();
|
|
207
|
-
blurError(value: string): void;
|
|
208
|
-
changeError(value: string): void;
|
|
209
|
-
private updateValidation;
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
declare class NameFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
|
|
213
|
-
private nameLabel;
|
|
214
|
-
required: boolean;
|
|
215
|
-
constructor(nameLabel: string, autoCompleteLabel: string, placeHolder: string);
|
|
216
|
-
blurError(value: string): void;
|
|
217
|
-
changeError(value: string): void;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
declare class CreditCardZipFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
|
|
221
|
-
invalidMessage: string;
|
|
222
|
-
props: TProps;
|
|
223
|
-
required: boolean;
|
|
224
|
-
unmask: typeof unmask;
|
|
225
|
-
constructor();
|
|
226
|
-
blurError(value: string): void;
|
|
227
|
-
changeError(value: string): void;
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
export { CreditCardCvvFormControl, CreditCardCvvWithFormControl, CreditCardData, CreditCardEmailFormControl, CreditCardEmailWithFormControl, CreditCardExpirationFormControl, CreditCardExpirationWithFormControl, CreditCardFormFlexbox, CreditCardFormFlexboxWithFormGroupProvider, CreditCardInputSchema, CreditCardNumberFormControl, CreditCardNumberWithFormControl, CreditCardZipFormControl, CreditCardZipWithFormControl, FormControlTextField, FormGroupCreditCardContext, FormGroupCreditCardProvider, InputFieldsStack, NameFields, NameFormControl, NameLabels, NameWithFormControl, isCreditCardInput, unmask, useCreditCardCvvFormControl, useCreditCardFormControl, useCreditCardNumberFormControl, useFormGroupWithCreditCardInput, useFormStorage, validateCreditCardInputs };
|
|
231
|
-
export type { CreditCardFormProps, CreditCardInfo, CreditCardInput, CreditCardInputFields, CreditCardOptions, FormControlTextFieldProps, FormGroupCreditCardProviderProps, InputError, InputFieldsStackProps, NameLabel, NameWithFormControlProps, WithFormControlProps };
|
|
1
|
+
export * from './components/index.ts';
|
|
2
|
+
export * from './context/index.ts';
|
|
3
|
+
export * from './controls/index.ts';
|
|
4
|
+
export * from './models/index.ts';
|
|
5
|
+
export * from './utils/index.ts';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-form-credit-card",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.2.0",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -39,29 +39,29 @@
|
|
|
39
39
|
"module": "dist/browser/index.mjs",
|
|
40
40
|
"types": "dist/browser/index.d.ts",
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@xylabs/assert": "^4.
|
|
43
|
-
"@xylabs/object": "^4.
|
|
44
|
-
"@xylabs/react-error": "^6.
|
|
45
|
-
"@xylabs/react-flexbox": "^6.
|
|
46
|
-
"@xylabs/react-promise": "^6.
|
|
47
|
-
"@xylabs/react-shared": "^6.
|
|
48
|
-
"@xyo-network/archivist-storage": "^4.
|
|
49
|
-
"@xyo-network/payload-model": "^4.
|
|
50
|
-
"@xyo-network/react-form-group": "^6.
|
|
51
|
-
"@xyo-network/react-shared": "^6.
|
|
42
|
+
"@xylabs/assert": "^4.15.0",
|
|
43
|
+
"@xylabs/object": "^4.15.0",
|
|
44
|
+
"@xylabs/react-error": "^6.4.0",
|
|
45
|
+
"@xylabs/react-flexbox": "^6.4.0",
|
|
46
|
+
"@xylabs/react-promise": "^6.4.0",
|
|
47
|
+
"@xylabs/react-shared": "^6.4.0",
|
|
48
|
+
"@xyo-network/archivist-storage": "^4.3.0",
|
|
49
|
+
"@xyo-network/payload-model": "^4.3.0",
|
|
50
|
+
"@xyo-network/react-form-group": "^6.2.0",
|
|
51
|
+
"@xyo-network/react-shared": "^6.2.0",
|
|
52
52
|
"card-validator": "^10.0.3"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@mui/icons-material": "^7.2.0",
|
|
56
56
|
"@mui/material": "^7.2.0",
|
|
57
|
-
"@storybook/react-vite": "^9.0.
|
|
57
|
+
"@storybook/react-vite": "^9.0.18",
|
|
58
58
|
"@types/react": "^19.1.8",
|
|
59
|
-
"@xylabs/ts-scripts-yarn3": "
|
|
60
|
-
"@xylabs/tsconfig-react": "
|
|
61
|
-
"react": "^19.1.
|
|
62
|
-
"react-dom": "^19.1.
|
|
63
|
-
"react-router-dom": "^7.7.
|
|
64
|
-
"storybook": "^9.0.
|
|
59
|
+
"@xylabs/ts-scripts-yarn3": "^7.0.1",
|
|
60
|
+
"@xylabs/tsconfig-react": "^7.0.1",
|
|
61
|
+
"react": "^19.1.1",
|
|
62
|
+
"react-dom": "^19.1.1",
|
|
63
|
+
"react-router-dom": "^7.7.1",
|
|
64
|
+
"storybook": "^9.0.18",
|
|
65
65
|
"typescript": "^5.8.3"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|