create-react-native-starter-kit 0.0.0-stage → 1.0.1

package/template/src/i18n/locales/ru.json

@@ -0,0 +1,165 @@
+{
+  "common": {
+    "loading": "Загрузка...",
+    "error": "Ошибка",
+    "success": "Успешно",
+    "cancel": "Отмена",
+    "confirm": "Подтвердить",
+    "save": "Сохранить",
+    "delete": "Удалить",
+    "edit": "Редактировать",
+    "done": "Готово",
+    "next": "Далее",
+    "back": "Назад",
+    "skip": "Пропустить",
+    "retry": "Повторить",
+    "ok": "ОК",
+    "yes": "Да",
+    "no": "Нет",
+    "close": "Закрыть",
+    "search": "Поиск",
+    "noResults": "Результаты не найдены",
+    "emptyState": "Пока ничего нет"
+  },
+
+  "auth": {
+    "login": "Войти",
+    "signup": "Зарегистрироваться",
+    "logout": "Выйти",
+    "email": "Электронная почта",
+    "password": "Пароль",
+    "confirmPassword": "Подтвердите пароль",
+    "forgotPassword": "Забыли пароль?",
+    "resetPassword": "Сбросить пароль",
+    "firstName": "Имя",
+    "lastName": "Фамилия",
+    "phone": "Номер телефона",
+    "rememberMe": "Запомнить меня",
+    "dontHaveAccount": "Нет аккаунта?",
+    "alreadyHaveAccount": "Уже есть аккаунт?",
+    "createAccount": "Создать аккаунт",
+    "welcomeBack": "С возвращением!",
+    "signInToContinue": "Войдите, чтобы продолжить",
+    "enterEmail": "Введите адрес электронной почты",
+    "enterPassword": "Введите пароль",
+    "enterNewPassword": "Введите новый пароль",
+    "passwordRequirements": "Пароль должен содержать не менее 8 символов",
+    "passwordsDoNotMatch": "Пароли не совпадают",
+    "invalidEmail": "Введите корректный адрес электронной почты",
+    "loginSuccess": "Вход выполнен успешно",
+    "signupSuccess": "Аккаунт успешно создан",
+    "logoutSuccess": "Вы успешно вышли из системы",
+    "resetPasswordSent": "Инструкции по сбросу пароля отправлены на вашу почту",
+    "verifyEmail": "Подтвердите email",
+    "enterVerificationCode": "Введите код подтверждения, отправленный на почту",
+    "verificationCode": "Код подтверждения",
+    "resendCode": "Отправить код повторно",
+    "didntReceiveCode": "Не получили код?",
+    "codeResent": "Код подтверждения отправлен повторно",
+    "emailVerified": "Электронная почта успешно подтверждена",
+    "setupProfile": "Настройка профиля",
+    "completeProfile": "Заполните профиль",
+    "addPhoto": "Добавить фото",
+    "bio": "О себе",
+    "tellUsAboutYourself": "Расскажите о себе"
+  },
+
+  "navigation": {
+    "home": "Главная",
+    "search": "Поиск",
+    "notifications": "Уведомления",
+    "profile": "Профиль",
+    "settings": "Настройки"
+  },
+
+  "home": {
+    "greeting": "Здравствуйте, {{name}}",
+    "welcomeBack": "С возвращением!",
+    "recentActivity": "Недавняя активность",
+    "noActivity": "Нет недавней активности",
+    "quickActions": "Быстрые действия"
+  },
+
+  "profile": {
+    "editProfile": "Редактировать профиль",
+    "myAccount": "Мой аккаунт",
+    "preferences": "Настройки",
+    "privacy": "Конфиденциальность и безопасность",
+    "appearance": "Внешний вид",
+    "notifications": "Уведомления",
+    "help": "Помощь и поддержка",
+    "about": "О приложении",
+    "termsOfService": "Условия использования",
+    "privacyPolicy": "Политика конфиденциальности",
+    "rateApp": "Оценить приложение",
+    "version": "Версия {{version}}",
+    "updateSuccess": "Профиль успешно обновлён"
+  },
+
+  "settings": {
+    "general": "Общие",
+    "account": "Аккаунт",
+    "notifications": "Уведомления",
+    "privacy": "Конфиденциальность",
+    "language": "Язык",
+    "theme": "Тема",
+    "darkMode": "Тёмная тема",
+    "lightMode": "Светлая тема",
+    "systemDefault": "Системная",
+    "changePassword": "Сменить пароль",
+    "deleteAccount": "Удалить аккаунт",
+    "deleteAccountWarning": "Это действие невозможно отменить. Все данные будут удалены навсегда."
+  },
+
+  "errors": {
+    "generic": "Что-то пошло не так",
+    "network": "Ошибка сети. Проверьте подключение к интернету.",
+    "server": "Ошибка сервера. Пожалуйста, попробуйте позже.",
+    "unauthorized": "Сессия истекла. Пожалуйста, войдите снова.",
+    "notFound": "Ресурс не найден",
+    "validation": "Проверьте введённые данные",
+    "invalidCredentials": "Неверный email или пароль",
+    "emailExists": "Аккаунт с таким email уже существует",
+    "weakPassword": "Пароль слишком слабый",
+    "rateLimited": "Слишком много попыток. Попробуйте позже."
+  },
+
+  "validation": {
+    "required": "Это поле обязательно",
+    "emailInvalid": "Введите корректный email",
+    "passwordTooShort": "Пароль должен содержать не менее {{min}} символов",
+    "passwordTooWeak": "Пароль должен содержать заглавную букву, строчную букву и цифру",
+    "passwordsDoNotMatch": "Пароли не совпадают",
+    "phoneInvalid": "Введите корректный номер телефона",
+    "minLength": "Минимум {{min}} символов",
+    "maxLength": "Максимум {{max}} символов"
+  },
+
+  "alerts": {
+    "logoutTitle": "Выход",
+    "logoutMessage": "Вы уверены, что хотите выйти?",
+    "deleteTitle": "Удаление",
+    "deleteMessage": "Вы уверены, что хотите удалить этот элемент?",
+    "unsavedChangesTitle": "Несохранённые изменения",
+    "unsavedChangesMessage": "У вас есть несохранённые изменения. Вы уверены, что хотите выйти?"
+  },
+  "network": {
+    "unavailableTitle": "Нет подключения к интернету",
+    "unavailableMessage": "Интернет недоступен. Проверьте соединение.",
+    "unavailableBody": "Проверьте Wi-Fi или мобильные данные и попробуйте снова."
+  },
+  "imagePicker": {
+    "title": "Добавить фото",
+    "subtitle": "Выберите чёткое фото для профиля.",
+    "camera": "Сделать фото",
+    "cameraHint": "Сделайте новый снимок камерой",
+    "gallery": "Выбрать из галереи",
+    "galleryHint": "Выберите существующее фото на устройстве",
+    "docTitle": "Загрузить файл",
+    "docSubtitle": "Можно загрузить изображения, PDF и другие документы.",
+    "docCamera": "Сделать фото",
+    "docCameraHint": "Сделайте новый снимок камерой",
+    "docGallery": "Выбрать на устройстве",
+    "docGalleryHint": "Выберите изображение, PDF или другой документ"
+  }
+}

package/template/src/i18n/resources.ts

@@ -0,0 +1,11 @@
+import en from './locales/en.json';
+import ru from './locales/ru.json';
+
+export const resources = {
+  en: {
+    translation: en,
+  },
+  ru: {
+    translation: ru,
+  },
+} as const;

package/template/src/redux/selectors/auth.selectors.ts

@@ -0,0 +1,4 @@
+import { RootStoreState } from '@/store/rootReducer';
+
+export const selectIsAuthenticated = (state: RootStoreState) =>
+  !!state.auth.access_token;

package/template/src/redux/slice/auth.slice.ts

@@ -0,0 +1,23 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+
+interface AuthState {
+  access_token: string | null;
+}
+
+const initialState: AuthState = {
+  access_token: null,
+};
+
+const authSlice = createSlice({
+  name: 'auth',
+  initialState,
+  reducers: {
+    login(state, action: PayloadAction<AuthState>) {
+      state.access_token = action.payload.access_token;
+    },
+    logout() {},
+  },
+});
+
+export const { login: loginAction, logout: logoutAction } = authSlice.actions;
+export default authSlice.reducer;

package/template/src/redux/slice/loader.slice.ts

@@ -0,0 +1,25 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+interface LoaderState {
+  isLoading: boolean;
+}
+
+const initialState: LoaderState = {
+  isLoading: false,
+};
+
+const loaderSlice = createSlice({
+  name: 'loader',
+  initialState,
+  reducers: {
+    showLoader: state => {
+      state.isLoading = true;
+    },
+    hideLoader: state => {
+      state.isLoading = false;
+    },
+  },
+});
+
+export const { showLoader, hideLoader } = loaderSlice.actions;
+export default loaderSlice.reducer;

package/template/src/redux/slice/settings.slice.ts

@@ -0,0 +1,26 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+import i18n from '@/i18n';
+
+export type AppLanguage = 'en' | 'ru';
+
+interface SettingsState {
+  language: AppLanguage;
+}
+
+const initialState: SettingsState = {
+  language: 'en',
+};
+
+const settingsSlice = createSlice({
+  name: 'settings',
+  initialState,
+  reducers: {
+    setLanguage(state, action: PayloadAction<AppLanguage>) {
+      state.language = action.payload;
+      void i18n.changeLanguage(action.payload);
+    },
+  },
+});
+
+export const { setLanguage } = settingsSlice.actions;
+export default settingsSlice.reducer;

package/template/src/redux/slice/user.slice.ts

@@ -0,0 +1,25 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+
+interface UserState {
+  id: string | null;
+  isProfileSetup: boolean;
+}
+
+const initialState: UserState = {
+  id: null,
+  isProfileSetup: false,
+};
+
+const userSlice = createSlice({
+  name: 'user',
+  initialState,
+  reducers: {
+    setUser(state, action: PayloadAction<UserState>) {
+      state.id = action.payload.id;
+      state.isProfileSetup = action.payload.isProfileSetup;
+    },
+  },
+});
+
+export const { setUser: setUserAction } = userSlice.actions;
+export default userSlice.reducer;

package/template/src/screens/app/main-tab/index.tsx

@@ -0,0 +1,73 @@
+import CustomButton from '@/components/shared/CustomButton';
+import CustomText from '@/components/shared/text/CustomText';
+import AlertModal from '@/components/shared/modal/common/AlertModal';
+import { useAppTheme } from '@/context/ThemeContext';
+import { useAppDispatch } from '@/hooks/useAppDispatch';
+import { logoutAction } from '@/redux/slice/auth.slice';
+import { persistor } from '@/store';
+import { layout } from '@/theme/layout';
+import { AppStackScreenProps } from '@/types';
+import React, { useState } from 'react';
+import { View } from 'react-native';
+
+type props = AppStackScreenProps<'MainTabs'>;
+
+const MainTabs = ({ navigation }: props) => {
+  const dispatch = useAppDispatch();
+  const { color } = useAppTheme();
+  const [isAlertOpen, setIsAlertOpen] = useState<boolean>(false);
+
+  const handleLogout = async () => {
+    dispatch(logoutAction());
+    await persistor.purge();
+  };
+  const handleGoToHome = () => {
+    navigation.navigate('BottomTabs', {
+      screen: 'Home',
+    });
+  };
+
+  return (
+    <View>
+      <CustomText
+        variant="header"
+        textAlign="center"
+        style={layout.marginTopMd}
+      >
+        Main Tabs Screen
+      </CustomText>
+      <CustomButton
+        onPress={handleGoToHome}
+        title="Go to Home"
+        containerStyle={layout.marginBottomMd}
+      />
+      <CustomButton onPress={() => setIsAlertOpen(true)} title="Logout" />
+
+      <AlertModal
+        title="Are you sure want to Logout?"
+        isOpen={isAlertOpen}
+        description="This will clear all your data and you will need to login again."
+        primaryButton={{
+          title: 'Yes',
+          variant: 'primary',
+        }}
+        secondaryButton={{
+          title: 'Cancel',
+          variant: 'outline',
+          overrideVariantColor: color.border,
+          overrideVariantTextColor: color.text_secondary,
+        }}
+        icon="log_out"
+        onPressPrimaryBtn={() => {
+          setIsAlertOpen(false);
+          handleLogout();
+        }}
+        onPressSecondaryBtn={() => {
+          setIsAlertOpen(false);
+        }}
+      />
+    </View>
+  );
+};
+
+export default MainTabs;

package/template/src/screens/app/profile-setup/index.tsx

@@ -0,0 +1,162 @@
+import CustomButton from '@/components/shared/CustomButton';
+import FormInput from '@/components/shared/form-input/FormInput';
+import { isIOS } from '@/constants/device';
+import { LIMITS } from '@/constants/limits';
+import { useAppDispatch } from '@/hooks/useAppDispatch';
+import { setUserAction } from '@/redux/slice/user.slice';
+import { spacing } from '@/theme';
+import { layout } from '@/theme/layout';
+import { AppStackScreenProps } from '@/types';
+import { profileSetupSchema } from '@/validation/schema/user.schema';
+import { tValError } from '@/validation/tValError';
+import { yupResolver } from '@hookform/resolvers/yup';
+import React from 'react';
+import { Resolver, useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { Keyboard, KeyboardAvoidingView, ScrollView, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { InferType } from 'yup';
+
+type Props = AppStackScreenProps<'ProfileSetup'>;
+
+export type ProfileSetupFormType = InferType<typeof profileSetupSchema>;
+
+const ProfileSetup = ({ navigation }: Props) => {
+  const {
+    control,
+    formState: { errors },
+    handleSubmit,
+  } = useForm<ProfileSetupFormType>({
+    defaultValues: {
+      name: '',
+      phone: '',
+      gender: '',
+      address: '',
+      dob: undefined,
+      currentTime: undefined,
+    },
+    resolver: yupResolver(profileSetupSchema) as Resolver<ProfileSetupFormType>,
+  });
+  const dispatch = useAppDispatch();
+  const { t } = useTranslation();
+  const {bottom}=useSafeAreaInsets();
+
+  const handleContinue = async (data: ProfileSetupFormType) => {
+    console.log('Profile Data:', {
+      ...data,
+      dob: data.dob.toISOString(),
+      currentTime: data.currentTime.toISOString(),
+    });
+    dispatch(setUserAction({ id: 'user-id', isProfileSetup: true }));
+    navigation.replace('BottomTabs', {
+      screen: 'Home',
+    });
+  };
+  return (
+    <KeyboardAvoidingView
+      style={layout.flexContainer}
+      behavior={isIOS ? 'padding' : 'height'}
+      keyboardVerticalOffset={isIOS ? 64 : 0}
+    >
+      <ScrollView showsVerticalScrollIndicator={false}>
+      <FormInput
+        control={control}
+        name="name"
+        label={t('user.name')}
+        placeholder={t('placeholder.enterName')}
+        error={tValError(t, errors.name, {
+          field: t('user.name'),
+          ...LIMITS.NAME,
+        })}
+        variant="text"
+        // leftIcon={<Icon name="downArrow" size={20} />}
+        // rightIcon={<Icon name="downArrow" size={20} />}
+        // isPassword
+      />
+
+      <FormInput
+        control={control}
+        name="phone"
+        label={t('user.phone-number')}
+        placeholder={t('placeholder.enterPhone')}
+        error={tValError(t, errors.phone, {
+          field: t('user.phone-number'),
+          ...LIMITS.PHONE,
+        })}
+        variant="country-phone"
+        // showFlag={false}
+        // onChangeSelectedCountry={country => {
+        //   console.log('Country:', country);
+        //   console.log('Calling code:', country.idd.root); // ← "+91"
+        //   console.log('ISO code:', country.cca2); // ← "IN"
+        // }}
+      />
+
+      <FormInput
+        control={control}
+        name="gender"
+        label={t('user.gender')}
+        error={tValError(t, errors.gender, {
+          field: t('user.gender'),
+        })}
+        variant="dropdown"
+        dropdownData={[
+          { label: 'Male', value: 'male' },
+          { label: 'Female', value: 'female' },
+          { label: 'Other', value: 'other' },
+        ]}
+        placeholder={t('placeholder.select-your-gender')}
+      />
+      <FormInput
+        control={control}
+        name="dob"
+        label={t('user.date-of-birth')}
+        placeholder={t('placeholder.select-your-date-of-birth')}
+        error={tValError(t, errors.dob, {
+          field: t('user.date-of-birth'),
+        })}
+        variant="date"
+        maximumDate={new Date()}
+        // disabled
+      />
+
+      <FormInput
+        control={control}
+        name="currentTime"
+        label={t('user.current-time')}
+        placeholder={t('placeholder.enter-your-current-time')}
+        error={tValError(t, errors.currentTime, {
+          field: t('user.current-time'),
+        })}
+        variant="time"
+        iconName="clock"
+      />
+      <FormInput
+        control={control}
+        name="address"
+        label={t('user.address')}
+        placeholder={t('placeholder.enterAddress')}
+        error={tValError(t, errors.address, {
+          field: t('user.address'),
+          ...LIMITS.ADDRESS,
+        })}
+        variant="text"
+        textInputProps={{
+          multiline: true,
+        }}
+      />
+
+    </ScrollView>
+      {/* KeyboardAvoidingView overrides its own paddingBottom, so the inset is a margin here. */}
+      <CustomButton
+        title={t('common.continue')}
+        onPress={handleSubmit(handleContinue)}
+        variant="primary"
+        fullWidth
+        containerStyle={{ marginTop: spacing.sm, marginBottom: bottom + spacing.sm }}
+      />
+    </KeyboardAvoidingView>
+  );
+};
+
+export default ProfileSetup;

package/template/src/screens/app/profile-setup/styles.ts

@@ -0,0 +1,3 @@
+import { StyleSheet } from 'react-native';
+
+export const styles = StyleSheet.create({});

package/template/src/screens/auth/forgot-password/index.tsx

@@ -0,0 +1,59 @@
+import CustomButton from '@/components/shared/CustomButton';
+import FormInput from '@/components/shared/form-input/FormInput';
+import { AuthStackScreenProps } from '@/types';
+import React from 'react';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { layout } from '@/theme/layout';
+import { View } from 'react-native';
+import { InferType } from 'yup';
+import { forgotPasswordSchema } from '@/validation/schema/auth.schema';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { tValError } from '@/validation/tValError';
+
+type Props = AuthStackScreenProps<'ForgotPassword'>;
+
+export type ForgotPasswordFormType = InferType<typeof forgotPasswordSchema>;
+
+const ForgotPassword = ({ navigation }: Props) => {
+  const {
+    control,
+    formState: { errors },
+    handleSubmit,
+  } = useForm<ForgotPasswordFormType>({
+    resolver: yupResolver(forgotPasswordSchema),
+  });
+
+  const { t } = useTranslation();
+
+  const handleForgotPassword = () => {
+    navigation.goBack();
+  };
+
+  return (
+    <View style={layout.flexContainer}>
+      <FormInput
+        control={control}
+        name="email"
+        label={t('auth.email')}
+        placeholder={t('placeholder.enterEmail')}
+        textInputProps={{
+          keyboardType: 'email-address',
+        }}
+        error={tValError(t, errors.email, {
+          field: t('auth.email'),
+        })}
+        variant="text"
+      />
+
+      <CustomButton
+        title={t('auth.send-now')}
+        onPress={handleSubmit(handleForgotPassword)}
+        variant="primary"
+        fullWidth
+      />
+    </View>
+  );
+};
+
+export default ForgotPassword;

package/template/src/screens/auth/index.ts

@@ -0,0 +1,4 @@
+export { default as Login } from './login';
+export { default as Signup } from './signup';
+export { default as ForgotPassword } from './forgot-password';
+export { default as VerifyEmail } from './verify-email';