@zezosoft/zezo-ott-react-native-ui-kit 1.1.9 → 1.2.1
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/lib/module/components/Auth/One/OTP/OTP.js +91 -50
- package/lib/module/components/Auth/One/OTP/OTP.js.map +1 -1
- package/lib/module/components/Auth/One/SplashScreen/SplashScreen.js +4 -4
- package/lib/module/components/Auth/One/SplashScreen/SplashScreen.js.map +1 -1
- package/lib/module/components/Auth/Two/ForgotPassword/ForgotPassword.js +0 -1
- package/lib/module/components/Auth/Two/ForgotPassword/ForgotPassword.js.map +1 -1
- package/lib/module/components/Auth/Two/Login/LoginWithEmail.js +2 -4
- package/lib/module/components/Auth/Two/Login/LoginWithEmail.js.map +1 -1
- package/lib/module/components/Auth/Two/OTP/OTP.js +94 -87
- package/lib/module/components/Auth/Two/OTP/OTP.js.map +1 -1
- package/lib/module/components/Auth/Two/SignUp/SignUp.js +47 -64
- package/lib/module/components/Auth/Two/SignUp/SignUp.js.map +1 -1
- package/lib/module/components/Auth/Two/index.js +0 -4
- package/lib/module/components/Auth/Two/index.js.map +1 -1
- package/lib/module/components/BottomSheet/BottomSheet.js +0 -1
- package/lib/module/components/BottomSheet/BottomSheet.js.map +1 -1
- package/lib/module/components/Content/Card/components/CardPoster.js +3 -4
- package/lib/module/components/Content/Card/components/CardPoster.js.map +1 -1
- package/lib/module/components/Input/InputThree.js +0 -6
- package/lib/module/components/Input/InputThree.js.map +1 -1
- package/lib/module/components/Search/components/SearchCard.js +22 -6
- package/lib/module/components/Search/components/SearchCard.js.map +1 -1
- package/lib/typescript/src/components/Auth/One/OTP/OTP.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/One/index.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/Two/ForgotPassword/ForgotPassword.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/Two/Login/LoginWithEmail.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/Two/OTP/OTP.d.ts +0 -12
- package/lib/typescript/src/components/Auth/Two/OTP/OTP.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/Two/SignUp/SignUp.d.ts +1 -17
- package/lib/typescript/src/components/Auth/Two/SignUp/SignUp.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/Two/index.d.ts +0 -36
- package/lib/typescript/src/components/Auth/Two/index.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/index.d.ts +0 -36
- package/lib/typescript/src/components/Auth/index.d.ts.map +1 -1
- package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/src/components/Input/InputThree.d.ts +0 -1
- package/lib/typescript/src/components/Input/InputThree.d.ts.map +1 -1
- package/package.json +1 -1
- package/lib/module/components/Auth/Two/QrLogin/QrLogin.js +0 -479
- package/lib/module/components/Auth/Two/QrLogin/QrLogin.js.map +0 -1
- package/lib/module/components/Auth/Two/QrLogin/components/QrViewArea.js +0 -295
- package/lib/module/components/Auth/Two/QrLogin/components/QrViewArea.js.map +0 -1
- package/lib/module/components/Auth/Two/SplashScreen/SplashScreen.js +0 -141
- package/lib/module/components/Auth/Two/SplashScreen/SplashScreen.js.map +0 -1
- package/lib/module/components/Auth/Two/SplashScreen/components/SplashImage/SplashImage.js +0 -74
- package/lib/module/components/Auth/Two/SplashScreen/components/SplashImage/SplashImage.js.map +0 -1
- package/lib/module/components/Auth/Two/SplashScreen/components/SplashLottie/SplashLottie.js +0 -63
- package/lib/module/components/Auth/Two/SplashScreen/components/SplashLottie/SplashLottie.js.map +0 -1
- package/lib/module/components/Auth/Two/SplashScreen/components/SplashVideo/SplashVideo.js +0 -157
- package/lib/module/components/Auth/Two/SplashScreen/components/SplashVideo/SplashVideo.js.map +0 -1
- package/lib/typescript/src/components/Auth/Two/QrLogin/QrLogin.d.ts +0 -19
- package/lib/typescript/src/components/Auth/Two/QrLogin/QrLogin.d.ts.map +0 -1
- package/lib/typescript/src/components/Auth/Two/QrLogin/components/QrViewArea.d.ts +0 -14
- package/lib/typescript/src/components/Auth/Two/QrLogin/components/QrViewArea.d.ts.map +0 -1
- package/lib/typescript/src/components/Auth/Two/SplashScreen/SplashScreen.d.ts +0 -35
- package/lib/typescript/src/components/Auth/Two/SplashScreen/SplashScreen.d.ts.map +0 -1
- package/lib/typescript/src/components/Auth/Two/SplashScreen/components/SplashImage/SplashImage.d.ts +0 -12
- package/lib/typescript/src/components/Auth/Two/SplashScreen/components/SplashImage/SplashImage.d.ts.map +0 -1
- package/lib/typescript/src/components/Auth/Two/SplashScreen/components/SplashLottie/SplashLottie.d.ts +0 -17
- package/lib/typescript/src/components/Auth/Two/SplashScreen/components/SplashLottie/SplashLottie.d.ts.map +0 -1
- package/lib/typescript/src/components/Auth/Two/SplashScreen/components/SplashVideo/SplashVideo.d.ts +0 -20
- package/lib/typescript/src/components/Auth/Two/SplashScreen/components/SplashVideo/SplashVideo.d.ts.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { memo, useMemo, useState, useCallback, useEffect } from 'react';
|
|
3
|
+
import React, { memo, useMemo, useState, useCallback, useEffect, useRef } from 'react';
|
|
4
4
|
import { View, StyleSheet, Platform } from 'react-native';
|
|
5
5
|
import { CodeField, Cursor, useBlurOnFulfill, useClearByFocusCell } from 'react-native-confirmation-code-field';
|
|
6
6
|
import { scale, verticalScale } from 'react-native-size-matters';
|
|
@@ -24,12 +24,14 @@ const DEFAULT_TEXT = {
|
|
|
24
24
|
resendOtpText: 'Resend OTP',
|
|
25
25
|
resendOtpCountdownText: 'Resend OTP in'
|
|
26
26
|
};
|
|
27
|
+
const AUTO_SUBMIT_DELAY_MS = 300;
|
|
28
|
+
const RESEND_COUNTDOWN_INTERVAL_MS = 1000;
|
|
27
29
|
const OTP = ({
|
|
28
|
-
|
|
30
|
+
title,
|
|
29
31
|
onSubmit,
|
|
30
32
|
onTopBackBtnPress,
|
|
31
33
|
containerStyle,
|
|
32
|
-
|
|
34
|
+
titleStyle,
|
|
33
35
|
formStyle,
|
|
34
36
|
backBtnStyle,
|
|
35
37
|
loading = false,
|
|
@@ -45,9 +47,7 @@ const OTP = ({
|
|
|
45
47
|
resendDisabledTime = 30,
|
|
46
48
|
renderSubmitButton,
|
|
47
49
|
renderBackButton,
|
|
48
|
-
// renderOtpHeader,
|
|
49
50
|
renderOtpInput,
|
|
50
|
-
// renderPhoneText,
|
|
51
51
|
cellStyle,
|
|
52
52
|
focusCellStyle
|
|
53
53
|
}) => {
|
|
@@ -60,6 +60,10 @@ const OTP = ({
|
|
|
60
60
|
const [otp, setOtp] = useState('');
|
|
61
61
|
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
62
62
|
const [resendTimer, setResendTimer] = useState(resendDisabledTime);
|
|
63
|
+
const hasAutoSubmittedRef = useRef(false);
|
|
64
|
+
const autoSubmitTimerRef = useRef(null);
|
|
65
|
+
const lastAutoSubmittedOtpRef = useRef('');
|
|
66
|
+
const handleSubmitRef = useRef(() => Promise.resolve());
|
|
63
67
|
const ref = useBlurOnFulfill({
|
|
64
68
|
value: otp,
|
|
65
69
|
cellCount: otpDigitCount
|
|
@@ -68,6 +72,12 @@ const OTP = ({
|
|
|
68
72
|
value: otp,
|
|
69
73
|
setValue: setOtp
|
|
70
74
|
});
|
|
75
|
+
const setOtpDigitsOnly = useCallback(value => {
|
|
76
|
+
setOtp(value.replace(/\D/g, ''));
|
|
77
|
+
}, []);
|
|
78
|
+
const isFocusedArray = useMemo(() => Array.from({
|
|
79
|
+
length: otpDigitCount
|
|
80
|
+
}, (_, i) => otp.length === i), [otp.length, otpDigitCount]);
|
|
71
81
|
const styles = useMemo(() => StyleSheet.create({
|
|
72
82
|
container: {
|
|
73
83
|
flex: 1,
|
|
@@ -76,10 +86,6 @@ const OTP = ({
|
|
|
76
86
|
justifyContent: 'center',
|
|
77
87
|
alignItems: 'center'
|
|
78
88
|
},
|
|
79
|
-
header: {
|
|
80
|
-
alignItems: 'center',
|
|
81
|
-
gap: scale(8)
|
|
82
|
-
},
|
|
83
89
|
topBackBtnWrapper: {
|
|
84
90
|
position: 'absolute',
|
|
85
91
|
top: verticalScale(5),
|
|
@@ -87,16 +93,10 @@ const OTP = ({
|
|
|
87
93
|
right: scale(16),
|
|
88
94
|
zIndex: 10
|
|
89
95
|
},
|
|
90
|
-
headerRow: {
|
|
91
|
-
flexDirection: 'row',
|
|
92
|
-
alignItems: 'center',
|
|
93
|
-
paddingVertical: verticalScale(12)
|
|
94
|
-
},
|
|
95
96
|
headerTitle: {
|
|
96
|
-
fontSize: RFValue(
|
|
97
|
+
fontSize: RFValue(18),
|
|
97
98
|
fontWeight: '400',
|
|
98
|
-
marginLeft: scale(
|
|
99
|
-
marginTop: verticalScale(20),
|
|
99
|
+
marginLeft: scale(10),
|
|
100
100
|
color: resolvedTheme.colors.textPrimary
|
|
101
101
|
},
|
|
102
102
|
centerContent: {
|
|
@@ -107,23 +107,6 @@ const OTP = ({
|
|
|
107
107
|
justifyContent: 'center',
|
|
108
108
|
gap: verticalScale(4)
|
|
109
109
|
},
|
|
110
|
-
title: {
|
|
111
|
-
fontSize: RFValue(21),
|
|
112
|
-
fontWeight: '700',
|
|
113
|
-
marginTop: verticalScale(8),
|
|
114
|
-
color: resolvedTheme.colors.textPrimary,
|
|
115
|
-
textAlign: 'center'
|
|
116
|
-
},
|
|
117
|
-
sentText: {
|
|
118
|
-
fontSize: RFValue(12),
|
|
119
|
-
color: resolvedTheme.colors.onSurfaceVariant,
|
|
120
|
-
textAlign: 'center',
|
|
121
|
-
lineHeight: scale(18)
|
|
122
|
-
},
|
|
123
|
-
sentNumberContainer: {
|
|
124
|
-
marginTop: verticalScale(8),
|
|
125
|
-
alignItems: 'center'
|
|
126
|
-
},
|
|
127
110
|
form: {
|
|
128
111
|
width: '100%',
|
|
129
112
|
gap: verticalScale(20),
|
|
@@ -153,7 +136,7 @@ const OTP = ({
|
|
|
153
136
|
},
|
|
154
137
|
focusCell: {
|
|
155
138
|
borderColor: resolvedTheme.colors.primary,
|
|
156
|
-
backgroundColor: resolvedTheme.colors.
|
|
139
|
+
backgroundColor: resolvedTheme.colors.border
|
|
157
140
|
},
|
|
158
141
|
otpInfoRow: {
|
|
159
142
|
flexDirection: 'row',
|
|
@@ -178,13 +161,27 @@ const OTP = ({
|
|
|
178
161
|
flexDirection: 'row',
|
|
179
162
|
alignItems: 'center',
|
|
180
163
|
gap: scale(6)
|
|
164
|
+
},
|
|
165
|
+
resendSection: {
|
|
166
|
+
alignItems: 'center',
|
|
167
|
+
marginTop: verticalScale(10)
|
|
168
|
+
},
|
|
169
|
+
resendText: {
|
|
170
|
+
fontSize: RFValue(12)
|
|
171
|
+
},
|
|
172
|
+
resendTextDisabled: {
|
|
173
|
+
color: resolvedTheme.colors.onSurfaceVariant
|
|
174
|
+
},
|
|
175
|
+
resendTextActive: {
|
|
176
|
+
color: resolvedTheme.colors.textPrimary
|
|
177
|
+
},
|
|
178
|
+
submitButtonTitle: {
|
|
179
|
+
fontSize: RFValue(13)
|
|
181
180
|
}
|
|
182
|
-
}), [isKeyboardOpen, resolvedTheme.colors.
|
|
181
|
+
}), [isKeyboardOpen, resolvedTheme.colors.border, resolvedTheme.colors.onSurfaceVariant, resolvedTheme.colors.primary, resolvedTheme.colors.textPrimary]);
|
|
183
182
|
useEffect(() => {
|
|
184
183
|
if (resendTimer <= 0) return;
|
|
185
|
-
const timer = setInterval(() =>
|
|
186
|
-
setResendTimer(prev => prev - 1);
|
|
187
|
-
}, 1000);
|
|
184
|
+
const timer = setInterval(() => setResendTimer(prev => prev - 1), RESEND_COUNTDOWN_INTERVAL_MS);
|
|
188
185
|
return () => clearInterval(timer);
|
|
189
186
|
}, [resendTimer]);
|
|
190
187
|
const handleSubmit = useCallback(async () => {
|
|
@@ -200,17 +197,39 @@ const OTP = ({
|
|
|
200
197
|
setIsSubmitting(false);
|
|
201
198
|
}
|
|
202
199
|
}, [onSubmit, otp, otpDigitCount]);
|
|
203
|
-
|
|
204
|
-
// Auto-submit when OTP is auto-filled and complete
|
|
200
|
+
handleSubmitRef.current = handleSubmit;
|
|
205
201
|
useEffect(() => {
|
|
206
|
-
if (
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
}, 300); // Small delay to ensure OTP is fully set
|
|
210
|
-
return () => clearTimeout(timer);
|
|
202
|
+
if (autoSubmitTimerRef.current) {
|
|
203
|
+
clearTimeout(autoSubmitTimerRef.current);
|
|
204
|
+
autoSubmitTimerRef.current = null;
|
|
211
205
|
}
|
|
212
|
-
|
|
213
|
-
|
|
206
|
+
if (otp.length !== otpDigitCount) {
|
|
207
|
+
hasAutoSubmittedRef.current = false;
|
|
208
|
+
lastAutoSubmittedOtpRef.current = '';
|
|
209
|
+
return undefined;
|
|
210
|
+
}
|
|
211
|
+
if (lastAutoSubmittedOtpRef.current === otp) return undefined;
|
|
212
|
+
if (!autoSubmitOnFill || hasAutoSubmittedRef.current || isSubmitting || loading || !onSubmit) {
|
|
213
|
+
return undefined;
|
|
214
|
+
}
|
|
215
|
+
hasAutoSubmittedRef.current = true;
|
|
216
|
+
lastAutoSubmittedOtpRef.current = otp;
|
|
217
|
+
autoSubmitTimerRef.current = setTimeout(() => {
|
|
218
|
+
if (otp.length === otpDigitCount && !isSubmitting && !loading) {
|
|
219
|
+
handleSubmitRef.current();
|
|
220
|
+
} else {
|
|
221
|
+
hasAutoSubmittedRef.current = false;
|
|
222
|
+
lastAutoSubmittedOtpRef.current = '';
|
|
223
|
+
}
|
|
224
|
+
autoSubmitTimerRef.current = null;
|
|
225
|
+
}, AUTO_SUBMIT_DELAY_MS);
|
|
226
|
+
return () => {
|
|
227
|
+
if (autoSubmitTimerRef.current) {
|
|
228
|
+
clearTimeout(autoSubmitTimerRef.current);
|
|
229
|
+
autoSubmitTimerRef.current = null;
|
|
230
|
+
}
|
|
231
|
+
};
|
|
232
|
+
}, [otp, otpDigitCount, autoSubmitOnFill, isSubmitting, loading, onSubmit]);
|
|
214
233
|
const handleResendOtp = useCallback(() => {
|
|
215
234
|
if (onResendOtp) {
|
|
216
235
|
onResendOtp();
|
|
@@ -220,23 +239,29 @@ const OTP = ({
|
|
|
220
239
|
const isLoading = useMemo(() => loading || isSubmitting, [loading, isSubmitting]);
|
|
221
240
|
const isSubmitDisabled = useMemo(() => otp.length !== otpDigitCount || isLoading, [otp.length, otpDigitCount, isLoading]);
|
|
222
241
|
const shouldRender = useMemo(() => condition => typeof condition === 'function' || !!condition, []);
|
|
242
|
+
const renderCell = useCallback(({
|
|
243
|
+
index,
|
|
244
|
+
symbol,
|
|
245
|
+
isFocused
|
|
246
|
+
}) => /*#__PURE__*/_jsx(Text, {
|
|
247
|
+
style: [styles.cell, cellStyle, isFocused && styles.focusCell, isFocused && focusCellStyle],
|
|
248
|
+
onLayout: getCellOnLayoutHandler(index),
|
|
249
|
+
children: symbol || (isFocused ? /*#__PURE__*/_jsx(Cursor, {}) : null)
|
|
250
|
+
}, index), [styles, cellStyle, focusCellStyle, getCellOnLayoutHandler]);
|
|
251
|
+
const noop = useCallback(() => {}, []);
|
|
223
252
|
return /*#__PURE__*/_jsx(BackgroundLayoutOne, {
|
|
224
253
|
children: /*#__PURE__*/_jsxs(View, {
|
|
225
254
|
style: [styles.container, containerStyle],
|
|
226
255
|
children: [shouldRender(renderBackButton || onTopBackBtnPress) && /*#__PURE__*/_jsx(View, {
|
|
227
256
|
style: styles.topBackBtnWrapper,
|
|
228
257
|
children: renderBackButton ? renderBackButton({
|
|
229
|
-
onPress: onTopBackBtnPress ??
|
|
230
|
-
}) : /*#__PURE__*/
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
237
|
-
style: styles.headerTitle,
|
|
238
|
-
children: "Verify OTP"
|
|
239
|
-
})]
|
|
258
|
+
onPress: onTopBackBtnPress ?? noop
|
|
259
|
+
}) : /*#__PURE__*/_jsx(BackBtn, {
|
|
260
|
+
theme: overrideTheme,
|
|
261
|
+
style: backBtnStyle,
|
|
262
|
+
onPress: onTopBackBtnPress,
|
|
263
|
+
textStyle: [styles.headerTitle, titleStyle],
|
|
264
|
+
label: title ?? DEFAULT_TEXT.otpLabel
|
|
240
265
|
})
|
|
241
266
|
}), /*#__PURE__*/_jsx(HideKeyboard, {
|
|
242
267
|
children: /*#__PURE__*/_jsxs(View, {
|
|
@@ -254,48 +279,33 @@ const OTP = ({
|
|
|
254
279
|
style: [styles.form, formStyle],
|
|
255
280
|
children: [renderOtpInput ? renderOtpInput({
|
|
256
281
|
value: otp,
|
|
257
|
-
onChange:
|
|
258
|
-
isFocused:
|
|
259
|
-
length: otpDigitCount
|
|
260
|
-
}, (_, i) => otp.length === i)
|
|
282
|
+
onChange: setOtpDigitsOnly,
|
|
283
|
+
isFocused: isFocusedArray
|
|
261
284
|
}) : /*#__PURE__*/_jsx(CodeField, {
|
|
262
285
|
ref: ref,
|
|
263
286
|
...codeFieldProps,
|
|
264
287
|
value: otp,
|
|
265
|
-
onChangeText:
|
|
288
|
+
onChangeText: setOtpDigitsOnly,
|
|
266
289
|
cellCount: otpDigitCount,
|
|
267
290
|
rootStyle: styles.codeFieldRoot,
|
|
268
291
|
keyboardType: keyboardType,
|
|
269
292
|
textContentType: enableAutoFill ? 'oneTimeCode' : 'none',
|
|
270
293
|
autoComplete: enableAutoFill ? Platform.OS === 'android' ? 'sms-otp' : 'off' : 'off',
|
|
271
|
-
renderCell:
|
|
272
|
-
index,
|
|
273
|
-
symbol,
|
|
274
|
-
isFocused
|
|
275
|
-
}) => /*#__PURE__*/_jsx(Text, {
|
|
276
|
-
style: [styles.cell, cellStyle, isFocused && styles.focusCell, isFocused && focusCellStyle],
|
|
277
|
-
onLayout: getCellOnLayoutHandler(index),
|
|
278
|
-
children: symbol || (isFocused ? /*#__PURE__*/_jsx(Cursor, {}) : null)
|
|
279
|
-
}, index)
|
|
294
|
+
renderCell: renderCell
|
|
280
295
|
}), renderSubmitButton ? renderSubmitButton({
|
|
281
296
|
onPress: handleSubmit,
|
|
282
297
|
disabled: isSubmitDisabled,
|
|
283
298
|
loading: isLoading
|
|
284
299
|
}) : /*#__PURE__*/_jsx(Button.Primary, {
|
|
285
|
-
title: text
|
|
300
|
+
title: text?.submitButton ?? DEFAULT_TEXT.submitButton,
|
|
286
301
|
theme: overrideTheme,
|
|
287
302
|
onPress: handleSubmit,
|
|
288
|
-
loadingText: text
|
|
289
|
-
titleStyle:
|
|
290
|
-
fontSize: RFValue(13)
|
|
291
|
-
},
|
|
303
|
+
loadingText: text?.loadingSubmitBtnText,
|
|
304
|
+
titleStyle: styles.submitButtonTitle,
|
|
292
305
|
disabled: isSubmitDisabled,
|
|
293
306
|
loading: isLoading
|
|
294
307
|
}), !isKeyboardOpen && /*#__PURE__*/_jsx(View, {
|
|
295
|
-
style:
|
|
296
|
-
alignItems: 'center',
|
|
297
|
-
marginTop: verticalScale(10)
|
|
298
|
-
},
|
|
308
|
+
style: styles.resendSection,
|
|
299
309
|
children: /*#__PURE__*/_jsxs(View, {
|
|
300
310
|
style: styles.resendRow,
|
|
301
311
|
children: [/*#__PURE__*/_jsx(MessageSquare, {
|
|
@@ -303,11 +313,8 @@ const OTP = ({
|
|
|
303
313
|
color: resendTimer > 0 ? resolvedTheme.colors.onSurfaceVariant : resolvedTheme.colors.textPrimary
|
|
304
314
|
}), /*#__PURE__*/_jsx(Text, {
|
|
305
315
|
onPress: resendTimer <= 0 ? handleResendOtp : undefined,
|
|
306
|
-
style:
|
|
307
|
-
|
|
308
|
-
color: resendTimer > 0 ? resolvedTheme.colors.onSurfaceVariant : resolvedTheme.colors.textPrimary
|
|
309
|
-
},
|
|
310
|
-
children: resendTimer > 0 ? `${text?.resendOtpCountdownText || DEFAULT_TEXT.resendOtpCountdownText} ${resendTimer}s` : text?.resendOtpText || DEFAULT_TEXT.resendOtpText
|
|
316
|
+
style: [styles.resendText, resendTimer > 0 ? styles.resendTextDisabled : styles.resendTextActive],
|
|
317
|
+
children: resendTimer > 0 ? `${text?.resendOtpCountdownText ?? DEFAULT_TEXT.resendOtpCountdownText} ${resendTimer}s` : text?.resendOtpText ?? DEFAULT_TEXT.resendOtpText
|
|
311
318
|
})]
|
|
312
319
|
})
|
|
313
320
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useMemo","useState","useCallback","useEffect","View","StyleSheet","Platform","CodeField","Cursor","useBlurOnFulfill","useClearByFocusCell","scale","verticalScale","HideKeyboard","useKeyboard","BackBtn","useInternalTheme","Button","Display","Text","RFValue","BackgroundLayoutOne","MessageSquare","jsx","_jsx","jsxs","_jsxs","DEFAULT_TEXT","otpLabel","otpPlaceholder","submitButton","loadingSubmitBtnText","otpSentText","resendOtpText","resendOtpCountdownText","OTP","onSubmit","onTopBackBtnPress","containerStyle","formStyle","backBtnStyle","loading","theme","overrideTheme","otpDigitCount","keyboardType","phoneNumber","countryCode","enableAutoFill","autoSubmitOnFill","text","onResendOtp","resendDisabledTime","renderSubmitButton","renderBackButton","renderOtpInput","cellStyle","focusCellStyle","resolvedTheme","isKeyboardOpen","otp","setOtp","isSubmitting","setIsSubmitting","resendTimer","setResendTimer","ref","value","cellCount","codeFieldProps","getCellOnLayoutHandler","setValue","styles","create","container","flex","width","paddingHorizontal","justifyContent","alignItems","header","gap","topBackBtnWrapper","position","top","left","right","zIndex","headerRow","flexDirection","paddingVertical","headerTitle","fontSize","fontWeight","marginLeft","marginTop","color","colors","textPrimary","centerContent","maxWidth","title","textAlign","sentText","onSurfaceVariant","lineHeight","sentNumberContainer","form","marginBottom","codeFieldRoot","setWidth","cell","height","paddingTop","OS","borderWidth","borderRadius","alignSelf","overflow","borderColor","focusCell","primary","backgroundColor","surfaceVariant","otpInfoRow","flexWrap","otpInfoText","flexShrink","otpPhone","resendRow","timer","setInterval","prev","clearInterval","handleSubmit","length","error","console","setTimeout","clearTimeout","handleResendOtp","isLoading","isSubmitDisabled","shouldRender","condition","children","style","onPress","replace","onChange","val","isFocused","Array","from","_","i","onChangeText","input","rootStyle","textContentType","autoComplete","renderCell","index","symbol","onLayout","disabled","Primary","loadingText","titleStyle","size","undefined"],"sourceRoot":"../../../../../../src","sources":["components/Auth/Two/OTP/OTP.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","memo","useMemo","useState","useCallback","useEffect","useRef","View","StyleSheet","Platform","CodeField","Cursor","useBlurOnFulfill","useClearByFocusCell","scale","verticalScale","HideKeyboard","useKeyboard","BackBtn","useInternalTheme","Button","Display","Text","RFValue","BackgroundLayoutOne","MessageSquare","jsx","_jsx","jsxs","_jsxs","DEFAULT_TEXT","otpLabel","otpPlaceholder","submitButton","loadingSubmitBtnText","otpSentText","resendOtpText","resendOtpCountdownText","AUTO_SUBMIT_DELAY_MS","RESEND_COUNTDOWN_INTERVAL_MS","OTP","title","onSubmit","onTopBackBtnPress","containerStyle","titleStyle","formStyle","backBtnStyle","loading","theme","overrideTheme","otpDigitCount","keyboardType","phoneNumber","countryCode","enableAutoFill","autoSubmitOnFill","text","onResendOtp","resendDisabledTime","renderSubmitButton","renderBackButton","renderOtpInput","cellStyle","focusCellStyle","resolvedTheme","isKeyboardOpen","otp","setOtp","isSubmitting","setIsSubmitting","resendTimer","setResendTimer","hasAutoSubmittedRef","autoSubmitTimerRef","lastAutoSubmittedOtpRef","handleSubmitRef","Promise","resolve","ref","value","cellCount","codeFieldProps","getCellOnLayoutHandler","setValue","setOtpDigitsOnly","replace","isFocusedArray","Array","from","length","_","i","styles","create","container","flex","width","paddingHorizontal","justifyContent","alignItems","topBackBtnWrapper","position","top","left","right","zIndex","headerTitle","fontSize","fontWeight","marginLeft","color","colors","textPrimary","centerContent","maxWidth","gap","form","marginTop","marginBottom","codeFieldRoot","setWidth","cell","height","paddingTop","OS","borderWidth","borderRadius","textAlign","alignSelf","overflow","borderColor","focusCell","primary","backgroundColor","border","otpInfoRow","flexDirection","flexWrap","otpInfoText","onSurfaceVariant","flexShrink","otpPhone","resendRow","resendSection","resendText","resendTextDisabled","resendTextActive","submitButtonTitle","timer","setInterval","prev","clearInterval","handleSubmit","error","console","current","clearTimeout","undefined","setTimeout","handleResendOtp","isLoading","isSubmitDisabled","shouldRender","condition","renderCell","index","symbol","isFocused","style","onLayout","children","noop","onPress","textStyle","label","onChange","onChangeText","rootStyle","textContentType","autoComplete","disabled","Primary","loadingText","size"],"sourceRoot":"../../../../../../src","sources":["components/Auth/Two/OTP/OTP.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* @lastModified Mon 16 Jun 2025 at 03:05 PM
|
|
6
6
|
*/
|
|
7
7
|
import React, { useCallback, useMemo } from 'react';
|
|
8
|
-
import { StyleSheet, View, Keyboard,
|
|
8
|
+
import { StyleSheet, View, Keyboard, ScrollView, Platform } from 'react-native';
|
|
9
9
|
import { useForm, Controller } from 'react-hook-form';
|
|
10
10
|
import { scale, verticalScale } from 'react-native-size-matters';
|
|
11
11
|
import { Input } from "../../../Input/Input.js";
|
|
@@ -33,7 +33,6 @@ const Signup = /*#__PURE__*/React.memo(({
|
|
|
33
33
|
inputContainerStyle,
|
|
34
34
|
minPasswordLength = 6,
|
|
35
35
|
loadingSubmitBtn,
|
|
36
|
-
// backgroundImage,
|
|
37
36
|
logoUri,
|
|
38
37
|
theme: overrideTheme,
|
|
39
38
|
text,
|
|
@@ -79,50 +78,42 @@ const Signup = /*#__PURE__*/React.memo(({
|
|
|
79
78
|
setIsLoading(false);
|
|
80
79
|
}
|
|
81
80
|
}, [onSubmit]);
|
|
82
|
-
|
|
83
|
-
// Memoize gradient split background
|
|
84
|
-
// const gradientSplitBackground = useMemo(
|
|
85
|
-
// () => (isKeyboardOpen ? (Platform.OS === 'ios' ? 0.19 : 0.14) : 0.3),
|
|
86
|
-
// [isKeyboardOpen]
|
|
87
|
-
// );
|
|
88
|
-
|
|
89
|
-
// Memoize disabled state
|
|
90
81
|
const isDisabled = useMemo(() => loadingSubmitBtn || isLoading, [loadingSubmitBtn, isLoading]);
|
|
91
82
|
return /*#__PURE__*/_jsx(BackgroundLayoutOne, {
|
|
92
83
|
children: /*#__PURE__*/_jsxs(View, {
|
|
93
|
-
style: [styles.
|
|
94
|
-
children: [/*#__PURE__*/_jsx(
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
style: styles.
|
|
84
|
+
style: [styles.container, containerStyle],
|
|
85
|
+
children: [/*#__PURE__*/_jsx(AuthHeader, {
|
|
86
|
+
logoUri: logoUri,
|
|
87
|
+
onLogoPress: () => {},
|
|
88
|
+
rightTitle: "Sign In",
|
|
89
|
+
onRightPress: () => {
|
|
90
|
+
Keyboard.dismiss();
|
|
91
|
+
requestAnimationFrame(() => onLogin?.());
|
|
92
|
+
},
|
|
93
|
+
theme: overrideTheme
|
|
94
|
+
}), /*#__PURE__*/_jsx(HideKeyboard, {
|
|
95
|
+
keyboardVerticalOffset: scale(-50),
|
|
96
|
+
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
97
|
+
style: styles.scrollView,
|
|
98
|
+
keyboardShouldPersistTaps: "handled",
|
|
99
|
+
showsVerticalScrollIndicator: false,
|
|
100
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
101
|
+
style: [styles.mainContent, isKeyboardOpen && styles.mainContentKeyboardOpen],
|
|
111
102
|
children: [renderSingUpHeader ? renderSingUpHeader() : /*#__PURE__*/_jsxs(View, {
|
|
112
|
-
style: styles.
|
|
103
|
+
style: [styles.headerContainer, isKeyboardOpen && styles.headerContainerKeyboardOpen],
|
|
113
104
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
114
105
|
style: [styles.title, titleStyle, {
|
|
115
106
|
color: resolvedTheme?.colors?.textPrimary
|
|
116
107
|
}],
|
|
117
108
|
children: title
|
|
118
109
|
}), /*#__PURE__*/_jsx(Text, {
|
|
119
|
-
style: [styles.
|
|
110
|
+
style: [styles.subtitle, subtitleStyle, {
|
|
120
111
|
color: resolvedTheme?.colors?.textPrimary
|
|
121
112
|
}],
|
|
122
113
|
children: subTitle
|
|
123
114
|
})]
|
|
124
115
|
}), /*#__PURE__*/_jsxs(View, {
|
|
125
|
-
style: [styles.
|
|
116
|
+
style: [styles.formContainer, formStyle],
|
|
126
117
|
children: [/*#__PURE__*/_jsx(Controller, {
|
|
127
118
|
control: control,
|
|
128
119
|
name: "username",
|
|
@@ -140,8 +131,7 @@ const Signup = /*#__PURE__*/React.memo(({
|
|
|
140
131
|
value
|
|
141
132
|
}
|
|
142
133
|
}) => /*#__PURE__*/_jsx(Input.Three, {
|
|
143
|
-
placeholder: text?.usernamePlaceholder
|
|
144
|
-
label: text?.usernameLabel || 'Name',
|
|
134
|
+
placeholder: text?.usernamePlaceholder ?? 'Name',
|
|
145
135
|
value: value,
|
|
146
136
|
onChangeText: onChange,
|
|
147
137
|
onBlur: onBlur,
|
|
@@ -172,8 +162,7 @@ const Signup = /*#__PURE__*/React.memo(({
|
|
|
172
162
|
value
|
|
173
163
|
}
|
|
174
164
|
}) => /*#__PURE__*/_jsx(Input.Three, {
|
|
175
|
-
placeholder: text?.emailPlaceholder
|
|
176
|
-
label: text?.emailLabel || 'Email',
|
|
165
|
+
placeholder: text?.emailPlaceholder ?? 'Email',
|
|
177
166
|
value: value,
|
|
178
167
|
onChangeText: inputText => {
|
|
179
168
|
const sanitized = inputText.replace(/[^\w@.\-+]/g, '');
|
|
@@ -211,8 +200,7 @@ const Signup = /*#__PURE__*/React.memo(({
|
|
|
211
200
|
value
|
|
212
201
|
}
|
|
213
202
|
}) => /*#__PURE__*/_jsx(Input.Three, {
|
|
214
|
-
placeholder: text?.passwordPlaceholder
|
|
215
|
-
label: text?.passwordLabel || 'Password',
|
|
203
|
+
placeholder: text?.passwordPlaceholder ?? 'Password',
|
|
216
204
|
value: value,
|
|
217
205
|
secureTextEntry: true,
|
|
218
206
|
onChangeText: inputText => {
|
|
@@ -249,8 +237,7 @@ const Signup = /*#__PURE__*/React.memo(({
|
|
|
249
237
|
value
|
|
250
238
|
}
|
|
251
239
|
}) => /*#__PURE__*/_jsx(Input.Three, {
|
|
252
|
-
placeholder: text?.confirmPasswordPlaceholder
|
|
253
|
-
label: text?.confirmPasswordLabel || 'Confirm Password',
|
|
240
|
+
placeholder: text?.confirmPasswordPlaceholder ?? 'Confirm Password',
|
|
254
241
|
value: value,
|
|
255
242
|
secureTextEntry: true,
|
|
256
243
|
onChangeText: inputText => {
|
|
@@ -286,14 +273,14 @@ const Signup = /*#__PURE__*/React.memo(({
|
|
|
286
273
|
onPress: handleSubmit(handleFormSubmit)
|
|
287
274
|
}))]
|
|
288
275
|
})]
|
|
289
|
-
})
|
|
276
|
+
})
|
|
290
277
|
})
|
|
291
278
|
}), (renderLoginPrompt || onLogin) && /*#__PURE__*/_jsx(View, {
|
|
292
|
-
style: styles.
|
|
279
|
+
style: styles.footerContainer,
|
|
293
280
|
children: renderLoginPrompt ? renderLoginPrompt() : /*#__PURE__*/_jsxs(View, {
|
|
294
|
-
style: styles.
|
|
281
|
+
style: styles.loginPromptRow,
|
|
295
282
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
296
|
-
style: [styles.
|
|
283
|
+
style: [styles.loginPromptText, loginTextProps],
|
|
297
284
|
children: text?.loginPrompt || 'Already have an account?'
|
|
298
285
|
}), /*#__PURE__*/_jsx(TextButton, {
|
|
299
286
|
title: text?.loginLink || 'Login',
|
|
@@ -314,47 +301,46 @@ const styles = StyleSheet.create({
|
|
|
314
301
|
container: {
|
|
315
302
|
flex: 1,
|
|
316
303
|
width: '100%',
|
|
317
|
-
|
|
318
|
-
|
|
304
|
+
position: 'relative',
|
|
305
|
+
paddingHorizontal: scale(16)
|
|
319
306
|
},
|
|
320
|
-
|
|
307
|
+
scrollView: {
|
|
321
308
|
flex: 1,
|
|
309
|
+
width: '100%'
|
|
310
|
+
},
|
|
311
|
+
mainContent: {
|
|
322
312
|
width: '100%',
|
|
323
313
|
alignItems: 'center',
|
|
324
314
|
justifyContent: 'flex-start',
|
|
325
315
|
paddingTop: Platform.OS === 'ios' ? verticalScale(70) : verticalScale(50)
|
|
326
316
|
},
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
width: '100%',
|
|
330
|
-
position: 'relative'
|
|
331
|
-
},
|
|
332
|
-
keyboardArea: {
|
|
333
|
-
flex: 1,
|
|
334
|
-
width: '100%',
|
|
335
|
-
paddingHorizontal: scale(16)
|
|
317
|
+
mainContentKeyboardOpen: {
|
|
318
|
+
paddingTop: verticalScale(25)
|
|
336
319
|
},
|
|
337
|
-
|
|
320
|
+
headerContainer: {
|
|
338
321
|
width: '100%',
|
|
339
322
|
alignItems: 'center',
|
|
340
323
|
marginBottom: verticalScale(70)
|
|
341
324
|
},
|
|
325
|
+
headerContainerKeyboardOpen: {
|
|
326
|
+
marginBottom: verticalScale(12)
|
|
327
|
+
},
|
|
342
328
|
title: {
|
|
343
329
|
fontSize: RFValue(21),
|
|
344
330
|
fontWeight: '700',
|
|
345
331
|
marginTop: verticalScale(4),
|
|
346
332
|
marginBottom: verticalScale(10)
|
|
347
333
|
},
|
|
348
|
-
|
|
334
|
+
subtitle: {
|
|
349
335
|
fontSize: RFValue(13),
|
|
350
336
|
opacity: 0.7,
|
|
351
337
|
textAlign: 'center'
|
|
352
338
|
},
|
|
353
|
-
|
|
339
|
+
formContainer: {
|
|
354
340
|
width: '100%',
|
|
355
341
|
gap: verticalScale(6)
|
|
356
342
|
},
|
|
357
|
-
|
|
343
|
+
footerContainer: {
|
|
358
344
|
position: 'absolute',
|
|
359
345
|
bottom: verticalScale(40),
|
|
360
346
|
left: 0,
|
|
@@ -362,18 +348,15 @@ const styles = StyleSheet.create({
|
|
|
362
348
|
alignItems: 'center',
|
|
363
349
|
zIndex: 999
|
|
364
350
|
},
|
|
365
|
-
|
|
351
|
+
loginPromptRow: {
|
|
366
352
|
flexDirection: 'row',
|
|
367
353
|
alignItems: 'center',
|
|
368
354
|
justifyContent: 'center',
|
|
369
355
|
flexWrap: 'wrap'
|
|
370
356
|
},
|
|
371
|
-
|
|
357
|
+
loginPromptText: {
|
|
372
358
|
textAlign: 'center',
|
|
373
359
|
marginRight: 4
|
|
374
|
-
},
|
|
375
|
-
loginContainer: {
|
|
376
|
-
alignItems: 'center'
|
|
377
360
|
}
|
|
378
361
|
});
|
|
379
362
|
//# sourceMappingURL=SignUp.js.map
|