@zezosoft/zezo-ott-react-native-ui-kit 1.3.6 → 1.3.8

package/src/components/Auth/Two/ForgotPassword/ForgotPassword.tsx

@@ -1,331 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @LastModified Mon 13 Jul 2026 at 10:13 AM
- */
-
-import React, { useCallback, useMemo, useState } from 'react';
-import {
-  StyleSheet,
-  View,
-  Alert,
-  type ViewStyle,
-  type TextStyle,
-  type StyleProp,
-} from 'react-native';
-import { useForm, Controller } from 'react-hook-form';
-import { scale, verticalScale } from 'react-native-size-matters';
-import { Input } from '../../../Input/Input';
-import { Button } from '../../../Button';
-import { Logo } from '../../../Logo/Logo';
-import { useKeyboard } from '../../../../hooks/useKeyboard';
-import HideKeyboard from '../../../Keyboard/HideKeyboard';
-import BackBtn from '../../../Button/BackBtn';
-import { Text } from '../../../Text';
-import { RFValue } from 'react-native-responsive-fontsize';
-import type { ThemeOverride } from '../../../../theme/themes';
-import { Mail } from 'lucide-react-native';
-import { useTheme } from '../../../../theme';
-import { BackgroundLayout } from '../../../BackgroundLayout';
-
-type FormValues = {
-  email: string;
-};
-
-type TextConfig = {
-  emailLabel?: string;
-  emailPlaceholder?: string;
-  loadingSubmitBtnText?: string;
-  forgetPasswordButton?: string;
-  bottomInfoText?: string;
-};
-
-type ForgetPasswordProps = {
-  title?: string;
-  subtitle?: string;
-  onSubmit?: ({ email }: { email: string }) => Promise<void> | void;
-  onTopBackBtnPress?: () => void;
-  containerStyle?: StyleProp<ViewStyle>;
-  titleStyle?: StyleProp<TextStyle>;
-  subtitleStyle?: StyleProp<TextStyle>;
-  formStyle?: StyleProp<ViewStyle>;
-  inputStyle?: StyleProp<TextStyle>;
-  inputContainerStyle?: StyleProp<ViewStyle>;
-  topBackBtnStyle?: StyleProp<ViewStyle>;
-  logoUri?: string;
-  theme?: ThemeOverride;
-  loadingSubmitBtn?: boolean;
-  text?: TextConfig;
-  renderLogo?: () => React.ReactNode;
-  renderForgetPasswordHeader?: () => React.ReactNode;
-  renderSubmitButton?: (props: {
-    onPress: () => void;
-    disabled: boolean;
-    loading: boolean;
-  }) => React.ReactNode;
-  renderTopBackBtn?: (props: { onPress: () => void }) => React.ReactNode;
-  renderBottomInfoText?: () => React.ReactNode;
-};
-
-const DEFAULT_TEXT = {
-  emailLabel: 'Email',
-  emailPlaceholder: 'Enter your email',
-  loadingSubmitBtnText: 'Processing...',
-  forgetPasswordButton: 'Send Reset Link',
-};
-
-const ForgetPassword: React.FC<ForgetPasswordProps> = ({
-  title = 'Forgot Password',
-  subtitle = 'Enter your email account to reset password',
-  onSubmit,
-  onTopBackBtnPress,
-  containerStyle,
-  titleStyle,
-  subtitleStyle,
-  formStyle,
-  inputStyle,
-  inputContainerStyle,
-  topBackBtnStyle,
-  loadingSubmitBtn = false,
-  logoUri,
-  theme: overrideTheme,
-  text = DEFAULT_TEXT as TextConfig,
-  renderLogo,
-  renderForgetPasswordHeader,
-  renderSubmitButton,
-  renderTopBackBtn,
-  renderBottomInfoText,
-}) => {
-  const {
-    control,
-    handleSubmit,
-    formState: { errors, isValid, touchedFields },
-  } = useForm<FormValues>({
-    defaultValues: { email: '' },
-    mode: 'onChange',
-  });
-
-  const { isKeyboardOpen } = useKeyboard();
-  const [isLoading, setIsLoading] = useState(false);
-  const { theme } = useTheme(overrideTheme);
-  const textPrimaryColor = theme.colors.textPrimary;
-
-  const handleFormSubmit = useCallback(
-    async (data: FormValues) => {
-      if (!onSubmit) return;
-      setIsLoading(true);
-      try {
-        await onSubmit(data);
-      } catch (error) {
-        console.error('Form submission error:', error);
-        Alert.alert('Error', 'Failed to process request. Please try again.');
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    [onSubmit]
-  );
-
-  const shouldRender = useMemo(
-    () => (condition?: boolean | unknown) =>
-      typeof condition === 'function' || !!condition,
-    []
-  );
-
-  const isSubmitDisabled = useMemo(
-    () => loadingSubmitBtn || isLoading,
-    [loadingSubmitBtn, isLoading]
-  );
-
-  return (
-    <BackgroundLayout.Two>
-      <View style={[styles.container, containerStyle]}>
-        {shouldRender(renderTopBackBtn || onTopBackBtnPress) && (
-          <View style={styles.topBackBtnWrapper}>
-            {renderTopBackBtn ? (
-              renderTopBackBtn({
-                onPress: onTopBackBtnPress ?? (() => {}),
-              })
-            ) : (
-              <BackBtn
-                theme={overrideTheme}
-                style={topBackBtnStyle}
-                onPress={onTopBackBtnPress}
-              />
-            )}
-          </View>
-        )}
-        <HideKeyboard keyboardVerticalOffset={0}>
-          <View style={styles.centerContent}>
-            {renderLogo ? (
-              renderLogo()
-            ) : logoUri ? (
-              <Logo logoUri={logoUri} />
-            ) : null}
-
-            {renderForgetPasswordHeader ? (
-              renderForgetPasswordHeader()
-            ) : (
-              <View>
-                <Text
-                  style={[
-                    styles.title,
-                    { color: textPrimaryColor },
-                    titleStyle,
-                  ]}
-                >
-                  {title}
-                </Text>
-
-                {subtitle ? (
-                  <Text
-                    style={[
-                      styles.subtitle,
-                      { color: textPrimaryColor },
-                      subtitleStyle,
-                    ]}
-                  >
-                    {subtitle}
-                  </Text>
-                ) : null}
-              </View>
-            )}
-
-            {/* Form */}
-            <View style={[styles.form, formStyle]} testID="form">
-              <Controller
-                control={control}
-                name="email"
-                rules={{
-                  required: 'Email is required',
-                  pattern: {
-                    value: /^\S+@\S+\.\S+$/,
-                    message: 'Enter a valid email address',
-                  },
-                }}
-                render={({ field: { onChange, onBlur, value } }) => (
-                  <Input.Three
-                    placeholder={
-                      text.emailPlaceholder || DEFAULT_TEXT.emailPlaceholder
-                    }
-                    value={value}
-                    onChangeText={(inputText) => {
-                      const sanitized = inputText.replace(/[^\w@.\-+]/g, '');
-                      onChange(sanitized);
-                    }}
-                    onBlur={onBlur}
-                    disabled={isSubmitDisabled}
-                    error={!!touchedFields.email && !!errors.email}
-                    errorMessage={errors.email?.message}
-                    inputStyle={inputStyle}
-                    containerStyle={inputContainerStyle}
-                    theme={overrideTheme}
-                    textContentType="emailAddress"
-                    autoCapitalize="none"
-                    keyboardType="email-address"
-                    autoCorrect={false}
-                    testID="email-input"
-                    leftIcon={<Mail size={25} />}
-                  />
-                )}
-              />
-
-              {renderSubmitButton ? (
-                renderSubmitButton({
-                  onPress: handleSubmit(handleFormSubmit),
-                  disabled: isSubmitDisabled || !isValid,
-                  loading: loadingSubmitBtn || isLoading,
-                })
-              ) : (
-                <Button.Primary
-                  title={
-                    text.forgetPasswordButton ||
-                    DEFAULT_TEXT.forgetPasswordButton
-                  }
-                  disabled={isSubmitDisabled || !isValid}
-                  theme={overrideTheme}
-                  loading={loadingSubmitBtn || isLoading}
-                  loadingText={
-                    text.loadingSubmitBtnText ||
-                    DEFAULT_TEXT.loadingSubmitBtnText
-                  }
-                  onPress={handleSubmit(handleFormSubmit)}
-                />
-              )}
-            </View>
-
-            {/* Bottom Info Text */}
-            {!isKeyboardOpen && (
-              <>
-                {renderBottomInfoText ? (
-                  renderBottomInfoText()
-                ) : text.bottomInfoText ? (
-                  <Text
-                    style={[
-                      styles.bottomInfo,
-                      { color: theme.colors.textSecondary },
-                    ]}
-                    accessibilityRole="text"
-                    testID="bottom-info-text"
-                  >
-                    {text.bottomInfoText}
-                  </Text>
-                ) : null}
-              </>
-            )}
-          </View>
-        </HideKeyboard>
-      </View>
-    </BackgroundLayout.Two>
-  );
-};
-
-export default React.memo(ForgetPassword);
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    width: '100%',
-    paddingHorizontal: scale(20),
-    paddingTop: verticalScale(24),
-    paddingBottom: verticalScale(32),
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  topBackBtnWrapper: {
-    position: 'absolute',
-    top: verticalScale(6),
-    left: 0,
-    zIndex: 10,
-  },
-  centerContent: {
-    flex: 1,
-    width: '100%',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: verticalScale(16),
-    paddingTop: verticalScale(48),
-  },
-  title: {
-    fontSize: RFValue(22),
-    fontWeight: '700',
-    textAlign: 'center',
-  },
-  subtitle: {
-    fontSize: RFValue(13),
-    fontWeight: '400',
-    textAlign: 'center',
-    opacity: 0.75,
-  },
-
-  form: {
-    width: '100%',
-    gap: verticalScale(14),
-  },
-  bottomInfo: {
-    marginTop: verticalScale(15),
-    fontSize: RFValue(10),
-    fontWeight: '500',
-    textAlign: 'center',
-    opacity: 0.7,
-  },
-});