@meatech/payblend_app_ui_component 1.0.85 → 1.0.87
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/components/Inputs/InputField.tsx +63 -62
- package/dist/components/Inputs/InputField.d.ts +2 -1
- package/dist/components/Inputs/InputField.d.ts.map +1 -1
- package/dist/components/Inputs/InputField.js +34 -33
- package/dist/components/Inputs/InputField.js.map +1 -1
- package/dist/yup/form.d.ts.map +1 -1
- package/dist/yup/form.js +2 -2
- package/dist/yup/form.js.map +1 -1
- package/dist/yup/index.d.ts +1 -1
- package/dist/yup/index.js +1 -1
- package/dist/yup/regex.d.ts +2 -1
- package/dist/yup/regex.d.ts.map +1 -1
- package/dist/yup/regex.js +3 -2
- package/dist/yup/regex.js.map +1 -1
- package/package.json +1 -1
- package/yup/form.ts +2 -1
- package/yup/regex.ts +2 -1
|
@@ -29,9 +29,9 @@ export const InputField = ({
|
|
|
29
29
|
label,
|
|
30
30
|
placeholder,
|
|
31
31
|
errMessage,
|
|
32
|
-
size =
|
|
33
|
-
variant =
|
|
34
|
-
type =
|
|
32
|
+
size = 'medium',
|
|
33
|
+
variant = 'default',
|
|
34
|
+
type = 'default',
|
|
35
35
|
labelSize,
|
|
36
36
|
isShowPassword = true,
|
|
37
37
|
disabled = false,
|
|
@@ -42,6 +42,7 @@ export const InputField = ({
|
|
|
42
42
|
mask,
|
|
43
43
|
obfuscationCharacter,
|
|
44
44
|
showObfuscatedValue = false,
|
|
45
|
+
isPhoneNumber = false,
|
|
45
46
|
onChangeText,
|
|
46
47
|
onEndEditing,
|
|
47
48
|
onToggleShowPassword,
|
|
@@ -56,20 +57,21 @@ export const InputField = ({
|
|
|
56
57
|
placeholder?: string;
|
|
57
58
|
isShowPassword?: boolean;
|
|
58
59
|
disabled?: boolean;
|
|
59
|
-
size?:
|
|
60
|
+
size?: 'small' | 'medium' | 'large';
|
|
61
|
+
isPhoneNumber?: boolean;
|
|
60
62
|
labelSize?:
|
|
61
|
-
|
|
|
62
|
-
|
|
|
63
|
-
|
|
|
64
|
-
|
|
|
65
|
-
|
|
|
66
|
-
|
|
|
67
|
-
|
|
|
68
|
-
|
|
|
69
|
-
|
|
|
70
|
-
|
|
|
71
|
-
variant?:
|
|
72
|
-
type?:
|
|
63
|
+
| 'xxxs'
|
|
64
|
+
| 'xxs'
|
|
65
|
+
| 'xs'
|
|
66
|
+
| 'small'
|
|
67
|
+
| 'medium'
|
|
68
|
+
| 'large'
|
|
69
|
+
| 'xl'
|
|
70
|
+
| 'xxl'
|
|
71
|
+
| 'xxxl'
|
|
72
|
+
| 'xxxxl';
|
|
73
|
+
variant?: 'default' | 'quite' | 'none';
|
|
74
|
+
type?: 'default' | 'phone-number' | 'password' | 'search';
|
|
73
75
|
isHideIcon?: boolean;
|
|
74
76
|
maxLength?: number;
|
|
75
77
|
keyboardType?: KeyboardTypeOptions;
|
|
@@ -80,7 +82,7 @@ export const InputField = ({
|
|
|
80
82
|
onChangeText?: (
|
|
81
83
|
text: string,
|
|
82
84
|
maskedText?: string,
|
|
83
|
-
obfuscatedText?: string
|
|
85
|
+
obfuscatedText?: string,
|
|
84
86
|
) => void;
|
|
85
87
|
onEndEditing?: (text: string) => void;
|
|
86
88
|
onToggleShowPassword?: () => void;
|
|
@@ -89,12 +91,12 @@ export const InputField = ({
|
|
|
89
91
|
onSubmitEditing?: (text: string) => void;
|
|
90
92
|
onBlur?: (text: string) => void;
|
|
91
93
|
}) => {
|
|
92
|
-
const {
|
|
94
|
+
const {height, fontSize} = useMemo(
|
|
93
95
|
() => ({
|
|
94
96
|
height: inputFieldHeight[size],
|
|
95
97
|
fontSize: inputFieldFontSize[size],
|
|
96
98
|
}),
|
|
97
|
-
[size]
|
|
99
|
+
[size],
|
|
98
100
|
);
|
|
99
101
|
const inputHeightStyle: StyleProp<TextStyle> = {
|
|
100
102
|
backgroundColor: disabled ? colors.neutral[20] : colors.white[10],
|
|
@@ -106,9 +108,9 @@ export const InputField = ({
|
|
|
106
108
|
backgroundColor: disabled ? colors.neutral[20] : colors.white[10],
|
|
107
109
|
};
|
|
108
110
|
const inputWrapperBorderStyle: StyleProp<ViewStyle> = {
|
|
109
|
-
borderRadius: variant ===
|
|
111
|
+
borderRadius: variant === 'default' ? metrics.borderRadiusBase : 0,
|
|
110
112
|
borderWidth:
|
|
111
|
-
variant ===
|
|
113
|
+
variant === 'default'
|
|
112
114
|
? metrics.borderWidthMedium
|
|
113
115
|
: metrics.borderWidthNone,
|
|
114
116
|
borderColor: disabled
|
|
@@ -117,11 +119,11 @@ export const InputField = ({
|
|
|
117
119
|
? colors.red[90]
|
|
118
120
|
: colors.neutral[60],
|
|
119
121
|
borderBottomWidth:
|
|
120
|
-
variant ===
|
|
122
|
+
variant === 'none' ? metrics.borderWidthNone : metrics.borderWidthMedium,
|
|
121
123
|
};
|
|
122
124
|
|
|
123
125
|
const inputBorderStyle: StyleProp<TextStyle> = {
|
|
124
|
-
borderLeftWidth: variant ===
|
|
126
|
+
borderLeftWidth: variant === 'default' ? metrics.borderWidthMedium : 0,
|
|
125
127
|
borderLeftColor: disabled
|
|
126
128
|
? colors.neutral[20]
|
|
127
129
|
: errMessage
|
|
@@ -130,16 +132,16 @@ export const InputField = ({
|
|
|
130
132
|
};
|
|
131
133
|
const countryCodeList = useMemo(
|
|
132
134
|
() =>
|
|
133
|
-
|
|
135
|
+
[].map((country: any) => ({
|
|
134
136
|
label: country.dial_code,
|
|
135
137
|
value: country.dial_code,
|
|
136
138
|
})),
|
|
137
|
-
[]
|
|
139
|
+
[],
|
|
138
140
|
);
|
|
139
141
|
const [countryCodeValue, setCountryCodeValue] = useState<SelectItemT>(
|
|
140
|
-
countryCodeList[0]
|
|
142
|
+
countryCodeList[0],
|
|
141
143
|
);
|
|
142
|
-
const [inputValue, setInputValue] = useState(value ||
|
|
144
|
+
const [inputValue, setInputValue] = useState(value || '');
|
|
143
145
|
const debouncedOnChangeText = useDebounce(inputValue, debounceTime);
|
|
144
146
|
|
|
145
147
|
useEffect(() => {
|
|
@@ -149,15 +151,17 @@ export const InputField = ({
|
|
|
149
151
|
}, [debouncedOnChangeText, onDebounceChangeText]);
|
|
150
152
|
|
|
151
153
|
useEffect(() => {
|
|
152
|
-
|
|
153
|
-
|
|
154
|
+
if (isPhoneNumber) {
|
|
155
|
+
setInputValue(value || '');
|
|
156
|
+
}
|
|
157
|
+
}, [value, isPhoneNumber]);
|
|
154
158
|
|
|
155
159
|
const handleEndEdit = (
|
|
156
|
-
e: NativeSyntheticEvent<TextInputEndEditingEventData
|
|
160
|
+
e: NativeSyntheticEvent<TextInputEndEditingEventData>,
|
|
157
161
|
) => {
|
|
158
162
|
if (onEndEditing) {
|
|
159
163
|
if (
|
|
160
|
-
type ===
|
|
164
|
+
type === 'phone-number' &&
|
|
161
165
|
countryCodeValue &&
|
|
162
166
|
debouncedOnChangeText
|
|
163
167
|
) {
|
|
@@ -181,30 +185,30 @@ export const InputField = ({
|
|
|
181
185
|
const handleChangeText = (
|
|
182
186
|
maskedText: string,
|
|
183
187
|
text: string,
|
|
184
|
-
obfuscatedText?: string
|
|
188
|
+
obfuscatedText?: string,
|
|
185
189
|
) => {
|
|
186
190
|
setInputValue(maskedText);
|
|
187
191
|
if (onChangeText) {
|
|
188
192
|
if (text) {
|
|
189
|
-
if (type ===
|
|
193
|
+
if (type === 'phone-number' && countryCodeValue && text) {
|
|
190
194
|
onChangeText(
|
|
191
195
|
countryCodeValue.value + text,
|
|
192
196
|
maskedText,
|
|
193
|
-
obfuscatedText
|
|
197
|
+
obfuscatedText,
|
|
194
198
|
);
|
|
195
199
|
} else {
|
|
196
200
|
onChangeText(text, maskedText, obfuscatedText);
|
|
197
201
|
}
|
|
198
202
|
} else {
|
|
199
|
-
setInputValue(
|
|
200
|
-
onChangeText(
|
|
203
|
+
setInputValue('');
|
|
204
|
+
onChangeText('', maskedText, obfuscatedText);
|
|
201
205
|
}
|
|
202
206
|
}
|
|
203
207
|
};
|
|
204
208
|
|
|
205
209
|
const handleBlur = () => {
|
|
206
210
|
if (onBlur) {
|
|
207
|
-
if (type ===
|
|
211
|
+
if (type === 'phone-number' && countryCodeValue && inputValue) {
|
|
208
212
|
onBlur(countryCodeValue.value + inputValue);
|
|
209
213
|
} else {
|
|
210
214
|
onBlur(inputValue);
|
|
@@ -221,9 +225,8 @@ export const InputField = ({
|
|
|
221
225
|
styles.inputFieldWrapper,
|
|
222
226
|
inputWrapperHeightStyle,
|
|
223
227
|
inputWrapperBorderStyle,
|
|
224
|
-
]}
|
|
225
|
-
|
|
226
|
-
{type === "phone-number" && (
|
|
228
|
+
]}>
|
|
229
|
+
{type === 'phone-number' && (
|
|
227
230
|
<SelectField
|
|
228
231
|
value={countryCodeValue}
|
|
229
232
|
listData={countryCodeList}
|
|
@@ -238,44 +241,42 @@ export const InputField = ({
|
|
|
238
241
|
<MaskInput
|
|
239
242
|
value={inputValue}
|
|
240
243
|
editable={!disabled}
|
|
241
|
-
secureTextEntry={type ===
|
|
244
|
+
secureTextEntry={type === 'password' && isShowPassword}
|
|
242
245
|
onEndEditing={handleEndEdit}
|
|
243
246
|
obfuscationCharacter={obfuscationCharacter}
|
|
244
247
|
showObfuscatedValue={showObfuscatedValue}
|
|
245
248
|
onChangeText={(
|
|
246
249
|
masked: string,
|
|
247
250
|
unmasked: string,
|
|
248
|
-
obfuscated: string
|
|
251
|
+
obfuscated: string,
|
|
249
252
|
) => {
|
|
250
253
|
handleChangeText(masked, unmasked, obfuscated);
|
|
251
254
|
}}
|
|
252
255
|
placeholder={placeholder}
|
|
253
|
-
keyboardType={keyboardType ||
|
|
256
|
+
keyboardType={keyboardType || 'default'}
|
|
254
257
|
style={[
|
|
255
258
|
styles.inputFieldBox,
|
|
256
259
|
inputHeightStyle,
|
|
257
|
-
type ===
|
|
260
|
+
type === 'phone-number' && inputBorderStyle,
|
|
258
261
|
]}
|
|
259
262
|
mask={mask || undefined}
|
|
260
263
|
maxLength={maxLength}
|
|
261
264
|
onBlur={handleBlur}
|
|
262
265
|
onSubmitEditing={handleSubmitEditing}
|
|
263
266
|
/>
|
|
264
|
-
{!isHideIcon && type ===
|
|
267
|
+
{!isHideIcon && type === 'password' && (
|
|
265
268
|
<Pressable
|
|
266
269
|
disabled={disabled}
|
|
267
270
|
onPress={handleToggleShowPassword}
|
|
268
|
-
style={[styles.rightBtn, inputBorderStyle]}
|
|
269
|
-
>
|
|
271
|
+
style={[styles.rightBtn, inputBorderStyle]}>
|
|
270
272
|
<Icon name="ic_eye" />
|
|
271
273
|
</Pressable>
|
|
272
274
|
)}
|
|
273
|
-
{type ===
|
|
275
|
+
{type === 'search' && (
|
|
274
276
|
<Pressable
|
|
275
277
|
disabled={disabled}
|
|
276
278
|
onPress={handleSearch}
|
|
277
|
-
style={[styles.rightBtn, inputBorderStyle]}
|
|
278
|
-
>
|
|
279
|
+
style={[styles.rightBtn, inputBorderStyle]}>
|
|
279
280
|
<Icon name="ic_search" />
|
|
280
281
|
</Pressable>
|
|
281
282
|
)}
|
|
@@ -293,31 +294,31 @@ export const InputField = ({
|
|
|
293
294
|
const styles = StyleSheet.create({
|
|
294
295
|
inputFieldContainer: {
|
|
295
296
|
gap: Space.xs,
|
|
296
|
-
width:
|
|
297
|
+
width: '100%',
|
|
297
298
|
},
|
|
298
299
|
inputFieldWrapper: {
|
|
299
|
-
flexDirection:
|
|
300
|
-
width:
|
|
301
|
-
overflow:
|
|
300
|
+
flexDirection: 'row',
|
|
301
|
+
width: '100%',
|
|
302
|
+
overflow: 'hidden',
|
|
302
303
|
},
|
|
303
304
|
innerInputFieldWrapper: {
|
|
304
305
|
flex: 1,
|
|
305
306
|
},
|
|
306
307
|
inputFieldMaskedBox: {
|
|
307
308
|
flexGrow: 1,
|
|
308
|
-
justifyContent:
|
|
309
|
+
justifyContent: 'center',
|
|
309
310
|
backgroundColor: colors.white[10],
|
|
310
311
|
color: colors.neutral[80],
|
|
311
312
|
paddingVertical: Space.xs,
|
|
312
313
|
},
|
|
313
314
|
inputFieldBoxAbsolute: {
|
|
314
|
-
position:
|
|
315
|
+
position: 'absolute',
|
|
315
316
|
// opacity: 0,
|
|
316
|
-
backgroundColor:
|
|
317
|
+
backgroundColor: 'transparent',
|
|
317
318
|
},
|
|
318
319
|
inputFieldBox: {
|
|
319
320
|
flexGrow: 1,
|
|
320
|
-
justifyContent:
|
|
321
|
+
justifyContent: 'center',
|
|
321
322
|
backgroundColor: colors.white[10],
|
|
322
323
|
color: colors.neutral[80],
|
|
323
324
|
paddingVertical: Space.xs,
|
|
@@ -329,12 +330,12 @@ const styles = StyleSheet.create({
|
|
|
329
330
|
width: pw(100),
|
|
330
331
|
},
|
|
331
332
|
pickerIconContainer: {
|
|
332
|
-
alignItems:
|
|
333
|
-
justifyContent:
|
|
333
|
+
alignItems: 'center',
|
|
334
|
+
justifyContent: 'center',
|
|
334
335
|
},
|
|
335
336
|
rightBtn: {
|
|
336
337
|
width: pw(52),
|
|
337
|
-
justifyContent:
|
|
338
|
-
alignItems:
|
|
338
|
+
justifyContent: 'center',
|
|
339
|
+
alignItems: 'center',
|
|
339
340
|
},
|
|
340
341
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { KeyboardTypeOptions } from 'react-native';
|
|
2
2
|
import { Mask } from 'react-native-mask-input';
|
|
3
3
|
|
|
4
|
-
declare const InputField: ({ value, label, placeholder, errMessage, size, variant, type, labelSize, isShowPassword, disabled, isHideIcon, maxLength, keyboardType, debounceTime, mask, obfuscationCharacter, showObfuscatedValue, onChangeText, onEndEditing, onToggleShowPassword, onSearch, onDebounceChangeText, onSubmitEditing, onBlur, }: {
|
|
4
|
+
declare const InputField: ({ value, label, placeholder, errMessage, size, variant, type, labelSize, isShowPassword, disabled, isHideIcon, maxLength, keyboardType, debounceTime, mask, obfuscationCharacter, showObfuscatedValue, isPhoneNumber, onChangeText, onEndEditing, onToggleShowPassword, onSearch, onDebounceChangeText, onSubmitEditing, onBlur, }: {
|
|
5
5
|
value: string;
|
|
6
6
|
label?: string;
|
|
7
7
|
errMessage?: string;
|
|
@@ -9,6 +9,7 @@ declare const InputField: ({ value, label, placeholder, errMessage, size, varian
|
|
|
9
9
|
isShowPassword?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
size?: "small" | "medium" | "large";
|
|
12
|
+
isPhoneNumber?: boolean;
|
|
12
13
|
labelSize?: "xxxs" | "xxs" | "xs" | "small" | "medium" | "large" | "xl" | "xxl" | "xxxl" | "xxxxl";
|
|
13
14
|
variant?: "default" | "quite" | "none";
|
|
14
15
|
type?: "default" | "phone-number" | "password" | "search";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../components/Inputs/InputField.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EASpB,MAAM,cAAc,CAAC;AACtB,OAAkB,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAa1D,eAAO,MAAM,UAAU,GAAI,
|
|
1
|
+
{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../components/Inputs/InputField.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EASpB,MAAM,cAAc,CAAC;AACtB,OAAkB,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAa1D,eAAO,MAAM,UAAU,GAAI,oUA0BxB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EACN,MAAM,GACN,KAAK,GACL,IAAI,GACJ,OAAO,GACP,QAAQ,GACR,OAAO,GACP,IAAI,GACJ,KAAK,GACL,MAAM,GACN,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC,IAAI,CAAC,EAAE,SAAS,GAAG,cAAc,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,MAAM,EACZ,UAAU,CAAC,EAAE,MAAM,EACnB,cAAc,CAAC,EAAE,MAAM,KACpB,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,QAuMA,CAAC"}
|
|
@@ -8,7 +8,6 @@ import { colors } from '../../themes/colors.js';
|
|
|
8
8
|
import '../../themes/images.js';
|
|
9
9
|
import { pw as responsiveWidth, FontSizes, Space, metrics } from '../../themes/metrics.js';
|
|
10
10
|
import '../../themes/stats.js';
|
|
11
|
-
import CountryCode from '../../jsons/CountryCode.json.js';
|
|
12
11
|
import '../Toasts/Toast.js';
|
|
13
12
|
import { Icon } from '../Icons/Icon.js';
|
|
14
13
|
import '../Container/Container.js';
|
|
@@ -38,7 +37,7 @@ import { useDebounce } from '../../hooks/useDebounce.js';
|
|
|
38
37
|
import '../../hooks/useToast.js';
|
|
39
38
|
import '../../hooks/useSlideAnimation.js';
|
|
40
39
|
|
|
41
|
-
const InputField = ({ value, label, placeholder, errMessage, size =
|
|
40
|
+
const InputField = ({ value, label, placeholder, errMessage, size = 'medium', variant = 'default', type = 'default', labelSize, isShowPassword = true, disabled = false, isHideIcon = false, maxLength, keyboardType, debounceTime = 0, mask, obfuscationCharacter, showObfuscatedValue = false, isPhoneNumber = false, onChangeText, onEndEditing, onToggleShowPassword, onSearch, onDebounceChangeText, onSubmitEditing, onBlur, }) => {
|
|
42
41
|
const { height, fontSize } = useMemo(() => ({
|
|
43
42
|
height: inputFieldHeight[size],
|
|
44
43
|
fontSize: inputFieldFontSize[size],
|
|
@@ -53,8 +52,8 @@ const InputField = ({ value, label, placeholder, errMessage, size = "medium", va
|
|
|
53
52
|
backgroundColor: disabled ? colors.neutral[20] : colors.white[10],
|
|
54
53
|
};
|
|
55
54
|
const inputWrapperBorderStyle = {
|
|
56
|
-
borderRadius: variant ===
|
|
57
|
-
borderWidth: variant ===
|
|
55
|
+
borderRadius: variant === 'default' ? metrics.borderRadiusBase : 0,
|
|
56
|
+
borderWidth: variant === 'default'
|
|
58
57
|
? metrics.borderWidthMedium
|
|
59
58
|
: metrics.borderWidthNone,
|
|
60
59
|
borderColor: disabled
|
|
@@ -62,22 +61,22 @@ const InputField = ({ value, label, placeholder, errMessage, size = "medium", va
|
|
|
62
61
|
: errMessage
|
|
63
62
|
? colors.red[90]
|
|
64
63
|
: colors.neutral[60],
|
|
65
|
-
borderBottomWidth: variant ===
|
|
64
|
+
borderBottomWidth: variant === 'none' ? metrics.borderWidthNone : metrics.borderWidthMedium,
|
|
66
65
|
};
|
|
67
66
|
const inputBorderStyle = {
|
|
68
|
-
borderLeftWidth: variant ===
|
|
67
|
+
borderLeftWidth: variant === 'default' ? metrics.borderWidthMedium : 0,
|
|
69
68
|
borderLeftColor: disabled
|
|
70
69
|
? colors.neutral[20]
|
|
71
70
|
: errMessage
|
|
72
71
|
? colors.red[90]
|
|
73
72
|
: colors.neutral[60],
|
|
74
73
|
};
|
|
75
|
-
const countryCodeList = useMemo(() =>
|
|
74
|
+
const countryCodeList = useMemo(() => [].map((country) => ({
|
|
76
75
|
label: country.dial_code,
|
|
77
76
|
value: country.dial_code,
|
|
78
77
|
})), []);
|
|
79
78
|
const [countryCodeValue, setCountryCodeValue] = useState(countryCodeList[0]);
|
|
80
|
-
const [inputValue, setInputValue] = useState(value ||
|
|
79
|
+
const [inputValue, setInputValue] = useState(value || '');
|
|
81
80
|
const debouncedOnChangeText = useDebounce(inputValue, debounceTime);
|
|
82
81
|
useEffect(() => {
|
|
83
82
|
if (onDebounceChangeText) {
|
|
@@ -85,11 +84,13 @@ const InputField = ({ value, label, placeholder, errMessage, size = "medium", va
|
|
|
85
84
|
}
|
|
86
85
|
}, [debouncedOnChangeText, onDebounceChangeText]);
|
|
87
86
|
useEffect(() => {
|
|
88
|
-
|
|
89
|
-
|
|
87
|
+
if (isPhoneNumber) {
|
|
88
|
+
setInputValue(value || '');
|
|
89
|
+
}
|
|
90
|
+
}, [value, isPhoneNumber]);
|
|
90
91
|
const handleEndEdit = (e) => {
|
|
91
92
|
if (onEndEditing) {
|
|
92
|
-
if (type ===
|
|
93
|
+
if (type === 'phone-number' &&
|
|
93
94
|
countryCodeValue &&
|
|
94
95
|
debouncedOnChangeText) {
|
|
95
96
|
onEndEditing(countryCodeValue.value + e.nativeEvent.text);
|
|
@@ -112,7 +113,7 @@ const InputField = ({ value, label, placeholder, errMessage, size = "medium", va
|
|
|
112
113
|
setInputValue(maskedText);
|
|
113
114
|
if (onChangeText) {
|
|
114
115
|
if (text) {
|
|
115
|
-
if (type ===
|
|
116
|
+
if (type === 'phone-number' && countryCodeValue && text) {
|
|
116
117
|
onChangeText(countryCodeValue.value + text, maskedText, obfuscatedText);
|
|
117
118
|
}
|
|
118
119
|
else {
|
|
@@ -120,14 +121,14 @@ const InputField = ({ value, label, placeholder, errMessage, size = "medium", va
|
|
|
120
121
|
}
|
|
121
122
|
}
|
|
122
123
|
else {
|
|
123
|
-
setInputValue(
|
|
124
|
-
onChangeText(
|
|
124
|
+
setInputValue('');
|
|
125
|
+
onChangeText('', maskedText, obfuscatedText);
|
|
125
126
|
}
|
|
126
127
|
}
|
|
127
128
|
};
|
|
128
129
|
const handleBlur = () => {
|
|
129
130
|
if (onBlur) {
|
|
130
|
-
if (type ===
|
|
131
|
+
if (type === 'phone-number' && countryCodeValue && inputValue) {
|
|
131
132
|
onBlur(countryCodeValue.value + inputValue);
|
|
132
133
|
}
|
|
133
134
|
else {
|
|
@@ -143,48 +144,48 @@ const InputField = ({ value, label, placeholder, errMessage, size = "medium", va
|
|
|
143
144
|
inputWrapperHeightStyle,
|
|
144
145
|
inputWrapperBorderStyle,
|
|
145
146
|
] },
|
|
146
|
-
type ===
|
|
147
|
-
React.createElement(MaskInput, { value: inputValue, editable: !disabled, secureTextEntry: type ===
|
|
147
|
+
type === 'phone-number' && (React.createElement(SelectField, { value: countryCodeValue, listData: countryCodeList, cusHeight: height - 2, disabled: disabled, variant: "none", size: size, cusWidth: responsiveWidth(100), onChangeValue: setCountryCodeValue })),
|
|
148
|
+
React.createElement(MaskInput, { value: inputValue, editable: !disabled, secureTextEntry: type === 'password' && isShowPassword, onEndEditing: handleEndEdit, obfuscationCharacter: obfuscationCharacter, showObfuscatedValue: showObfuscatedValue, onChangeText: (masked, unmasked, obfuscated) => {
|
|
148
149
|
handleChangeText(masked, unmasked, obfuscated);
|
|
149
|
-
}, placeholder: placeholder, keyboardType: keyboardType ||
|
|
150
|
+
}, placeholder: placeholder, keyboardType: keyboardType || 'default', style: [
|
|
150
151
|
styles.inputFieldBox,
|
|
151
152
|
inputHeightStyle,
|
|
152
|
-
type ===
|
|
153
|
+
type === 'phone-number' && inputBorderStyle,
|
|
153
154
|
], mask: mask || undefined, maxLength: maxLength, onBlur: handleBlur, onSubmitEditing: handleSubmitEditing }),
|
|
154
|
-
!isHideIcon && type ===
|
|
155
|
+
!isHideIcon && type === 'password' && (React.createElement(Pressable, { disabled: disabled, onPress: handleToggleShowPassword, style: [styles.rightBtn, inputBorderStyle] },
|
|
155
156
|
React.createElement(Icon, { name: "ic_eye" }))),
|
|
156
|
-
type ===
|
|
157
|
+
type === 'search' && (React.createElement(Pressable, { disabled: disabled, onPress: handleSearch, style: [styles.rightBtn, inputBorderStyle] },
|
|
157
158
|
React.createElement(Icon, { name: "ic_search" })))),
|
|
158
159
|
errMessage && (React.createElement(Text, { color: "error", size: "xs" }, errMessage)))));
|
|
159
160
|
};
|
|
160
161
|
const styles = StyleSheet.create({
|
|
161
162
|
inputFieldContainer: {
|
|
162
163
|
gap: Space.xs,
|
|
163
|
-
width:
|
|
164
|
+
width: '100%',
|
|
164
165
|
},
|
|
165
166
|
inputFieldWrapper: {
|
|
166
|
-
flexDirection:
|
|
167
|
-
width:
|
|
168
|
-
overflow:
|
|
167
|
+
flexDirection: 'row',
|
|
168
|
+
width: '100%',
|
|
169
|
+
overflow: 'hidden',
|
|
169
170
|
},
|
|
170
171
|
innerInputFieldWrapper: {
|
|
171
172
|
flex: 1,
|
|
172
173
|
},
|
|
173
174
|
inputFieldMaskedBox: {
|
|
174
175
|
flexGrow: 1,
|
|
175
|
-
justifyContent:
|
|
176
|
+
justifyContent: 'center',
|
|
176
177
|
backgroundColor: colors.white[10],
|
|
177
178
|
color: colors.neutral[80],
|
|
178
179
|
paddingVertical: Space.xs,
|
|
179
180
|
},
|
|
180
181
|
inputFieldBoxAbsolute: {
|
|
181
|
-
position:
|
|
182
|
+
position: 'absolute',
|
|
182
183
|
// opacity: 0,
|
|
183
|
-
backgroundColor:
|
|
184
|
+
backgroundColor: 'transparent',
|
|
184
185
|
},
|
|
185
186
|
inputFieldBox: {
|
|
186
187
|
flexGrow: 1,
|
|
187
|
-
justifyContent:
|
|
188
|
+
justifyContent: 'center',
|
|
188
189
|
backgroundColor: colors.white[10],
|
|
189
190
|
color: colors.neutral[80],
|
|
190
191
|
paddingVertical: Space.xs,
|
|
@@ -196,13 +197,13 @@ const styles = StyleSheet.create({
|
|
|
196
197
|
width: responsiveWidth(100),
|
|
197
198
|
},
|
|
198
199
|
pickerIconContainer: {
|
|
199
|
-
alignItems:
|
|
200
|
-
justifyContent:
|
|
200
|
+
alignItems: 'center',
|
|
201
|
+
justifyContent: 'center',
|
|
201
202
|
},
|
|
202
203
|
rightBtn: {
|
|
203
204
|
width: responsiveWidth(52),
|
|
204
|
-
justifyContent:
|
|
205
|
-
alignItems:
|
|
205
|
+
justifyContent: 'center',
|
|
206
|
+
alignItems: 'center',
|
|
206
207
|
},
|
|
207
208
|
});
|
|
208
209
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputField.js","sources":["../../../../components/Inputs/InputField.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport {\n KeyboardTypeOptions,\n NativeSyntheticEvent,\n Pressable,\n StyleProp,\n StyleSheet,\n TextInputEndEditingEventData,\n TextStyle,\n View,\n ViewStyle,\n} from \"react-native\";\nimport MaskInput, { Mask } from \"react-native-mask-input\";\nimport Text from \"@ui/components/Text\";\nimport { FontSizes, Space, colors, metrics, pw } from \"@ui/themes\";\nimport CountryCode from \"../../jsons/CountryCode.json\";\nimport { Icon, SelectField } from \"@ui/components\";\nimport { inputFieldFontSize, inputFieldHeight } from \"./styles\";\nimport { useDebounce } from \"@ui/hooks\";\n\ntype SelectItemT = {\n label: string;\n value: string;\n};\n\nexport const InputField = ({\n value,\n label,\n placeholder,\n errMessage,\n size = \"medium\",\n variant = \"default\",\n type = \"default\",\n labelSize,\n isShowPassword = true,\n disabled = false,\n isHideIcon = false,\n maxLength,\n keyboardType,\n debounceTime = 0,\n mask,\n obfuscationCharacter,\n showObfuscatedValue = false,\n onChangeText,\n onEndEditing,\n onToggleShowPassword,\n onSearch,\n onDebounceChangeText,\n onSubmitEditing,\n onBlur,\n}: {\n value: string;\n label?: string;\n errMessage?: string;\n placeholder?: string;\n isShowPassword?: boolean;\n disabled?: boolean;\n size?: \"small\" | \"medium\" | \"large\";\n labelSize?:\n | \"xxxs\"\n | \"xxs\"\n | \"xs\"\n | \"small\"\n | \"medium\"\n | \"large\"\n | \"xl\"\n | \"xxl\"\n | \"xxxl\"\n | \"xxxxl\";\n variant?: \"default\" | \"quite\" | \"none\";\n type?: \"default\" | \"phone-number\" | \"password\" | \"search\";\n isHideIcon?: boolean;\n maxLength?: number;\n keyboardType?: KeyboardTypeOptions;\n debounceTime?: number;\n mask?: Mask;\n obfuscationCharacter?: string;\n showObfuscatedValue?: boolean;\n onChangeText?: (\n text: string,\n maskedText?: string,\n obfuscatedText?: string\n ) => void;\n onEndEditing?: (text: string) => void;\n onToggleShowPassword?: () => void;\n onSearch?: () => void;\n onDebounceChangeText?: (text: string) => void;\n onSubmitEditing?: (text: string) => void;\n onBlur?: (text: string) => void;\n}) => {\n const { height, fontSize } = useMemo(\n () => ({\n height: inputFieldHeight[size],\n fontSize: inputFieldFontSize[size],\n }),\n [size]\n );\n const inputHeightStyle: StyleProp<TextStyle> = {\n backgroundColor: disabled ? colors.neutral[20] : colors.white[10],\n height: height - 2,\n fontSize,\n };\n const inputWrapperHeightStyle: StyleProp<ViewStyle> = {\n height: height,\n backgroundColor: disabled ? colors.neutral[20] : colors.white[10],\n };\n const inputWrapperBorderStyle: StyleProp<ViewStyle> = {\n borderRadius: variant === \"default\" ? metrics.borderRadiusBase : 0,\n borderWidth:\n variant === \"default\"\n ? metrics.borderWidthMedium\n : metrics.borderWidthNone,\n borderColor: disabled\n ? colors.neutral[20]\n : errMessage\n ? colors.red[90]\n : colors.neutral[60],\n borderBottomWidth:\n variant === \"none\" ? metrics.borderWidthNone : metrics.borderWidthMedium,\n };\n\n const inputBorderStyle: StyleProp<TextStyle> = {\n borderLeftWidth: variant === \"default\" ? metrics.borderWidthMedium : 0,\n borderLeftColor: disabled\n ? colors.neutral[20]\n : errMessage\n ? colors.red[90]\n : colors.neutral[60],\n };\n const countryCodeList = useMemo(\n () =>\n CountryCode.map((country: any) => ({\n label: country.dial_code,\n value: country.dial_code,\n })),\n []\n );\n const [countryCodeValue, setCountryCodeValue] = useState<SelectItemT>(\n countryCodeList[0]\n );\n const [inputValue, setInputValue] = useState(value || \"\");\n const debouncedOnChangeText = useDebounce(inputValue, debounceTime);\n\n useEffect(() => {\n if (onDebounceChangeText) {\n onDebounceChangeText(debouncedOnChangeText);\n }\n }, [debouncedOnChangeText, onDebounceChangeText]);\n\n useEffect(() => {\n setInputValue(value || \"\");\n }, [value]);\n\n const handleEndEdit = (\n e: NativeSyntheticEvent<TextInputEndEditingEventData>\n ) => {\n if (onEndEditing) {\n if (\n type === \"phone-number\" &&\n countryCodeValue &&\n debouncedOnChangeText\n ) {\n onEndEditing(countryCodeValue.value + e.nativeEvent.text);\n } else {\n onEndEditing(e.nativeEvent.text);\n }\n }\n };\n const handleToggleShowPassword = () => {\n onToggleShowPassword && onToggleShowPassword();\n };\n const handleSearch = () => onSearch && onSearch();\n\n const handleSubmitEditing = () => {\n if (onSubmitEditing) {\n onSubmitEditing(inputValue);\n }\n };\n\n const handleChangeText = (\n maskedText: string,\n text: string,\n obfuscatedText?: string\n ) => {\n setInputValue(maskedText);\n if (onChangeText) {\n if (text) {\n if (type === \"phone-number\" && countryCodeValue && text) {\n onChangeText(\n countryCodeValue.value + text,\n maskedText,\n obfuscatedText\n );\n } else {\n onChangeText(text, maskedText, obfuscatedText);\n }\n } else {\n setInputValue(\"\");\n onChangeText(\"\", maskedText, obfuscatedText);\n }\n }\n };\n\n const handleBlur = () => {\n if (onBlur) {\n if (type === \"phone-number\" && countryCodeValue && inputValue) {\n onBlur(countryCodeValue.value + inputValue);\n } else {\n onBlur(inputValue);\n }\n }\n };\n\n return (\n <View style={styles.inputFieldContainer}>\n {label && <Text size={labelSize || size}>{label}</Text>}\n <View>\n <View\n style={[\n styles.inputFieldWrapper,\n inputWrapperHeightStyle,\n inputWrapperBorderStyle,\n ]}\n >\n {type === \"phone-number\" && (\n <SelectField\n value={countryCodeValue}\n listData={countryCodeList}\n cusHeight={height - 2}\n disabled={disabled}\n variant=\"none\"\n size={size}\n cusWidth={pw(100)}\n onChangeValue={setCountryCodeValue}\n />\n )}\n <MaskInput\n value={inputValue}\n editable={!disabled}\n secureTextEntry={type === \"password\" && isShowPassword}\n onEndEditing={handleEndEdit}\n obfuscationCharacter={obfuscationCharacter}\n showObfuscatedValue={showObfuscatedValue}\n onChangeText={(\n masked: string,\n unmasked: string,\n obfuscated: string\n ) => {\n handleChangeText(masked, unmasked, obfuscated);\n }}\n placeholder={placeholder}\n keyboardType={keyboardType || \"default\"}\n style={[\n styles.inputFieldBox,\n inputHeightStyle,\n type === \"phone-number\" && inputBorderStyle,\n ]}\n mask={mask || undefined}\n maxLength={maxLength}\n onBlur={handleBlur}\n onSubmitEditing={handleSubmitEditing}\n />\n {!isHideIcon && type === \"password\" && (\n <Pressable\n disabled={disabled}\n onPress={handleToggleShowPassword}\n style={[styles.rightBtn, inputBorderStyle]}\n >\n <Icon name=\"ic_eye\" />\n </Pressable>\n )}\n {type === \"search\" && (\n <Pressable\n disabled={disabled}\n onPress={handleSearch}\n style={[styles.rightBtn, inputBorderStyle]}\n >\n <Icon name=\"ic_search\" />\n </Pressable>\n )}\n </View>\n {errMessage && (\n <Text color=\"error\" size=\"xs\">\n {errMessage}\n </Text>\n )}\n </View>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n inputFieldContainer: {\n gap: Space.xs,\n width: \"100%\",\n },\n inputFieldWrapper: {\n flexDirection: \"row\",\n width: \"100%\",\n overflow: \"hidden\",\n },\n innerInputFieldWrapper: {\n flex: 1,\n },\n inputFieldMaskedBox: {\n flexGrow: 1,\n justifyContent: \"center\",\n backgroundColor: colors.white[10],\n color: colors.neutral[80],\n paddingVertical: Space.xs,\n },\n inputFieldBoxAbsolute: {\n position: \"absolute\",\n // opacity: 0,\n backgroundColor: \"transparent\",\n },\n inputFieldBox: {\n flexGrow: 1,\n justifyContent: \"center\",\n backgroundColor: colors.white[10],\n color: colors.neutral[80],\n paddingVertical: Space.xs,\n paddingHorizontal: Space.medium,\n fontSize: FontSizes.fontLarge,\n borderWidth: 0,\n },\n picker: {\n width: pw(100),\n },\n pickerIconContainer: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n rightBtn: {\n width: pw(52),\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n});\n"],"names":["pw"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InputField.js","sources":["../../../../components/Inputs/InputField.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport {\n KeyboardTypeOptions,\n NativeSyntheticEvent,\n Pressable,\n StyleProp,\n StyleSheet,\n TextInputEndEditingEventData,\n TextStyle,\n View,\n ViewStyle,\n} from \"react-native\";\nimport MaskInput, { Mask } from \"react-native-mask-input\";\nimport Text from \"@ui/components/Text\";\nimport { FontSizes, Space, colors, metrics, pw } from \"@ui/themes\";\nimport CountryCode from \"../../jsons/CountryCode.json\";\nimport { Icon, SelectField } from \"@ui/components\";\nimport { inputFieldFontSize, inputFieldHeight } from \"./styles\";\nimport { useDebounce } from \"@ui/hooks\";\n\ntype SelectItemT = {\n label: string;\n value: string;\n};\n\nexport const InputField = ({\n value,\n label,\n placeholder,\n errMessage,\n size = 'medium',\n variant = 'default',\n type = 'default',\n labelSize,\n isShowPassword = true,\n disabled = false,\n isHideIcon = false,\n maxLength,\n keyboardType,\n debounceTime = 0,\n mask,\n obfuscationCharacter,\n showObfuscatedValue = false,\n isPhoneNumber = false,\n onChangeText,\n onEndEditing,\n onToggleShowPassword,\n onSearch,\n onDebounceChangeText,\n onSubmitEditing,\n onBlur,\n}: {\n value: string;\n label?: string;\n errMessage?: string;\n placeholder?: string;\n isShowPassword?: boolean;\n disabled?: boolean;\n size?: 'small' | 'medium' | 'large';\n isPhoneNumber?: boolean;\n labelSize?:\n | 'xxxs'\n | 'xxs'\n | 'xs'\n | 'small'\n | 'medium'\n | 'large'\n | 'xl'\n | 'xxl'\n | 'xxxl'\n | 'xxxxl';\n variant?: 'default' | 'quite' | 'none';\n type?: 'default' | 'phone-number' | 'password' | 'search';\n isHideIcon?: boolean;\n maxLength?: number;\n keyboardType?: KeyboardTypeOptions;\n debounceTime?: number;\n mask?: Mask;\n obfuscationCharacter?: string;\n showObfuscatedValue?: boolean;\n onChangeText?: (\n text: string,\n maskedText?: string,\n obfuscatedText?: string,\n ) => void;\n onEndEditing?: (text: string) => void;\n onToggleShowPassword?: () => void;\n onSearch?: () => void;\n onDebounceChangeText?: (text: string) => void;\n onSubmitEditing?: (text: string) => void;\n onBlur?: (text: string) => void;\n}) => {\n const {height, fontSize} = useMemo(\n () => ({\n height: inputFieldHeight[size],\n fontSize: inputFieldFontSize[size],\n }),\n [size],\n );\n const inputHeightStyle: StyleProp<TextStyle> = {\n backgroundColor: disabled ? colors.neutral[20] : colors.white[10],\n height: height - 2,\n fontSize,\n };\n const inputWrapperHeightStyle: StyleProp<ViewStyle> = {\n height: height,\n backgroundColor: disabled ? colors.neutral[20] : colors.white[10],\n };\n const inputWrapperBorderStyle: StyleProp<ViewStyle> = {\n borderRadius: variant === 'default' ? metrics.borderRadiusBase : 0,\n borderWidth:\n variant === 'default'\n ? metrics.borderWidthMedium\n : metrics.borderWidthNone,\n borderColor: disabled\n ? colors.neutral[20]\n : errMessage\n ? colors.red[90]\n : colors.neutral[60],\n borderBottomWidth:\n variant === 'none' ? metrics.borderWidthNone : metrics.borderWidthMedium,\n };\n\n const inputBorderStyle: StyleProp<TextStyle> = {\n borderLeftWidth: variant === 'default' ? metrics.borderWidthMedium : 0,\n borderLeftColor: disabled\n ? colors.neutral[20]\n : errMessage\n ? colors.red[90]\n : colors.neutral[60],\n };\n const countryCodeList = useMemo(\n () =>\n [].map((country: any) => ({\n label: country.dial_code,\n value: country.dial_code,\n })),\n [],\n );\n const [countryCodeValue, setCountryCodeValue] = useState<SelectItemT>(\n countryCodeList[0],\n );\n const [inputValue, setInputValue] = useState(value || '');\n const debouncedOnChangeText = useDebounce(inputValue, debounceTime);\n\n useEffect(() => {\n if (onDebounceChangeText) {\n onDebounceChangeText(debouncedOnChangeText);\n }\n }, [debouncedOnChangeText, onDebounceChangeText]);\n\n useEffect(() => {\n if (isPhoneNumber) {\n setInputValue(value || '');\n }\n }, [value, isPhoneNumber]);\n\n const handleEndEdit = (\n e: NativeSyntheticEvent<TextInputEndEditingEventData>,\n ) => {\n if (onEndEditing) {\n if (\n type === 'phone-number' &&\n countryCodeValue &&\n debouncedOnChangeText\n ) {\n onEndEditing(countryCodeValue.value + e.nativeEvent.text);\n } else {\n onEndEditing(e.nativeEvent.text);\n }\n }\n };\n const handleToggleShowPassword = () => {\n onToggleShowPassword && onToggleShowPassword();\n };\n const handleSearch = () => onSearch && onSearch();\n\n const handleSubmitEditing = () => {\n if (onSubmitEditing) {\n onSubmitEditing(inputValue);\n }\n };\n\n const handleChangeText = (\n maskedText: string,\n text: string,\n obfuscatedText?: string,\n ) => {\n setInputValue(maskedText);\n if (onChangeText) {\n if (text) {\n if (type === 'phone-number' && countryCodeValue && text) {\n onChangeText(\n countryCodeValue.value + text,\n maskedText,\n obfuscatedText,\n );\n } else {\n onChangeText(text, maskedText, obfuscatedText);\n }\n } else {\n setInputValue('');\n onChangeText('', maskedText, obfuscatedText);\n }\n }\n };\n\n const handleBlur = () => {\n if (onBlur) {\n if (type === 'phone-number' && countryCodeValue && inputValue) {\n onBlur(countryCodeValue.value + inputValue);\n } else {\n onBlur(inputValue);\n }\n }\n };\n\n return (\n <View style={styles.inputFieldContainer}>\n {label && <Text size={labelSize || size}>{label}</Text>}\n <View>\n <View\n style={[\n styles.inputFieldWrapper,\n inputWrapperHeightStyle,\n inputWrapperBorderStyle,\n ]}>\n {type === 'phone-number' && (\n <SelectField\n value={countryCodeValue}\n listData={countryCodeList}\n cusHeight={height - 2}\n disabled={disabled}\n variant=\"none\"\n size={size}\n cusWidth={pw(100)}\n onChangeValue={setCountryCodeValue}\n />\n )}\n <MaskInput\n value={inputValue}\n editable={!disabled}\n secureTextEntry={type === 'password' && isShowPassword}\n onEndEditing={handleEndEdit}\n obfuscationCharacter={obfuscationCharacter}\n showObfuscatedValue={showObfuscatedValue}\n onChangeText={(\n masked: string,\n unmasked: string,\n obfuscated: string,\n ) => {\n handleChangeText(masked, unmasked, obfuscated);\n }}\n placeholder={placeholder}\n keyboardType={keyboardType || 'default'}\n style={[\n styles.inputFieldBox,\n inputHeightStyle,\n type === 'phone-number' && inputBorderStyle,\n ]}\n mask={mask || undefined}\n maxLength={maxLength}\n onBlur={handleBlur}\n onSubmitEditing={handleSubmitEditing}\n />\n {!isHideIcon && type === 'password' && (\n <Pressable\n disabled={disabled}\n onPress={handleToggleShowPassword}\n style={[styles.rightBtn, inputBorderStyle]}>\n <Icon name=\"ic_eye\" />\n </Pressable>\n )}\n {type === 'search' && (\n <Pressable\n disabled={disabled}\n onPress={handleSearch}\n style={[styles.rightBtn, inputBorderStyle]}>\n <Icon name=\"ic_search\" />\n </Pressable>\n )}\n </View>\n {errMessage && (\n <Text color=\"error\" size=\"xs\">\n {errMessage}\n </Text>\n )}\n </View>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n inputFieldContainer: {\n gap: Space.xs,\n width: '100%',\n },\n inputFieldWrapper: {\n flexDirection: 'row',\n width: '100%',\n overflow: 'hidden',\n },\n innerInputFieldWrapper: {\n flex: 1,\n },\n inputFieldMaskedBox: {\n flexGrow: 1,\n justifyContent: 'center',\n backgroundColor: colors.white[10],\n color: colors.neutral[80],\n paddingVertical: Space.xs,\n },\n inputFieldBoxAbsolute: {\n position: 'absolute',\n // opacity: 0,\n backgroundColor: 'transparent',\n },\n inputFieldBox: {\n flexGrow: 1,\n justifyContent: 'center',\n backgroundColor: colors.white[10],\n color: colors.neutral[80],\n paddingVertical: Space.xs,\n paddingHorizontal: Space.medium,\n fontSize: FontSizes.fontLarge,\n borderWidth: 0,\n },\n picker: {\n width: pw(100),\n },\n pickerIconContainer: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n rightBtn: {\n width: pw(52),\n justifyContent: 'center',\n alignItems: 'center',\n },\n});\n"],"names":["pw"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,cAAc,GAAG,IAAI,EACrB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,YAAY,EACZ,YAAY,GAAG,CAAC,EAChB,IAAI,EACJ,oBAAoB,EACpB,mBAAmB,GAAG,KAAK,EAC3B,aAAa,GAAG,KAAK,EACrB,YAAY,EACZ,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,oBAAoB,EACpB,eAAe,EACf,MAAM,GAyCP,KAAI;IACH,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAC,GAAG,OAAO,CAChC,OAAO;AACL,QAAA,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC;AAC9B,QAAA,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;AACnC,KAAA,CAAC,EACF,CAAC,IAAI,CAAC,CACP;AACD,IAAA,MAAM,gBAAgB,GAAyB;AAC7C,QAAA,eAAe,EAAE,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QACjE,MAAM,EAAE,MAAM,GAAG,CAAC;QAClB,QAAQ;KACT;AACD,IAAA,MAAM,uBAAuB,GAAyB;AACpD,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,eAAe,EAAE,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;KAClE;AACD,IAAA,MAAM,uBAAuB,GAAyB;AACpD,QAAA,YAAY,EAAE,OAAO,KAAK,SAAS,GAAG,OAAO,CAAC,gBAAgB,GAAG,CAAC;QAClE,WAAW,EACT,OAAO,KAAK;cACR,OAAO,CAAC;cACR,OAAO,CAAC,eAAe;AAC7B,QAAA,WAAW,EAAE;AACX,cAAE,MAAM,CAAC,OAAO,CAAC,EAAE;AACnB,cAAE;AACF,kBAAE,MAAM,CAAC,GAAG,CAAC,EAAE;AACf,kBAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AACtB,QAAA,iBAAiB,EACf,OAAO,KAAK,MAAM,GAAG,OAAO,CAAC,eAAe,GAAG,OAAO,CAAC,iBAAiB;KAC3E;AAED,IAAA,MAAM,gBAAgB,GAAyB;AAC7C,QAAA,eAAe,EAAE,OAAO,KAAK,SAAS,GAAG,OAAO,CAAC,iBAAiB,GAAG,CAAC;AACtE,QAAA,eAAe,EAAE;AACf,cAAE,MAAM,CAAC,OAAO,CAAC,EAAE;AACnB,cAAE;AACF,kBAAE,MAAM,CAAC,GAAG,CAAC,EAAE;AACf,kBAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;KACvB;AACD,IAAA,MAAM,eAAe,GAAG,OAAO,CAC7B,MACE,EAAE,CAAC,GAAG,CAAC,CAAC,OAAY,MAAM;QACxB,KAAK,EAAE,OAAO,CAAC,SAAS;QACxB,KAAK,EAAE,OAAO,CAAC,SAAS;AACzB,KAAA,CAAC,CAAC,EACL,EAAE,CACH;AACD,IAAA,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,eAAe,CAAC,CAAC,CAAC,CACnB;AACD,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;IACzD,MAAM,qBAAqB,GAAG,WAAW,CAAC,UAAU,EAAE,YAAY,CAAC;IAEnE,SAAS,CAAC,MAAK;QACb,IAAI,oBAAoB,EAAE;YACxB,oBAAoB,CAAC,qBAAqB,CAAC;;AAE/C,KAAC,EAAE,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,CAAC;IAEjD,SAAS,CAAC,MAAK;QACb,IAAI,aAAa,EAAE;AACjB,YAAA,aAAa,CAAC,KAAK,IAAI,EAAE,CAAC;;AAE9B,KAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AAE1B,IAAA,MAAM,aAAa,GAAG,CACpB,CAAqD,KACnD;QACF,IAAI,YAAY,EAAE;YAChB,IACE,IAAI,KAAK,cAAc;gBACvB,gBAAgB;AAChB,gBAAA,qBAAqB,EACrB;gBACA,YAAY,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;;iBACpD;AACL,gBAAA,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;;;AAGtC,KAAC;IACD,MAAM,wBAAwB,GAAG,MAAK;QACpC,oBAAoB,IAAI,oBAAoB,EAAE;AAChD,KAAC;IACD,MAAM,YAAY,GAAG,MAAM,QAAQ,IAAI,QAAQ,EAAE;IAEjD,MAAM,mBAAmB,GAAG,MAAK;QAC/B,IAAI,eAAe,EAAE;YACnB,eAAe,CAAC,UAAU,CAAC;;AAE/B,KAAC;IAED,MAAM,gBAAgB,GAAG,CACvB,UAAkB,EAClB,IAAY,EACZ,cAAuB,KACrB;QACF,aAAa,CAAC,UAAU,CAAC;QACzB,IAAI,YAAY,EAAE;YAChB,IAAI,IAAI,EAAE;gBACR,IAAI,IAAI,KAAK,cAAc,IAAI,gBAAgB,IAAI,IAAI,EAAE;oBACvD,YAAY,CACV,gBAAgB,CAAC,KAAK,GAAG,IAAI,EAC7B,UAAU,EACV,cAAc,CACf;;qBACI;AACL,oBAAA,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,cAAc,CAAC;;;iBAE3C;gBACL,aAAa,CAAC,EAAE,CAAC;AACjB,gBAAA,YAAY,CAAC,EAAE,EAAE,UAAU,EAAE,cAAc,CAAC;;;AAGlD,KAAC;IAED,MAAM,UAAU,GAAG,MAAK;QACtB,IAAI,MAAM,EAAE;YACV,IAAI,IAAI,KAAK,cAAc,IAAI,gBAAgB,IAAI,UAAU,EAAE;AAC7D,gBAAA,MAAM,CAAC,gBAAgB,CAAC,KAAK,GAAG,UAAU,CAAC;;iBACtC;gBACL,MAAM,CAAC,UAAU,CAAC;;;AAGxB,KAAC;IAED,QACE,oBAAC,IAAI,EAAA,EAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,EAAA;QACpC,KAAK,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,SAAS,IAAI,IAAI,EAAG,EAAA,KAAK,CAAQ;AACvD,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA;YACH,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,KAAK,EAAE;AACL,oBAAA,MAAM,CAAC,iBAAiB;oBACxB,uBAAuB;oBACvB,uBAAuB;AACxB,iBAAA,EAAA;gBACA,IAAI,KAAK,cAAc,KACtB,oBAAC,WAAW,EAAA,EACV,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,MAAM,GAAG,CAAC,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAEA,eAAE,CAAC,GAAG,CAAC,EACjB,aAAa,EAAE,mBAAmB,GAClC,CACH;AACD,gBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EACR,EAAA,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,QAAQ,EACnB,eAAe,EAAE,IAAI,KAAK,UAAU,IAAI,cAAc,EACtD,YAAY,EAAE,aAAa,EAC3B,oBAAoB,EAAE,oBAAoB,EAC1C,mBAAmB,EAAE,mBAAmB,EACxC,YAAY,EAAE,CACZ,MAAc,EACd,QAAgB,EAChB,UAAkB,KAChB;AACF,wBAAA,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,CAAC;AAChD,qBAAC,EACD,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,IAAI,SAAS,EACvC,KAAK,EAAE;AACL,wBAAA,MAAM,CAAC,aAAa;wBACpB,gBAAgB;wBAChB,IAAI,KAAK,cAAc,IAAI,gBAAgB;AAC5C,qBAAA,EACD,IAAI,EAAE,IAAI,IAAI,SAAS,EACvB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,UAAU,EAClB,eAAe,EAAE,mBAAmB,EACpC,CAAA;gBACD,CAAC,UAAU,IAAI,IAAI,KAAK,UAAU,KACjC,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,wBAAwB,EACjC,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,gBAAgB,CAAC,EAAA;AAC1C,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAG,CACZ,CACb;gBACA,IAAI,KAAK,QAAQ,KAChB,oBAAC,SAAS,EAAA,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,gBAAgB,CAAC,EAAA;oBAC1C,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAC,WAAW,EAAG,CAAA,CACf,CACb,CACI;AACN,YAAA,UAAU,KACT,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,IAC1B,UAAU,CACN,CACR,CACI,CACF;AAEX;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,mBAAmB,EAAE;QACnB,GAAG,EAAE,KAAK,CAAC,EAAE;AACb,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,iBAAiB,EAAE;AACjB,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACD,IAAA,sBAAsB,EAAE;AACtB,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACD,IAAA,mBAAmB,EAAE;AACnB,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AACjC,QAAA,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;QACzB,eAAe,EAAE,KAAK,CAAC,EAAE;AAC1B,KAAA;AACD,IAAA,qBAAqB,EAAE;AACrB,QAAA,QAAQ,EAAE,UAAU;;AAEpB,QAAA,eAAe,EAAE,aAAa;AAC/B,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AACjC,QAAA,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;QACzB,eAAe,EAAE,KAAK,CAAC,EAAE;QACzB,iBAAiB,EAAE,KAAK,CAAC,MAAM;QAC/B,QAAQ,EAAE,SAAS,CAAC,SAAS;AAC7B,QAAA,WAAW,EAAE,CAAC;AACf,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAEA,eAAE,CAAC,GAAG,CAAC;AACf,KAAA;AACD,IAAA,mBAAmB,EAAE;AACnB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACzB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAEA,eAAE,CAAC,EAAE,CAAC;AACb,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACF,CAAA,CAAC;;;;"}
|
package/dist/yup/form.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../yup/form.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../yup/form.ts"],"names":[],"mappings":"AAyDA,eAAO,MAAM,uBAAuB,KAalC,CAAC;AAEH,eAAO,MAAM,8BAA8B,KAMzC,CAAC;AAEH,eAAO,MAAM,uBAAuB,KAElC,CAAC;AAEH,eAAO,MAAM,6BAA6B,KAIxC,CAAC;AAEH,eAAO,MAAM,sCAAsC,KAiGjD,CAAC;AAEH,eAAO,MAAM,qCAAqC,KAsBhD,CAAC;AAEH,eAAO,MAAM,0BAA0B,KAOrC,CAAC;AAEH,eAAO,MAAM,yBAAyB,KA8CpC,CAAC;AAEH,eAAO,MAAM,iBAAiB,KAY5B,CAAC;AAEH,eAAO,MAAM,0BAA0B,KAQrC,CAAC;AAEH,eAAO,MAAM,8BAA8B,KASzC,CAAC;AAEH,eAAO,MAAM,uBAAuB,KAUlC,CAAC;AAEH,eAAO,MAAM,0BAA0B,KAkB1B,CAAC;AAEd,eAAO,MAAM,yBAAyB,KAsBzB,CAAC;AAEd,eAAO,MAAM,0BAA0B,KAqB1B,CAAC"}
|
package/dist/yup/form.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as yup from 'yup';
|
|
2
2
|
import { INPUT_REQUIRE, ENTER_NUMBER_ONLY, EMAIL_INVALID_MESSAGE, PHONE_NUMBER_INVALID_MESSAGE, ADDRESS_2_INVALID_MESSAGE, ADDRESS_1_INVALID_MESSAGE, ADDRESS_1_LENGTH_MESSAGE, PREFECTURE_NAME_INVALID_MESSAGE, POST_CODE_INVALID_MESSAGE, GENDER_INVALID_MESSAGE, BIRTH_OF_DATE_WARNING_MESSAGE, GUARDIAN_CONSENT_REQUIRED_MESSAGE, BIRTH_OF_DATE_INVALID_MESSAGE, FIRST_NAME_ROMANIZED_INVALID_MESSAGE, LAST_NAME_ROMANIZED_INVALID_MESSAGE, FIRST_NAME_KANA_INVALID_MESSAGE, LAST_NAME_KANA_INVALID_MESSAGE, FIRST_NAME_INVALID_MESSAGE, LAST_NAME_INVALID_MESSAGE, BIRTH_OF_DATE_PARENTS_INVALID_MESSAGE, FULL_NAME_ROMANIZED_INVALID_MESSAGE, PASSWORD_LENGTH_INVALID, PASSWORD_REQUIRED, PASSWORD_INVALID, ANSWER_LENGTH_MESSAGE, CONFIRM_PASSWORD_MISMATCH, CONFIRM_PASSWORD_REQUIRED, BIRTHDAY_INVALID_MESSAGE } from './message.js';
|
|
3
|
-
import { REGEX_NUMBER, REGEX_EMAIL,
|
|
3
|
+
import { REGEX_NUMBER, REGEX_EMAIL, REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE, REGEX_ADDRESS_2, REGEX_ADDRESS_1, REGEX_PREFECTURE_NAME, REGEX_POST_CODE, REGEX_GENDER, REGEX_BIRTH_OF_DATE, REGEX_NAME_ROMANIZED, REGEX_NAME_KANA, REGEX_NAME, REGEX_PHONE_NUMBER, REGEX_FULL_NAME, REGEX_PASSWORD, REGEX_BIRTHDAY } from './regex.js';
|
|
4
4
|
import '../utils/storage.js';
|
|
5
5
|
import '../utils/dayjs.js';
|
|
6
6
|
import 'react-native';
|
|
@@ -33,7 +33,7 @@ const validateFormEmailVerify = yup.object().shape({
|
|
|
33
33
|
const validateFormPhoneNumberVerify = yup.object().shape({
|
|
34
34
|
phoneNumber: yup
|
|
35
35
|
.string()
|
|
36
|
-
.matches(
|
|
36
|
+
.matches(REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE, PHONE_NUMBER_INVALID_MESSAGE),
|
|
37
37
|
});
|
|
38
38
|
const validateFormAccountAtttributesCreation = yup.object().shape({
|
|
39
39
|
lastName: yup
|
package/dist/yup/form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.js","sources":["../../../yup/form.ts"],"sourcesContent":["import * as yup from \"yup\";\nimport {\n ANSWER_LENGTH_MESSAGE,\n ADDRESS_1_INVALID_MESSAGE,\n ADDRESS_1_LENGTH_MESSAGE,\n ADDRESS_2_INVALID_MESSAGE,\n BIRTH_OF_DATE_INVALID_MESSAGE,\n BIRTH_OF_DATE_PARENTS_INVALID_MESSAGE,\n BIRTH_OF_DATE_WARNING_MESSAGE,\n CONFIRM_PASSWORD_MISMATCH,\n CONFIRM_PASSWORD_REQUIRED,\n EMAIL_INVALID_MESSAGE,\n FIRST_NAME_INVALID_MESSAGE,\n FIRST_NAME_KANA_INVALID_MESSAGE,\n FIRST_NAME_KANA_LENGTH_MESSAGE,\n FIRST_NAME_LENGTH_MESSAGE,\n FIRST_NAME_ROMANIZED_INVALID_MESSAGE,\n FIRST_NAME_ROMANIZED_LENGTH_MESSAGE,\n FULL_NAME_ROMANIZED_INVALID_MESSAGE,\n GENDER_INVALID_MESSAGE,\n ENTER_NUMBER_ONLY,\n GUARDIAN_CONSENT_REQUIRED_MESSAGE,\n INPUT_REQUIRE,\n LAST_NAME_INVALID_MESSAGE,\n LAST_NAME_KANA_INVALID_MESSAGE,\n LAST_NAME_ROMANIZED_INVALID_MESSAGE,\n MIN_AGE_LIMIT,\n PASSWORD_INVALID,\n PASSWORD_MIN_LENGTH,\n PASSWORD_REQUIRED,\n PHONE_NUMBER_INVALID_MESSAGE,\n POST_CODE_INVALID_MESSAGE,\n PREFECTURE_NAME_INVALID_MESSAGE,\n DIFFERENT_PASSWORD_MESSAGE,\n PASSWORD_LENGTH_INVALID,\n BIRTHDAY_INVALID_MESSAGE,\n} from \"./message\";\nimport {\n REGEX_ADDRESS_1,\n REGEX_ADDRESS_2,\n REGEX_BIRTH_OF_DATE,\n REGEX_FULL_NAME,\n REGEX_GENDER,\n REGEX_NAME,\n REGEX_NAME_KANA,\n REGEX_NAME_ROMANIZED,\n REGEX_POST_CODE,\n REGEX_PREFECTURE_NAME,\n REGEX_EMAIL,\n REGEX_NUMBER,\n REGEX_PASSWORD,\n REGEX_PHONE_NUMBER,\n REGEX_BIRTHDAY,\n} from \"./regex\";\nimport { checkMetAge } from \"@ui/utils\";\n\nexport const visaCardPinIssuanceForm = yup.object().shape({\n city_code: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NUMBER, ENTER_NUMBER_ONLY),\n district_code: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NUMBER, ENTER_NUMBER_ONLY),\n address_1: yup.string().required(INPUT_REQUIRE),\n address_2: yup.string().required(INPUT_REQUIRE),\n contract_number: yup.string().required(INPUT_REQUIRE),\n last_4_digits_of_card: yup.string().required(INPUT_REQUIRE),\n});\n\nexport const visaCardIssuancePreLinkingForm = yup.object().shape({\n contract_number: yup.string().required(INPUT_REQUIRE).min(10, \"半角数字10桁\"),\n last_4_digits_of_card: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(4, \"半角数字4桁\"),\n});\n\nexport const validateFormEmailVerify = yup.object().shape({\n email: yup.string().matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE),\n});\n\nexport const validateFormPhoneNumberVerify = yup.object().shape({\n phoneNumber: yup\n .string()\n .matches(REGEX_PHONE_NUMBER, PHONE_NUMBER_INVALID_MESSAGE),\n});\n\nexport const validateFormAccountAtttributesCreation = yup.object().shape({\n lastName: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME, LAST_NAME_INVALID_MESSAGE),\n firstName: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME, FIRST_NAME_INVALID_MESSAGE),\n // .test({\n // test: function (value, context) {\n // const lastName = context.parent.lastName || \"\";\n // const fullName = lastName + value;\n // return fullName.length <= 30;\n // },\n // message: FIRST_NAME_LENGTH_MESSAGE,\n // }),\n lastNameKana: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME_KANA, LAST_NAME_KANA_INVALID_MESSAGE),\n firstNameKana: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME_KANA, FIRST_NAME_KANA_INVALID_MESSAGE),\n // .test({\n // test: function (value, context) {\n // const lastNameKana = context.parent.lastNameKana || \"\";\n // const fullNameKana = lastNameKana + value;\n // return fullNameKana.length <= 50;\n // },\n // message: FIRST_NAME_KANA_LENGTH_MESSAGE,\n // }),\n firstNameRomanized: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME_ROMANIZED, LAST_NAME_ROMANIZED_INVALID_MESSAGE),\n lastNameRomanized: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME_ROMANIZED, FIRST_NAME_ROMANIZED_INVALID_MESSAGE),\n // .test({\n // test: function (value, context) {\n // const firstName = context.parent.firstNameRomanized || \"\";\n // const fullName = `${firstName} ${value}`;\n // return fullName.length <= 50;\n // },\n // message: FIRST_NAME_ROMANIZED_LENGTH_MESSAGE,\n // }),\n birthOfDate: yup\n .string()\n .required(INPUT_REQUIRE)\n\n .test({\n test: (value) => {\n if (!value) return false;\n const date = new Date(\n parseInt(value.substring(0, 4)),\n parseInt(value.substring(4, 6)) - 1,\n parseInt(value.substring(6, 8))\n );\n return date <= new Date();\n },\n message: BIRTH_OF_DATE_WARNING_MESSAGE,\n })\n .test({\n name: \"minBirthOfDate\",\n message: GUARDIAN_CONSENT_REQUIRED_MESSAGE,\n test: (dateString: string, ctx) =>\n checkMetAge(dateString, ctx.options.context?.isParentalConsentObtained),\n })\n .matches(REGEX_BIRTH_OF_DATE, BIRTH_OF_DATE_INVALID_MESSAGE),\n gender: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_GENDER, GENDER_INVALID_MESSAGE),\n postCode: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_POST_CODE, POST_CODE_INVALID_MESSAGE),\n prefectureName: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_PREFECTURE_NAME, PREFECTURE_NAME_INVALID_MESSAGE),\n address1: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_ADDRESS_1, ADDRESS_1_INVALID_MESSAGE)\n .test({\n test: function (value, context) {\n const prefecture = context.parent.prefectureName || \"\";\n const fullAddress = prefecture + value;\n return fullAddress.length <= 60;\n },\n message: ADDRESS_1_LENGTH_MESSAGE,\n }),\n address2: yup.string().required(INPUT_REQUIRE).matches(REGEX_ADDRESS_2, ADDRESS_2_INVALID_MESSAGE),\n});\n\nexport const validateFormAccountAtttributesEditing = yup.object().shape({\n postCode: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_POST_CODE, POST_CODE_INVALID_MESSAGE),\n prefectureName: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_PREFECTURE_NAME, PREFECTURE_NAME_INVALID_MESSAGE),\n address1: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_ADDRESS_1, ADDRESS_1_INVALID_MESSAGE)\n .test({\n test: function (value, context) {\n const prefecture = context.parent.prefectureName || \"\";\n const fullAddress = prefecture + value;\n return fullAddress.length <= 60;\n },\n message: ADDRESS_1_LENGTH_MESSAGE,\n }),\n address2: yup.string().matches(REGEX_ADDRESS_2, ADDRESS_2_INVALID_MESSAGE),\n});\n\nexport const validateFormSecretQuestion = yup.object().shape({\n question1: yup.string().required(INPUT_REQUIRE),\n answer1: yup.string().required(INPUT_REQUIRE),\n question2: yup.string().required(INPUT_REQUIRE),\n answer2: yup.string().required(INPUT_REQUIRE),\n question3: yup.string().required(INPUT_REQUIRE),\n answer3: yup.string().required(INPUT_REQUIRE),\n});\n\nexport const validateFormParentConsent = yup.object().shape({\n fullName: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_FULL_NAME, FULL_NAME_ROMANIZED_INVALID_MESSAGE),\n phoneNumber: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_PHONE_NUMBER, PHONE_NUMBER_INVALID_MESSAGE),\n birthOfDate: yup\n .string()\n .required(INPUT_REQUIRE)\n .test({\n test: (value) => {\n if (!value) return false;\n const date = new Date(\n parseInt(value.substring(0, 4)),\n parseInt(value.substring(4, 6)) - 1,\n parseInt(value.substring(6, 8))\n );\n return date <= new Date();\n },\n message: BIRTH_OF_DATE_WARNING_MESSAGE,\n })\n .test({\n test: (value) => {\n if (!value) return false;\n const birthDate = new Date(\n parseInt(value.substring(0, 4)),\n parseInt(value.substring(4, 6)) - 1,\n parseInt(value.substring(6, 8))\n );\n const today = new Date();\n const age = today.getFullYear() - birthDate.getFullYear();\n const monthDiff = today.getMonth() - birthDate.getMonth();\n if (\n monthDiff < 0 ||\n (monthDiff === 0 && today.getDate() < birthDate.getDate())\n ) {\n return age - 1 >= 16;\n }\n return age >= 16;\n },\n message: BIRTH_OF_DATE_PARENTS_INVALID_MESSAGE,\n }),\n // .matches(/^\\d{8}$/, BIRTH_OF_DATE_INVALID_MESSAGE),\n});\n\nexport const validateFormLogin = yup.object().shape({\n email: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE),\n password: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n});\n\nexport const validateFormForgotPassword = yup.object().shape({\n email: yup.string().matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE).required(INPUT_REQUIRE),\n // question1: yup.string().required(INPUT_REQUIRE),\n // answer1: yup.string().required(INPUT_REQUIRE).max(100, ANSWER_LENGTH_MESSAGE),\n // question2: yup.string().required(),\n // answer2: yup.string().required(),\n // question3: yup.string().required(),\n // answer3: yup.string().required(),\n});\n\nexport const validateFormLoginByPhoneNumber = yup.object().shape({\n phoneNumber: yup.string().required(INPUT_REQUIRE),\n password: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n});\n\nexport const validateFormForgotEmail = yup.object().shape({\n phoneNumber: yup.string().required(),\n fullName: yup.string().required(),\n birthOfDate: yup.string().required(),\n question1: yup.string().required(),\n answer1: yup.string().required().max(100, ANSWER_LENGTH_MESSAGE),\n // question2: yup.string().required(),\n // answer2: yup.string().required(),\n // question3: yup.string().required(),\n // answer3: yup.string().required(),\n});\n\nexport const validateFormCreatePassword = yup\n .object({\n email: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE),\n password: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n confirmPassword: yup\n .string()\n .oneOf([yup.ref(\"password\"), \"\"], CONFIRM_PASSWORD_MISMATCH)\n .required(CONFIRM_PASSWORD_REQUIRED),\n })\n .required();\n\nexport const validateFormResetPassword = yup\n .object({\n email: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE),\n birthday: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_BIRTHDAY, BIRTHDAY_INVALID_MESSAGE),\n password: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n confirmPassword: yup\n .string()\n .oneOf([yup.ref(\"password\"), \"\"], CONFIRM_PASSWORD_MISMATCH)\n .required(CONFIRM_PASSWORD_REQUIRED),\n })\n .required();\n\nexport const validateFormChangePassword = yup\n .object({\n oldPassword: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n password: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n confirmPassword: yup\n .string()\n .oneOf([yup.ref(\"password\"), \"\"], CONFIRM_PASSWORD_MISMATCH)\n .required(CONFIRM_PASSWORD_REQUIRED),\n })\n .required();\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"form.js","sources":["../../../yup/form.ts"],"sourcesContent":["import * as yup from \"yup\";\nimport {\n ANSWER_LENGTH_MESSAGE,\n ADDRESS_1_INVALID_MESSAGE,\n ADDRESS_1_LENGTH_MESSAGE,\n ADDRESS_2_INVALID_MESSAGE,\n BIRTH_OF_DATE_INVALID_MESSAGE,\n BIRTH_OF_DATE_PARENTS_INVALID_MESSAGE,\n BIRTH_OF_DATE_WARNING_MESSAGE,\n CONFIRM_PASSWORD_MISMATCH,\n CONFIRM_PASSWORD_REQUIRED,\n EMAIL_INVALID_MESSAGE,\n FIRST_NAME_INVALID_MESSAGE,\n FIRST_NAME_KANA_INVALID_MESSAGE,\n FIRST_NAME_KANA_LENGTH_MESSAGE,\n FIRST_NAME_LENGTH_MESSAGE,\n FIRST_NAME_ROMANIZED_INVALID_MESSAGE,\n FIRST_NAME_ROMANIZED_LENGTH_MESSAGE,\n FULL_NAME_ROMANIZED_INVALID_MESSAGE,\n GENDER_INVALID_MESSAGE,\n ENTER_NUMBER_ONLY,\n GUARDIAN_CONSENT_REQUIRED_MESSAGE,\n INPUT_REQUIRE,\n LAST_NAME_INVALID_MESSAGE,\n LAST_NAME_KANA_INVALID_MESSAGE,\n LAST_NAME_ROMANIZED_INVALID_MESSAGE,\n MIN_AGE_LIMIT,\n PASSWORD_INVALID,\n PASSWORD_MIN_LENGTH,\n PASSWORD_REQUIRED,\n PHONE_NUMBER_INVALID_MESSAGE,\n POST_CODE_INVALID_MESSAGE,\n PREFECTURE_NAME_INVALID_MESSAGE,\n DIFFERENT_PASSWORD_MESSAGE,\n PASSWORD_LENGTH_INVALID,\n BIRTHDAY_INVALID_MESSAGE,\n} from \"./message\";\nimport {\n REGEX_ADDRESS_1,\n REGEX_ADDRESS_2,\n REGEX_BIRTH_OF_DATE,\n REGEX_FULL_NAME,\n REGEX_GENDER,\n REGEX_NAME,\n REGEX_NAME_KANA,\n REGEX_NAME_ROMANIZED,\n REGEX_POST_CODE,\n REGEX_PREFECTURE_NAME,\n REGEX_EMAIL,\n REGEX_NUMBER,\n REGEX_PASSWORD,\n REGEX_PHONE_NUMBER,\n REGEX_BIRTHDAY,\n REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE,\n} from \"./regex\";\nimport { checkMetAge } from \"@ui/utils\";\n\nexport const visaCardPinIssuanceForm = yup.object().shape({\n city_code: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NUMBER, ENTER_NUMBER_ONLY),\n district_code: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NUMBER, ENTER_NUMBER_ONLY),\n address_1: yup.string().required(INPUT_REQUIRE),\n address_2: yup.string().required(INPUT_REQUIRE),\n contract_number: yup.string().required(INPUT_REQUIRE),\n last_4_digits_of_card: yup.string().required(INPUT_REQUIRE),\n});\n\nexport const visaCardIssuancePreLinkingForm = yup.object().shape({\n contract_number: yup.string().required(INPUT_REQUIRE).min(10, \"半角数字10桁\"),\n last_4_digits_of_card: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(4, \"半角数字4桁\"),\n});\n\nexport const validateFormEmailVerify = yup.object().shape({\n email: yup.string().matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE),\n});\n\nexport const validateFormPhoneNumberVerify = yup.object().shape({\n phoneNumber: yup\n .string()\n .matches(REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE, PHONE_NUMBER_INVALID_MESSAGE),\n});\n\nexport const validateFormAccountAtttributesCreation = yup.object().shape({\n lastName: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME, LAST_NAME_INVALID_MESSAGE),\n firstName: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME, FIRST_NAME_INVALID_MESSAGE),\n // .test({\n // test: function (value, context) {\n // const lastName = context.parent.lastName || \"\";\n // const fullName = lastName + value;\n // return fullName.length <= 30;\n // },\n // message: FIRST_NAME_LENGTH_MESSAGE,\n // }),\n lastNameKana: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME_KANA, LAST_NAME_KANA_INVALID_MESSAGE),\n firstNameKana: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME_KANA, FIRST_NAME_KANA_INVALID_MESSAGE),\n // .test({\n // test: function (value, context) {\n // const lastNameKana = context.parent.lastNameKana || \"\";\n // const fullNameKana = lastNameKana + value;\n // return fullNameKana.length <= 50;\n // },\n // message: FIRST_NAME_KANA_LENGTH_MESSAGE,\n // }),\n firstNameRomanized: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME_ROMANIZED, LAST_NAME_ROMANIZED_INVALID_MESSAGE),\n lastNameRomanized: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_NAME_ROMANIZED, FIRST_NAME_ROMANIZED_INVALID_MESSAGE),\n // .test({\n // test: function (value, context) {\n // const firstName = context.parent.firstNameRomanized || \"\";\n // const fullName = `${firstName} ${value}`;\n // return fullName.length <= 50;\n // },\n // message: FIRST_NAME_ROMANIZED_LENGTH_MESSAGE,\n // }),\n birthOfDate: yup\n .string()\n .required(INPUT_REQUIRE)\n\n .test({\n test: (value) => {\n if (!value) return false;\n const date = new Date(\n parseInt(value.substring(0, 4)),\n parseInt(value.substring(4, 6)) - 1,\n parseInt(value.substring(6, 8))\n );\n return date <= new Date();\n },\n message: BIRTH_OF_DATE_WARNING_MESSAGE,\n })\n .test({\n name: \"minBirthOfDate\",\n message: GUARDIAN_CONSENT_REQUIRED_MESSAGE,\n test: (dateString: string, ctx) =>\n checkMetAge(dateString, ctx.options.context?.isParentalConsentObtained),\n })\n .matches(REGEX_BIRTH_OF_DATE, BIRTH_OF_DATE_INVALID_MESSAGE),\n gender: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_GENDER, GENDER_INVALID_MESSAGE),\n postCode: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_POST_CODE, POST_CODE_INVALID_MESSAGE),\n prefectureName: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_PREFECTURE_NAME, PREFECTURE_NAME_INVALID_MESSAGE),\n address1: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_ADDRESS_1, ADDRESS_1_INVALID_MESSAGE)\n .test({\n test: function (value, context) {\n const prefecture = context.parent.prefectureName || \"\";\n const fullAddress = prefecture + value;\n return fullAddress.length <= 60;\n },\n message: ADDRESS_1_LENGTH_MESSAGE,\n }),\n address2: yup.string().required(INPUT_REQUIRE).matches(REGEX_ADDRESS_2, ADDRESS_2_INVALID_MESSAGE),\n});\n\nexport const validateFormAccountAtttributesEditing = yup.object().shape({\n postCode: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_POST_CODE, POST_CODE_INVALID_MESSAGE),\n prefectureName: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_PREFECTURE_NAME, PREFECTURE_NAME_INVALID_MESSAGE),\n address1: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_ADDRESS_1, ADDRESS_1_INVALID_MESSAGE)\n .test({\n test: function (value, context) {\n const prefecture = context.parent.prefectureName || \"\";\n const fullAddress = prefecture + value;\n return fullAddress.length <= 60;\n },\n message: ADDRESS_1_LENGTH_MESSAGE,\n }),\n address2: yup.string().matches(REGEX_ADDRESS_2, ADDRESS_2_INVALID_MESSAGE),\n});\n\nexport const validateFormSecretQuestion = yup.object().shape({\n question1: yup.string().required(INPUT_REQUIRE),\n answer1: yup.string().required(INPUT_REQUIRE),\n question2: yup.string().required(INPUT_REQUIRE),\n answer2: yup.string().required(INPUT_REQUIRE),\n question3: yup.string().required(INPUT_REQUIRE),\n answer3: yup.string().required(INPUT_REQUIRE),\n});\n\nexport const validateFormParentConsent = yup.object().shape({\n fullName: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_FULL_NAME, FULL_NAME_ROMANIZED_INVALID_MESSAGE),\n phoneNumber: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_PHONE_NUMBER, PHONE_NUMBER_INVALID_MESSAGE),\n birthOfDate: yup\n .string()\n .required(INPUT_REQUIRE)\n .test({\n test: (value) => {\n if (!value) return false;\n const date = new Date(\n parseInt(value.substring(0, 4)),\n parseInt(value.substring(4, 6)) - 1,\n parseInt(value.substring(6, 8))\n );\n return date <= new Date();\n },\n message: BIRTH_OF_DATE_WARNING_MESSAGE,\n })\n .test({\n test: (value) => {\n if (!value) return false;\n const birthDate = new Date(\n parseInt(value.substring(0, 4)),\n parseInt(value.substring(4, 6)) - 1,\n parseInt(value.substring(6, 8))\n );\n const today = new Date();\n const age = today.getFullYear() - birthDate.getFullYear();\n const monthDiff = today.getMonth() - birthDate.getMonth();\n if (\n monthDiff < 0 ||\n (monthDiff === 0 && today.getDate() < birthDate.getDate())\n ) {\n return age - 1 >= 16;\n }\n return age >= 16;\n },\n message: BIRTH_OF_DATE_PARENTS_INVALID_MESSAGE,\n }),\n // .matches(/^\\d{8}$/, BIRTH_OF_DATE_INVALID_MESSAGE),\n});\n\nexport const validateFormLogin = yup.object().shape({\n email: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE),\n password: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n});\n\nexport const validateFormForgotPassword = yup.object().shape({\n email: yup.string().matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE).required(INPUT_REQUIRE),\n // question1: yup.string().required(INPUT_REQUIRE),\n // answer1: yup.string().required(INPUT_REQUIRE).max(100, ANSWER_LENGTH_MESSAGE),\n // question2: yup.string().required(),\n // answer2: yup.string().required(),\n // question3: yup.string().required(),\n // answer3: yup.string().required(),\n});\n\nexport const validateFormLoginByPhoneNumber = yup.object().shape({\n phoneNumber: yup.string().required(INPUT_REQUIRE),\n password: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n});\n\nexport const validateFormForgotEmail = yup.object().shape({\n phoneNumber: yup.string().required(),\n fullName: yup.string().required(),\n birthOfDate: yup.string().required(),\n question1: yup.string().required(),\n answer1: yup.string().required().max(100, ANSWER_LENGTH_MESSAGE),\n // question2: yup.string().required(),\n // answer2: yup.string().required(),\n // question3: yup.string().required(),\n // answer3: yup.string().required(),\n});\n\nexport const validateFormCreatePassword = yup\n .object({\n email: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE),\n password: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n confirmPassword: yup\n .string()\n .oneOf([yup.ref(\"password\"), \"\"], CONFIRM_PASSWORD_MISMATCH)\n .required(CONFIRM_PASSWORD_REQUIRED),\n })\n .required();\n\nexport const validateFormResetPassword = yup\n .object({\n email: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_EMAIL, EMAIL_INVALID_MESSAGE),\n birthday: yup\n .string()\n .required(INPUT_REQUIRE)\n .matches(REGEX_BIRTHDAY, BIRTHDAY_INVALID_MESSAGE),\n password: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n confirmPassword: yup\n .string()\n .oneOf([yup.ref(\"password\"), \"\"], CONFIRM_PASSWORD_MISMATCH)\n .required(CONFIRM_PASSWORD_REQUIRED),\n })\n .required();\n\nexport const validateFormChangePassword = yup\n .object({\n oldPassword: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n password: yup\n .string()\n .required(INPUT_REQUIRE)\n .min(8, PASSWORD_LENGTH_INVALID)\n .max(64, PASSWORD_LENGTH_INVALID)\n .required(PASSWORD_REQUIRED)\n .matches(REGEX_PASSWORD, PASSWORD_INVALID),\n confirmPassword: yup\n .string()\n .oneOf([yup.ref(\"password\"), \"\"], CONFIRM_PASSWORD_MISMATCH)\n .required(CONFIRM_PASSWORD_REQUIRED),\n })\n .required();\n"],"names":[],"mappings":"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"}
|
package/dist/yup/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { validateFormAccountAtttributesCreation, validateFormAccountAtttributesEditing, validateFormChangePassword, validateFormCreatePassword, validateFormEmailVerify, validateFormForgotEmail, validateFormForgotPassword, validateFormLogin, validateFormLoginByPhoneNumber, validateFormParentConsent, validateFormPhoneNumberVerify, validateFormResetPassword, validateFormSecretQuestion, visaCardIssuancePreLinkingForm, visaCardPinIssuanceForm } from './form.js';
|
|
2
2
|
export { ADDRESS_1_INVALID_MESSAGE, ADDRESS_1_LENGTH_MESSAGE, ADDRESS_2_INVALID_MESSAGE, ANSWER_LENGTH_MESSAGE, BALANCE_INVALID_MESSAGE, BIRTHDAY_INVALID_MESSAGE, BIRTH_OF_DATE_INVALID_MESSAGE, BIRTH_OF_DATE_PARENTS_INVALID_MESSAGE, BIRTH_OF_DATE_WARNING_MESSAGE, CONFIRM_PASSWORD_MISMATCH, CONFIRM_PASSWORD_REQUIRED, DIFFERENT_PASSWORD_MESSAGE, EMAIL_EXISTED_MESSAGE, EMAIL_INVALID_MESSAGE, ENTER_NUMBER_ONLY, FIRST_NAME_INVALID_MESSAGE, FIRST_NAME_KANA_INVALID_MESSAGE, FIRST_NAME_KANA_LENGTH_MESSAGE, FIRST_NAME_LENGTH_MESSAGE, FIRST_NAME_ROMANIZED_INVALID_MESSAGE, FIRST_NAME_ROMANIZED_LENGTH_MESSAGE, FULL_NAME_ROMANIZED_INVALID_MESSAGE, GENDER_INVALID_MESSAGE, GUARDIAN_CONSENT_REQUIRED_MESSAGE, INCORRECT_OTP_MESSAGE, INPUT_REQUIRE, LAST_NAME_INVALID_MESSAGE, LAST_NAME_KANA_INVALID_MESSAGE, LAST_NAME_ROMANIZED_INVALID_MESSAGE, MIN_AGE_LIMIT, PARENT_CONSENT_OPTAINED_MESSAGE, PASSWORD_INVALID, PASSWORD_LENGTH_INVALID, PASSWORD_MIN_LENGTH, PASSWORD_REQUIRED, PHONE_NUMBER_EXISTED_MESSAGE, PHONE_NUMBER_INVALID_MESSAGE, POST_CODE_INVALID_MESSAGE, PREFECTURE_NAME_INVALID_MESSAGE, _7_DIGIT_HALF_WIDTH_NUMBER } from './message.js';
|
|
3
|
-
export { REGEX_ADDRESS_1, REGEX_ADDRESS_2, REGEX_BIRTHDAY, REGEX_BIRTH_OF_DATE, REGEX_EMAIL, REGEX_FULL_NAME, REGEX_GENDER, REGEX_NAME, REGEX_NAME_KANA, REGEX_NAME_ROMANIZED, REGEX_NUMBER, REGEX_PASSWORD, REGEX_PHONE_NUMBER, REGEX_POST_CODE, REGEX_PREFECTURE_NAME } from './regex.js';
|
|
3
|
+
export { REGEX_ADDRESS_1, REGEX_ADDRESS_2, REGEX_BIRTHDAY, REGEX_BIRTH_OF_DATE, REGEX_EMAIL, REGEX_FULL_NAME, REGEX_GENDER, REGEX_NAME, REGEX_NAME_KANA, REGEX_NAME_ROMANIZED, REGEX_NUMBER, REGEX_PASSWORD, REGEX_PHONE_NUMBER, REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE, REGEX_POST_CODE, REGEX_PREFECTURE_NAME } from './regex.js';
|
package/dist/yup/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { validateFormAccountAtttributesCreation, validateFormAccountAtttributesEditing, validateFormChangePassword, validateFormCreatePassword, validateFormEmailVerify, validateFormForgotEmail, validateFormForgotPassword, validateFormLogin, validateFormLoginByPhoneNumber, validateFormParentConsent, validateFormPhoneNumberVerify, validateFormResetPassword, validateFormSecretQuestion, visaCardIssuancePreLinkingForm, visaCardPinIssuanceForm } from './form.js';
|
|
2
2
|
export { ADDRESS_1_INVALID_MESSAGE, ADDRESS_1_LENGTH_MESSAGE, ADDRESS_2_INVALID_MESSAGE, ANSWER_LENGTH_MESSAGE, BALANCE_INVALID_MESSAGE, BIRTHDAY_INVALID_MESSAGE, BIRTH_OF_DATE_INVALID_MESSAGE, BIRTH_OF_DATE_PARENTS_INVALID_MESSAGE, BIRTH_OF_DATE_WARNING_MESSAGE, CONFIRM_PASSWORD_MISMATCH, CONFIRM_PASSWORD_REQUIRED, DIFFERENT_PASSWORD_MESSAGE, EMAIL_EXISTED_MESSAGE, EMAIL_INVALID_MESSAGE, ENTER_NUMBER_ONLY, FIRST_NAME_INVALID_MESSAGE, FIRST_NAME_KANA_INVALID_MESSAGE, FIRST_NAME_KANA_LENGTH_MESSAGE, FIRST_NAME_LENGTH_MESSAGE, FIRST_NAME_ROMANIZED_INVALID_MESSAGE, FIRST_NAME_ROMANIZED_LENGTH_MESSAGE, FULL_NAME_ROMANIZED_INVALID_MESSAGE, GENDER_INVALID_MESSAGE, GUARDIAN_CONSENT_REQUIRED_MESSAGE, INCORRECT_OTP_MESSAGE, INPUT_REQUIRE, LAST_NAME_INVALID_MESSAGE, LAST_NAME_KANA_INVALID_MESSAGE, LAST_NAME_ROMANIZED_INVALID_MESSAGE, MIN_AGE_LIMIT, PARENT_CONSENT_OPTAINED_MESSAGE, PASSWORD_INVALID, PASSWORD_LENGTH_INVALID, PASSWORD_MIN_LENGTH, PASSWORD_REQUIRED, PHONE_NUMBER_EXISTED_MESSAGE, PHONE_NUMBER_INVALID_MESSAGE, POST_CODE_INVALID_MESSAGE, PREFECTURE_NAME_INVALID_MESSAGE, _7_DIGIT_HALF_WIDTH_NUMBER } from './message.js';
|
|
3
|
-
export { REGEX_ADDRESS_1, REGEX_ADDRESS_2, REGEX_BIRTHDAY, REGEX_BIRTH_OF_DATE, REGEX_EMAIL, REGEX_FULL_NAME, REGEX_GENDER, REGEX_NAME, REGEX_NAME_KANA, REGEX_NAME_ROMANIZED, REGEX_NUMBER, REGEX_PASSWORD, REGEX_PHONE_NUMBER, REGEX_POST_CODE, REGEX_PREFECTURE_NAME } from './regex.js';
|
|
3
|
+
export { REGEX_ADDRESS_1, REGEX_ADDRESS_2, REGEX_BIRTHDAY, REGEX_BIRTH_OF_DATE, REGEX_EMAIL, REGEX_FULL_NAME, REGEX_GENDER, REGEX_NAME, REGEX_NAME_KANA, REGEX_NAME_ROMANIZED, REGEX_NUMBER, REGEX_PASSWORD, REGEX_PHONE_NUMBER, REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE, REGEX_POST_CODE, REGEX_PREFECTURE_NAME } from './regex.js';
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
package/dist/yup/regex.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
declare const REGEX_PHONE_NUMBER: RegExp;
|
|
2
|
+
declare const REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE: RegExp;
|
|
2
3
|
declare const REGEX_PASSWORD: RegExp;
|
|
3
4
|
declare const REGEX_EMAIL: RegExp;
|
|
4
5
|
declare const REGEX_NAME: RegExp;
|
|
@@ -14,4 +15,4 @@ declare const REGEX_POST_CODE: RegExp;
|
|
|
14
15
|
declare const REGEX_NUMBER: RegExp;
|
|
15
16
|
declare const REGEX_BIRTHDAY: RegExp;
|
|
16
17
|
|
|
17
|
-
export { REGEX_ADDRESS_1, REGEX_ADDRESS_2, REGEX_BIRTHDAY, REGEX_BIRTH_OF_DATE, REGEX_EMAIL, REGEX_FULL_NAME, REGEX_GENDER, REGEX_NAME, REGEX_NAME_KANA, REGEX_NAME_ROMANIZED, REGEX_NUMBER, REGEX_PASSWORD, REGEX_PHONE_NUMBER, REGEX_POST_CODE, REGEX_PREFECTURE_NAME };
|
|
18
|
+
export { REGEX_ADDRESS_1, REGEX_ADDRESS_2, REGEX_BIRTHDAY, REGEX_BIRTH_OF_DATE, REGEX_EMAIL, REGEX_FULL_NAME, REGEX_GENDER, REGEX_NAME, REGEX_NAME_KANA, REGEX_NAME_ROMANIZED, REGEX_NUMBER, REGEX_PASSWORD, REGEX_PHONE_NUMBER, REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE, REGEX_POST_CODE, REGEX_PREFECTURE_NAME };
|
package/dist/yup/regex.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../yup/regex.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../yup/regex.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,QAAoD,CAAC;AACpF,eAAO,MAAM,oCAAoC,QAAoD,CAAC;AACtG,eAAO,MAAM,cAAc,QAC8J,CAAC;AAC1L,eAAO,MAAM,WAAW,QACyD,CAAC;AAElF,eAAO,MAAM,UAAU,QAAiD,CAAC;AACzE,eAAO,MAAM,eAAe,QAAuB,CAAC;AAEpD,eAAO,MAAM,oBAAoB,QAAgB,CAAC;AAElD,eAAO,MAAM,mBAAmB,QAAY,CAAC;AAE7C,eAAO,MAAM,eAAe,QACyB,CAAC;AACtD,eAAO,MAAM,qBAAqB,QAAoB,CAAC;AACvD,eAAO,MAAM,eAAe,QAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,QAAyB,CAAC;AAEtD,eAAO,MAAM,YAAY,QAAY,CAAC;AACtC,eAAO,MAAM,eAAe,QAA0B,CAAC;AAEvD,eAAO,MAAM,YAAY,QAAU,CAAC;AAEpC,eAAO,MAAM,cAAc,QAAoD,CAAC"}
|
package/dist/yup/regex.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// export const REGEX_EMAIL =
|
|
2
2
|
// /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
|
3
|
-
const REGEX_PHONE_NUMBER = /^(
|
|
3
|
+
const REGEX_PHONE_NUMBER = /^(\+\d{1,3}\d{10,14}|(070|080|090|084)\d{8,9})$/;
|
|
4
|
+
const REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE = /^(\+\d{1,3}\d{10,14}|(070|080|090|084)\d{8,9})$/;
|
|
4
5
|
const REGEX_PASSWORD = /^(?:(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])|(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*])|(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])|(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*]))[A-Za-z0-9!@#$%^&*]{8,64}$/;
|
|
5
6
|
const REGEX_EMAIL = /^(?!.*\.\.)[a-zA-Z0-9][a-zA-Z0-9._%+-]*[a-zA-Z0-9]@[a-zA-Z0-9.-]+\.[a-zA-Z]+$/;
|
|
6
7
|
const REGEX_NAME = /^[\u3040-\u309F\u30A0-\u30FF\u4E00-\u9FFF]+$/;
|
|
@@ -16,5 +17,5 @@ const REGEX_POST_CODE = /^\d{7}$|^\d{3}-\d{4}$/;
|
|
|
16
17
|
const REGEX_NUMBER = /^\d+$/;
|
|
17
18
|
const REGEX_BIRTHDAY = /^\d{4}\/(0[1-9]|1[0-2])\/(0[1-9]|[12]\d|3[01])$/;
|
|
18
19
|
|
|
19
|
-
export { REGEX_ADDRESS_1, REGEX_ADDRESS_2, REGEX_BIRTHDAY, REGEX_BIRTH_OF_DATE, REGEX_EMAIL, REGEX_FULL_NAME, REGEX_GENDER, REGEX_NAME, REGEX_NAME_KANA, REGEX_NAME_ROMANIZED, REGEX_NUMBER, REGEX_PASSWORD, REGEX_PHONE_NUMBER, REGEX_POST_CODE, REGEX_PREFECTURE_NAME };
|
|
20
|
+
export { REGEX_ADDRESS_1, REGEX_ADDRESS_2, REGEX_BIRTHDAY, REGEX_BIRTH_OF_DATE, REGEX_EMAIL, REGEX_FULL_NAME, REGEX_GENDER, REGEX_NAME, REGEX_NAME_KANA, REGEX_NAME_ROMANIZED, REGEX_NUMBER, REGEX_PASSWORD, REGEX_PHONE_NUMBER, REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE, REGEX_POST_CODE, REGEX_PREFECTURE_NAME };
|
|
20
21
|
//# sourceMappingURL=regex.js.map
|
package/dist/yup/regex.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"regex.js","sources":["../../../yup/regex.ts"],"sourcesContent":["// export const REGEX_EMAIL =\n// /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\nexport const REGEX_PHONE_NUMBER = /^(
|
|
1
|
+
{"version":3,"file":"regex.js","sources":["../../../yup/regex.ts"],"sourcesContent":["// export const REGEX_EMAIL =\n// /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\nexport const REGEX_PHONE_NUMBER = /^(\\+\\d{1,3}\\d{10,14}|(070|080|090|084)\\d{8,9})$/;\nexport const REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE = /^(\\+\\d{1,3}\\d{10,14}|(070|080|090|084)\\d{8,9})$/;\nexport const REGEX_PASSWORD =\n /^(?:(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])|(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*])|(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])|(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*]))[A-Za-z0-9!@#$%^&*]{8,64}$/;\nexport const REGEX_EMAIL =\n /^(?!.*\\.\\.)[a-zA-Z0-9][a-zA-Z0-9._%+-]*[a-zA-Z0-9]@[a-zA-Z0-9.-]+\\.[a-zA-Z]+$/;\n\nexport const REGEX_NAME = /^[\\u3040-\\u309F\\u30A0-\\u30FF\\u4E00-\\u9FFF]+$/;\nexport const REGEX_NAME_KANA = /^[\\uFF61-\\uFF9F]+$/;\n\nexport const REGEX_NAME_ROMANIZED = /^[A-Za-z]+$/;\n\nexport const REGEX_BIRTH_OF_DATE = /^\\d{8}$/;\n\nexport const REGEX_FULL_NAME =\n /^[\\u3040-\\u309F\\u30A0-\\u30FF\\u4E00-\\u9FFF]{1,30}$/;\nexport const REGEX_PREFECTURE_NAME = /^[^\\x01-\\x7E]+$/;\nexport const REGEX_ADDRESS_1 = /^[^\\x01-\\x7E]+$/;\nexport const REGEX_ADDRESS_2 = /^[^\\x01-\\x7E]{0,60}$/;\n\nexport const REGEX_GENDER = /^[123]$/;\nexport const REGEX_POST_CODE = /^\\d{7}$|^\\d{3}-\\d{4}$/;\n/^(?=.*[A-Za-z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{6,}$/;\nexport const REGEX_NUMBER = /^\\d+$/;\n\nexport const REGEX_BIRTHDAY = /^\\d{4}\\/(0[1-9]|1[0-2])\\/(0[1-9]|[12]\\d|3[01])$/;\n"],"names":[],"mappings":"AAAA;AACA;AACO,MAAM,kBAAkB,GAAG;AAC3B,MAAM,oCAAoC,GAAG;AAC7C,MAAM,cAAc,GACzB;AACK,MAAM,WAAW,GACtB;AAEK,MAAM,UAAU,GAAG;AACnB,MAAM,eAAe,GAAG;AAExB,MAAM,oBAAoB,GAAG;AAE7B,MAAM,mBAAmB,GAAG;AAE5B,MAAM,eAAe,GAC1B;AACK,MAAM,qBAAqB,GAAG;AAC9B,MAAM,eAAe,GAAG;AACxB,MAAM,eAAe,GAAG;AAExB,MAAM,YAAY,GAAG;AACrB,MAAM,eAAe,GAAG;AAExB,MAAM,YAAY,GAAG;AAErB,MAAM,cAAc,GAAG;;;;"}
|
package/package.json
CHANGED
package/yup/form.ts
CHANGED
|
@@ -51,6 +51,7 @@ import {
|
|
|
51
51
|
REGEX_PASSWORD,
|
|
52
52
|
REGEX_PHONE_NUMBER,
|
|
53
53
|
REGEX_BIRTHDAY,
|
|
54
|
+
REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE,
|
|
54
55
|
} from "./regex";
|
|
55
56
|
import { checkMetAge } from "@ui/utils";
|
|
56
57
|
|
|
@@ -84,7 +85,7 @@ export const validateFormEmailVerify = yup.object().shape({
|
|
|
84
85
|
export const validateFormPhoneNumberVerify = yup.object().shape({
|
|
85
86
|
phoneNumber: yup
|
|
86
87
|
.string()
|
|
87
|
-
.matches(
|
|
88
|
+
.matches(REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE, PHONE_NUMBER_INVALID_MESSAGE),
|
|
88
89
|
});
|
|
89
90
|
|
|
90
91
|
export const validateFormAccountAtttributesCreation = yup.object().shape({
|
package/yup/regex.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// export const REGEX_EMAIL =
|
|
2
2
|
// /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
|
3
|
-
export const REGEX_PHONE_NUMBER = /^(
|
|
3
|
+
export const REGEX_PHONE_NUMBER = /^(\+\d{1,3}\d{10,14}|(070|080|090|084)\d{8,9})$/;
|
|
4
|
+
export const REGEX_PHONE_NUMBER_WITH_COUNTRY_CODE = /^(\+\d{1,3}\d{10,14}|(070|080|090|084)\d{8,9})$/;
|
|
4
5
|
export const REGEX_PASSWORD =
|
|
5
6
|
/^(?:(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])|(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*])|(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])|(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*]))[A-Za-z0-9!@#$%^&*]{8,64}$/;
|
|
6
7
|
export const REGEX_EMAIL =
|