@fadyshawky/react-native-magic 2.1.3 → 2.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fadyshawky/react-native-magic",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "Plug-and-play React Native template: TypeScript, Redux, React Navigation, scalable architecture. Init and start developing without hassle.",
   "keywords": [
     "react-native-magic",

package/template/README.md

@@ -1,79 +1,112 @@
-This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
+# ReactNativeMagic
 
-# Getting Started
+**Plug and play** – create your app and start developing without hassle.
 
->**Note**: Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions till "Creating a new application" step, before proceeding.
+A production-ready React Native template with TypeScript, Redux, React Navigation, and a scalable architecture (Uprise-style). Use it to bootstrap new apps with one command.
 
-## Step 1: Start the Metro Server
+## Requirements
 
-First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.
+- **Node.js >= 20** ([Download](https://nodejs.org/en/download/))
+- JDK >= 11 ([Download](https://www.oracle.com/java/technologies/downloads/))
+- Ruby >= 2.7.5 (for iOS)
+- Xcode (for iOS) / Android Studio (for Android)
 
-To start Metro, run the following command from the _root_ of your React Native project:
+## Quick start
 
 ```bash
-# using npm
-npm start
-
-# OR using Yarn
-yarn start
+npx @react-native-community/cli init YourAppName --template @fadyshawky/react-native-magic
+cd YourAppName
 ```
 
-## Step 2: Start your Application
+Optional: set your bundle ID at creation:
 
-Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:
+```bash
+npx @react-native-community/cli init YourAppName --template @fadyshawky/react-native-magic --package-name com.yourcompany.yourapp
+```
 
-### For Android
+For iOS, install pods:
 
 ```bash
-# using npm
-npm run android
-
-# OR using Yarn
-yarn android
+cd ios && pod install && cd ..
 ```
 
-### For iOS
+Then run:
 
 ```bash
-# using npm
-npm run ios
+npm start
+npm run ios    # or an Android variant below
+```
+
+## First steps after creating your app
+
+1. **App name & bundle ID** – Set at init (or you’ll be prompted for package name if you didn’t pass `--package-name`). See [CUSTOMIZATION.md](template/docs/CUSTOMIZATION.md#app-name-and-bundle-id).
+2. **API** – Copy `.env.example` to `.env` and set `API_BASE_URL` (and other vars) for your backend.
+3. **Theme** – Edit `src/core/theme/colors.ts` (and `fonts.ts`, `commonSizes.ts` if needed) for your brand.
+4. **Config** – Optional: adjust `src/core/config/index.ts` for feature toggles or app-level constants.
+
+## Documentation
+
+In your generated project you’ll have:
+
+- **[docs/ARCHITECTURE.md](template/docs/ARCHITECTURE.md)** – Layers, folder map, data flow, SOLID.
+- **[docs/CUSTOMIZATION.md](template/docs/CUSTOMIZATION.md)** – App name, bundle ID, API, theme, adding a screen/slice/language.
+- **[docs/BEST_PRACTICES.md](template/docs/BEST_PRACTICES.md)** – Code style, structure, testing, security, upgrades.
+
+## Project structure (in your app)
 
-# OR using Yarn
-yarn ios
 ```
+src/
+├── common/          # Shared components, localization, helpers, validations, utils
+├── core/            # Store (Redux), API, theme, config
+├── navigation/      # Auth stack, main stack, tabs
+├── screens/         # Feature screens
+└── sheetManager/    # Action sheets
+```
+
+## Scripts
 
-If everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly.
+| Command | Description |
+|---------|-------------|
+| `npm start` | Start Metro bundler |
+| `npm run ios` | Run on iOS |
+| `npm run android:prod:debug` | Run Android (production, debug) |
+| `npm run android:prod:release` | Run Android (production, release) |
+| `npm run android:staging:debug` | Run Android (staging, debug) |
+| `npm run android:staging:release` | Run Android (staging, release) |
+| `npm run android:development:debug` | Run Android (development, debug) |
+| `npm run android:development:release` | Run Android (development, release) |
+| `npm test` | Run tests |
+| `npm run lint` | Lint code |
 
-This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.
+## Versioning
 
-## Step 3: Modifying your App
+- **React Native**: ^0.84.x (current stable at release).
+- **React**: ^19.2.x.
+- **Node**: >= 20 (LTS).
 
-Now that you have successfully run the app, let's modify it.
+Dependencies use **caret (^)** so your app can get patch/minor updates independently.
 
-1. Open `App.tsx` in your text editor of choice and edit some lines.
-2. For **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Developer Menu** (<kbd>Ctrl</kbd> + <kbd>M</kbd> (on Window and Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (on macOS)) to see your changes!
+## Common issues
 
-   For **iOS**: Hit <kbd>Cmd ⌘</kbd> + <kbd>R</kbd> in your iOS Simulator to reload the app and see your changes!
+**iOS – Pod install fails**
 
-## Congratulations! :tada:
+```bash
+cd ios && pod deintegrate && pod install && cd ..
+```
 
-You've successfully run and modified your React Native App. :partying_face:
+**Android – Gradle / SDK**
 
-### Now what?
+- Run `./gradlew clean` in `android/`.
+- Ensure `android/local.properties` has `sdk.dir` set to your Android SDK path.
 
-- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
-- If you're curious to learn more about React Native, check out the [Introduction to React Native](https://reactnative.dev/docs/getting-started).
+**Upgrading React Native**
 
-# Troubleshooting
+Use [React Native Upgrade Helper](https://react-native-community.github.io/upgrade-helper/) (select current → target version) and apply the suggested changes.
 
-If you can't get this to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
+## License
 
-# Learn More
+MIT – see [LICENSE.md](LICENSE.md).
 
-To learn more about React Native, take a look at the following resources:
+## Author
 
-- [React Native Website](https://reactnative.dev) - learn more about React Native.
-- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
-- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
-- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
-- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.
+Fady Shawky – [GitHub](https://github.com/fadyshawky)

package/template/src/common/components/PrimaryTextInput.tsx

@@ -22,7 +22,7 @@ import {
   ViewStyle,
 } from 'react-native';
 import {useTheme} from '../../core/theme/ThemeProvider';
-import {PrimaryColors, AlertColors} from '../../core/theme/colors';
+import {PrimaryColors, AlertColors, NaturalColors} from '../../core/theme/colors';
 import {isIos} from '../../core/theme/commonConsts';
 import {CommonSizes} from '../../core/theme/commonSizes';
 import {CommonStyles} from '../../core/theme/commonStyles';
@@ -93,6 +93,15 @@ export const PrimaryTextInput: FC<IProps> = memo(
     const {theme} = useTheme();
     const [regexError, setRegexError] = useState<string | null>(null);
 
+    // Ensure gradient colors are always a valid array (BVLinearGradient crashes on null/undefined)
+    const gradientColors = useMemo(
+      () => [
+        theme.colors.mutedLavender ?? NaturalColors.naturalColor_100,
+        theme.colors.indigoBlue ?? PrimaryColors.PlatinateBlue_400,
+      ],
+      [theme.colors.mutedLavender, theme.colors.indigoBlue],
+    );
+
     const onLocalFocus = useCallback(
       (e: NativeSyntheticEvent<TextInputFocusEventData>) => {
         setFocused(true);
@@ -158,7 +167,7 @@ export const PrimaryTextInput: FC<IProps> = memo(
         }}>
         <GradientBorderView
           gradientProps={{
-            colors: [theme.colors.mutedLavender, theme.colors.indigoBlue],
+            colors: gradientColors,
           }}
           style={{
             borderWidth: CommonSizes.borderWidth.small,

package/template/src/core/store/user/userActions.ts

@@ -37,176 +37,3 @@ export const userLogin = createAsyncThunk(
     }
   },
 );
-
-export const verifyOTP = createAsyncThunk(
-  'user/verifyOTP',
-  async (
-    {
-      verification_code,
-      mobile_number,
-      device_token,
-      scheme_id,
-    }: {
-      verification_code: string;
-      mobile_number: string;
-      device_token?: string;
-      scheme_id: number;
-    },
-    {rejectWithValue, getState, dispatch}: any,
-  ) => {
-    try {
-      const data: {
-        mobile_number: string;
-        verification_code: string;
-        device_token?: string;
-        scheme_id: number;
-      } = {
-        mobile_number,
-        verification_code,
-        device_token: undefined,
-        scheme_id: 1,
-      };
-
-      const token = (getState() as RootState).user.tempToken;
-
-      const response = await post({
-        url: 'wallet_users/verifylogin',
-        data,
-        config: {
-          headers: {
-            Authorization: `${token}`,
-          },
-        },
-      });
-
-      return handleFetchJsonResponse(response);
-    } catch (e: any) {
-      const serverError = extractServerError(e);
-
-      return rejectWithValue({
-        ...serverError,
-        message: ensureString(serverError.message),
-      });
-    }
-  },
-);
-
-export const getBalance = createAsyncThunk(
-  'user/getBalance',
-  async (_, {rejectWithValue, getState, dispatch}: any) => {
-    try {
-      const token = (getState() as RootState).user.accessToken;
-
-      const response = await post({
-        url: 'wallet_users/getbalance',
-        data: {},
-        config: {
-          headers: {
-            Authorization: `${token}`,
-          },
-        },
-      });
-
-      return handleFetchJsonResponse(response);
-    } catch (e: any) {
-      const serverError = extractServerError(e);
-
-      return rejectWithValue({
-        ...serverError,
-        message: ensureString(serverError.message),
-      });
-    }
-  },
-);
-
-export const resetPassword = createAsyncThunk(
-  'user/resetPassword',
-  async (
-    {
-      mpin,
-      new_mpin,
-      confirm_mpin,
-    }: {mpin: string; new_mpin: string; confirm_mpin: string},
-    {rejectWithValue, getState},
-  ) => {
-    try {
-      const token = (getState() as RootState).user.accessToken;
-
-      const response = await post({
-        url: 'wallet_users/force-update-mpin',
-        data: {mpin, new_mpin, confirm_mpin},
-        config: {
-          headers: {
-            Authorization: `${token}`,
-          },
-        },
-      });
-
-      return handleFetchJsonResponse(response);
-    } catch (e: any) {
-      const serverError = extractServerError(e);
-
-      return rejectWithValue({
-        ...serverError,
-        message: ensureString(serverError.message),
-      });
-    }
-  },
-);
-
-export const fetchHistory = createAsyncThunk(
-  'user/fetchHistory',
-  async (
-    {data}: {data: {page: number; limit: number}},
-    {rejectWithValue, getState},
-  ) => {
-    try {
-      const token = (getState() as RootState).user.accessToken;
-      const response = await post({
-        url: 'wallet_users/history',
-        data: {page: data.page, limit: data.limit},
-        config: {
-          headers: {
-            Authorization: `${token}`,
-          },
-        },
-      });
-
-      return handleFetchJsonResponse(response);
-    } catch (e: any) {
-      const serverError = extractServerError(e);
-
-      return rejectWithValue({
-        ...serverError,
-        message: ensureString(serverError.message),
-      });
-    }
-  },
-);
-
-export const fetchHistoryDetails = createAsyncThunk(
-  'user/fetchHistoryDetails',
-  async ({trxRef}: {trxRef: string}, {rejectWithValue, getState}) => {
-    try {
-      const token = (getState() as RootState).user.accessToken;
-
-      const response = await post({
-        url: 'wallet_users/history/details',
-        data: {trxRef},
-        config: {
-          headers: {
-            Authorization: `${token}`,
-          },
-        },
-      });
-
-      return handleFetchJsonResponse(response);
-    } catch (e: any) {
-      const serverError = extractServerError(e);
-      return rejectWithValue({
-        ...serverError,
-        message: ensureString(serverError.message),
-      });
-    }
-  },
-);

package/template/src/core/store/user/userSlice.ts

@@ -1,21 +1,15 @@
-import {createSlice} from '@reduxjs/toolkit';
-import {LoadState} from '../../../../types';
-import {newState} from '../../../common/utils/newState';
-import {handleErrorResponse} from '../../api/responseHandlers';
+import { createSlice } from '@reduxjs/toolkit';
+import { cloneDeep, uniqBy } from 'lodash';
+import { LoadState } from '../../../../types';
+import { newState } from '../../../common/utils/newState';
+import { handleErrorResponse } from '../../api/responseHandlers';
 import {
-  resetPassword,
-  userLogin,
-  getBalance,
-  verifyOTP,
-  fetchHistoryDetails,
-  fetchHistory,
+  userLogin
 } from './userActions';
-import {UserInitialState, UserPayload, UserState} from './userState';
-import {cloneDeep, uniqBy} from 'lodash';
+import { UserInitialState,  UserState } from './userState';
 
-function loginHandler(state: UserState, payload: {payload: UserPayload}) {
+function loginHandler(state: UserState, payload: {payload: any}) {
   return newState(state, {
-    tempToken: payload.payload.token,
     loginLoading: LoadState['allIsLoaded'],
   });
 }
@@ -36,257 +30,24 @@ function loginErrorHandler(
   });
 }
 
-function verifyOTPHandler(state: UserState, payload: {payload: UserPayload}) {
-  return newState(state, {
-    user: {
-      type: payload.payload.type,
-      mobile_number: payload.payload.mobile_number,
-      full_name: payload.payload.fullname,
-      merchantStore: payload.payload.merchantStore,
-      status: payload.payload.status,
-    },
-    accessToken: payload.payload.token,
-    loginLoading: LoadState['allIsLoaded'],
-    current_balance: payload?.payload?.current_balance?.find(
-      i => i.name === 'Deposit',
-    )?.value,
-    daily_commission: payload?.payload?.current_balance?.find(
-      i => i.name === 'Daily Commission',
-    )?.value,
-  });
-}
-function verifyOTPLoadingHandler(state: UserState) {
-  return newState(state, {
-    loginLoading: LoadState['pullToRefresh'],
-  });
-}
-
-function verifyOTPErrorHandler(
-  state: UserState,
-  payload: {payload: {message: string}},
-) {
-  handleErrorResponse(
-    (payload.payload.message as string) || 'Verify OTP failed',
-  );
-  return newState(state, {
-    loginLoading: LoadState['error'],
-  });
-}
-
 function logoutHandler(state: UserState) {
   return newState(state, UserInitialState);
 }
 
-function resetPasswordHandler(
-  state: UserState,
-  payload: {payload: UserPayload},
-) {
-  return newState(state, {
-    user: {
-      ...state.user,
-      status: payload.payload.status,
-    },
-    loginLoading: LoadState['allIsLoaded'],
-  });
-}
-
-function resetPasswordLoadingHandler(state: UserState) {
-  return newState(state, {
-    loginLoading: LoadState['pullToRefresh'],
-  });
-}
-
-function getBalanceHandler(state: UserState, payload: {payload: UserPayload}) {
-  return newState(state, {
-    current_balance: payload?.payload?.balance?.find(i => i.name === 'Deposit')
-      ?.value,
-    daily_commission: payload?.payload?.balance?.find(
-      i => i.name === 'Daily Commission',
-    )?.value,
-    loginLoading: LoadState['allIsLoaded'],
-  });
-}
-
-function getBalanceLoadingHandler(state: UserState) {
-  return newState(state, {
-    loginLoading: LoadState['pullToRefresh'],
-  });
-}
-
-function getBalanceErrorHandler(
-  state: UserState,
-  payload: {payload: {message: string}},
-) {
-  handleErrorResponse((payload.payload.message as string) || 'Register failed');
-  return newState(state, {
-    loginLoading: LoadState['error'],
-  });
-}
-
-function updateHandler(state: UserState, payload: any) {
-  return newState(state, {
-    user: {
-      ...state.user,
-      ...payload.payload,
-    },
-  });
-}
-
-function resetPasswordErrorHandler(
-  state: UserState,
-  payload: {payload: {message: string}},
-) {
-  handleErrorResponse(
-    (payload.payload.message as string) || 'Password reset failed',
-  );
-  return newState(state, {
-    loginLoading: LoadState['error'],
-  });
-}
-
-function setFavoriteCategoriesHandler(
-  state: UserState,
-  payload: {payload: number},
-) {
-  if (!state.favoriteCategories) {
-    state.favoriteCategories = [];
-  }
-  state.favoriteCategories.push(payload.payload);
-}
-
-function setFavoriteProvidersHandler(
-  state: UserState,
-  payload: {payload: number},
-) {
-  if (!state.favoriteProviders) {
-    state.favoriteProviders = [];
-  }
-  state.favoriteProviders.push(payload.payload);
-}
-
-function removeFavoriteCategoriesHandler(
-  state: UserState,
-  payload: {payload: number},
-) {
-  if (state.favoriteCategories) {
-    state.favoriteCategories = state.favoriteCategories.filter(
-      id => id !== payload.payload,
-    );
-  }
-}
-
-function removeFavoriteProvidersHandler(
-  state: UserState,
-  payload: {payload: number},
-) {
-  if (state.favoriteProviders) {
-    state.favoriteProviders = state.favoriteProviders.filter(
-      id => id !== payload.payload,
-    );
-  }
-}
-
-function fetchHistoryHandler(
-  state: UserState,
-  payload: {payload: UserPayload},
-) {
-  let tmp = cloneDeep(state.history);
-  tmp = [...tmp, ...payload.payload.requests];
-  tmp = uniqBy(tmp, 'transaction_reference_num');
-  return newState(state, {
-    history: tmp,
-  });
-}
-
-function fetchHistoryLoadingHandler(state: UserState) {
-  return newState(state, {
-    loginLoading: LoadState['pullToRefresh'],
-  });
-}
-
-function fetchHistoryErrorHandler(
-  state: UserState,
-  payload: {payload: {message: string}},
-) {
-  handleErrorResponse(
-    (payload.payload.message as string) || 'Fetch history failed',
-  );
-}
-
-function fetchHistoryDetailsHandler(
-  state: UserState,
-  payload: {payload: UserPayload},
-) {
-  return newState(state, {
-    historyDetails: payload.payload.data,
-  });
-}
-
-function fetchHistoryDetailsLoadingHandler(state: UserState) {
-  return newState(state, {
-    loginLoading: LoadState['pullToRefresh'],
-  });
-}
-
-function fetchHistoryDetailsErrorHandler(
-  state: UserState,
-  payload: {payload: {message: string}},
-) {
-  handleErrorResponse(
-    (payload.payload.message as string) || 'Fetch history details failed',
-  );
-}
-
-function clearHistoryHandler(state: UserState) {
-  return newState(state, {
-    history: UserInitialState.history,
-  });
-}
-
 export const {reducer: UserReducer, actions} = createSlice({
   name: 'user',
   initialState: UserInitialState,
   reducers: {
-    setLogin: loginHandler,
-    setLoginLoading: loginLoadingHandler,
-    setLoginError: loginLoadingHandler,
     setLogout: logoutHandler,
-    setUpdate: updateHandler,
-    setFavoriteCategories: setFavoriteCategoriesHandler,
-    setFavoriteProviders: setFavoriteProvidersHandler,
-    removeFavoriteCategories: removeFavoriteCategoriesHandler,
-    removeFavoriteProviders: removeFavoriteProvidersHandler,
-    clearHistory: clearHistoryHandler,
   },
   extraReducers: builder => {
     builder
       .addCase(userLogin.fulfilled, loginHandler)
       .addCase(userLogin.rejected, loginErrorHandler)
-      .addCase(userLogin.pending, loginLoadingHandler)
-      .addCase(resetPassword.fulfilled, resetPasswordHandler)
-      .addCase(resetPassword.rejected, resetPasswordErrorHandler)
-      .addCase(resetPassword.pending, resetPasswordLoadingHandler)
-      .addCase(getBalance.fulfilled, getBalanceHandler)
-      .addCase(getBalance.rejected, getBalanceErrorHandler)
-      .addCase(getBalance.pending, getBalanceLoadingHandler)
-      .addCase(verifyOTP.fulfilled, verifyOTPHandler)
-      .addCase(verifyOTP.rejected, verifyOTPErrorHandler)
-      .addCase(verifyOTP.pending, verifyOTPLoadingHandler)
-      .addCase(fetchHistory.fulfilled, fetchHistoryHandler)
-      .addCase(fetchHistory.rejected, fetchHistoryErrorHandler)
-      .addCase(fetchHistory.pending, fetchHistoryLoadingHandler)
-      .addCase(fetchHistoryDetails.fulfilled, fetchHistoryDetailsHandler)
-      .addCase(fetchHistoryDetails.rejected, fetchHistoryDetailsErrorHandler)
-      .addCase(fetchHistoryDetails.pending, fetchHistoryDetailsLoadingHandler);
+      .addCase(userLogin.pending, loginLoadingHandler);
   },
 });
 
 export const {
   setLogout,
-  setUpdate,
-  setFavoriteCategories,
-  setFavoriteProviders,
-  removeFavoriteCategories,
-  removeFavoriteProviders,
-  clearHistory,
 } = actions;

package/template/src/core/store/user/userState.ts

@@ -2,105 +2,16 @@ import {LoadState} from '../../../../types';
 
 export interface UserState {
   user: User;
-  current_balance: number;
-  daily_commission: number;
   accessToken: string;
   loginLoading: string;
-  tempToken: string;
-  favoriteCategories: number[];
-  favoriteProviders: number[];
-  history: HistoryEntity[];
-  historyDetails: HistoryDetailsEntity[];
 }
 export interface User {
   type: string;
   mobile_number: string;
   full_name: string;
-  merchantStore: MerchantStore;
   status: string;
 }
-export interface MerchantStore {
-  id: number;
-  wallet_user_id: number;
-  name: string;
-  address: string;
-  city: string;
-  region: string;
-  store_imgs?: null;
-  tax_card?: null;
-  commercial_registration?: null;
-  createdAt: string;
-  updatedAt: string;
-  id_front: string;
-  id_back: string;
-  selfie?: null;
-}
-export interface HistoryEntity {
-  id: number;
-  transaction_reference_num: string;
-  bee_transaction_id?: null;
-  fawry_transaction_id?: string | null;
-  transaction_serial_num?: string | null;
-  amount: string | number;
-  sender_fees: string;
-  reciever_fees: string;
-  sender_identifier: string;
-  reciever_identifier: string;
-  status: string;
-  sender_status: string;
-  receiver_status: string;
-  reason?: null;
-  transactionReason: string;
-  display_reason?: null;
-  sender_interchange_amount: string;
-  receiver_interchange_amount: string;
-  sender_commission: string;
-  receiver_commission: string;
-  bulk_id?: null;
-  sender_name: string;
-  receiver_name: string;
-  notification_id?: null;
-  transaction_data?: null;
-  convenience: string;
-  tips: string;
-  reference1?: null;
-  reference2?: null;
-  meta?: null;
-  createdAt: string;
-  updatedAt: string;
-  transaction_type: number;
-  sender_id: number;
-  reciever_id: number;
-  sender_scheme_id: number;
-  receiver_scheme_id: number;
-  'Transaction_type.id': number;
-  'Transaction_type.name': string;
-  'Transaction_type.name_ar'?: null;
-  'Transaction_type.request_type': string;
-  'Transaction_type.request_type_ar'?: null;
-  'Transaction_type.timeout': string;
-  'Transaction_type.on_off_us': string;
-  'Transaction_type.sender_type': string;
-  'Transaction_type.profile_type'?: null;
-  'Transaction_type.receiver_type': string;
-  'Transaction_type.tahweel_operation': string;
-  'Transaction_type.send_fees'?: string | null;
-  'Transaction_type.receive_fees': string;
-  'Transaction_type.send_limit': string;
-  'Transaction_type.receive_limit': string;
-  'Transaction_type.send_commision'?: string | null;
-  'Transaction_type.receive_commision'?: null;
-  'Transaction_type.createdAt': string;
-  'Transaction_type.updatedAt': string;
-  providerName?: string | null;
-  serviceName?: string | null;
-  totalAmount?: number | null;
-}
-export interface HistoryDetailsEntity {
-  value: string;
-  type: string;
-  label?: string;
-}
+
 
 export enum UserStatus {
   ACTIVE = 'Active',
@@ -109,25 +20,7 @@ export enum UserStatus {
   PENDING = 'Pending',
 }
 
-export interface UserPayload {
-  type: string;
-  mobile_number: string;
-  full_name: string;
-  merchantStore: MerchantStore;
-  requests: HistoryEntity[];
-  data: HistoryDetailsEntity[];
-  balance: {
-    name: string;
-    value: number;
-  }[];
-  current_balance: {
-    name: string;
-    value: number;
-  }[];
-  status: UserStatus;
-  fullname: string;
-  token: string;
-}
+
 
 export const UserInitialState: UserState = {
   user: {
@@ -135,28 +28,9 @@ export const UserInitialState: UserState = {
     mobile_number: '',
     full_name: '',
     status: UserStatus.PENDING,
-    merchantStore: {
-      id: 0,
-      wallet_user_id: 0,
-      name: '',
-      address: '',
-      city: '',
-      region: '',
-      createdAt: '',
-      updatedAt: '',
-      id_front: '',
-      id_back: '',
-    },
   },
-  current_balance: 0,
-  daily_commission: 0,
   accessToken: '',
   loginLoading: LoadState['needLoad'],
-  tempToken: '',
-  favoriteCategories: [],
-  favoriteProviders: [],
-  history: [],
-  historyDetails: [],
 };
 
 export interface UserEntity {

package/template/src/screens/Login/Login.tsx

@@ -21,7 +21,6 @@ import {userLogin} from '../../core/store/user/userActions';
 import {CommonSizes} from '../../core/theme/commonSizes';
 import {Fonts} from '../../core/theme/fonts';
 import {useTheme} from '../../core/theme/ThemeProvider';
-import {Header} from '../../navigation/HeaderComponents';
 import type {RootStackParamList} from '../../navigation/types';
 
 export function Login(): JSX.Element {

package/template/src/screens/home/hooks/useHomeData.ts

@@ -1,54 +1,18 @@
 import {useState} from 'react';
-import {getCategories} from '../../../core/store/Categories/categoryActions';
-import {clearSelectedCategory} from '../../../core/store/Categories/categorySlice';
-import {getHomeProviders} from '../../../core/store/Providers/providersActions';
 import {useAppDispatch, useAppSelector} from '../../../core/store/reduxHelpers';
 import {RootState} from '../../../core/store/rootReducer';
-import {getBalance} from '../../../core/store/user/userActions';
-import {clearSelectedProvider} from '../../../core/store/Providers/providersSlice';
 export function useHomeData() {
   const [isLoading, setIsLoading] = useState(false);
   const dispatch = useAppDispatch();
   const {categories, loadState} = useAppSelector(
     (state: RootState) => state.categories,
   );
-  const [isPayByCodeModalVisible, setIsPayByCodeModalVisible] = useState(false);
-  const {homeProviders} = useAppSelector((state: RootState) => state.providers);
   const {user} = useAppSelector((state: RootState) => state.user);
 
-  const fetchData = async () => {
-    setIsLoading(true);
-    try {
-      const balance = await dispatch(getBalance());
-      if (balance.type.includes('fulfilled')) {
-        const categoryResponse = await dispatch(
-          getCategories({data: {limit: 30}}),
-        );
-        if (categoryResponse.type.includes('fulfilled')) {
-          const category_id = categoryResponse?.payload?.categories?.[0]?.id;
-          await dispatch(getHomeProviders({data: {category_id: category_id}}));
-        }
-      }
-    } catch (error) {
-      console.error('Error fetching home data:', error);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const refreshData = () => {
-    fetchData();
-  };
+  
 
   return {
     isLoading,
-    refreshData,
-    fetchData,
-    categories,
     user,
-    homeProviders,
-    loadState,
-    isPayByCodeModalVisible,
-    setIsPayByCodeModalVisible,
   };
 }

package/template/src/screens/home/types.ts

@@ -1,7 +0,0 @@
-export interface CarouselItem {
-  id: string;
-  title: string;
-  subtitle?: string;
-  imageUrl: string;
-  onPress?: (item: CarouselItem) => void;
-}

package/template/src/screens/home/Components/PayByCode.tsx

@@ -1,129 +0,0 @@
-import React, {useState} from 'react';
-import {Modal, StyleSheet, View} from 'react-native';
-import {RTLAwareView} from '../../../common/components/RTLAwareView';
-import {CommonSizes} from '../../../core/theme/commonSizes';
-import {PrimaryTextInput} from '../../../common/components/PrimaryTextInput';
-import {useTheme} from '../../../core/theme/ThemeProvider';
-import {PrimaryButton} from '../../../common/components/PrimaryButton';
-import {ButtonType} from '../../../../types';
-import {useAppDispatch} from '../../../core/store/reduxHelpers';
-import {getServiceById} from '../../../core/store/Services/servicesActions';
-import {getProviderById} from '../../../core/store/Providers/providersActions';
-import {useNavigation} from '@react-navigation/native';
-import {NativeStackNavigationProp} from '@react-navigation/native-stack';
-import {RootStackParamList} from '../../../navigation/types';
-import {useTranslation} from '../../../common/localization/LocalizationProvider';
-
-export function PayByCode({
-  isVisible,
-  onClose,
-}: {
-  isVisible: boolean;
-  onClose: () => void;
-}): JSX.Element {
-  const {theme} = useTheme();
-  const t = useTranslation();
-  const [code, setCode] = useState('');
-  const [isLoading, setIsLoading] = useState(false);
-  const dispatch = useAppDispatch();
-  const navigation =
-    useNavigation<NativeStackNavigationProp<RootStackParamList>>();
-
-  const getService = async () => {
-    if (!code) {
-      return;
-    }
-    try {
-      setIsLoading(true);
-      const response = await dispatch(
-        getServiceById({data: {BillTypeCode: code}}),
-      );
-      if (response.type.includes('fulfilled')) {
-        const providerResponse = await dispatch(
-          getProviderById({
-            data: {BillerId: response.payload.service.BillerId},
-          }),
-        );
-        if (providerResponse.type.includes('fulfilled')) {
-          setCode('');
-          onClose();
-          setTimeout(() => {
-            navigation.navigate('SingleService', {
-              serviceID: undefined,
-            });
-          }, 200);
-        }
-      }
-    } catch (error) {
-      console.error(error);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  return (
-    <Modal
-      onRequestClose={onClose}
-      visible={isVisible}
-      transparent
-      style={styles.modal}>
-      <RTLAwareView
-        style={{
-          ...styles.container,
-          backgroundColor: theme.colors.surface,
-          borderWidth: 1,
-          borderColor: theme.colors.indigoBlue,
-        }}>
-        <PrimaryTextInput
-          value={code}
-          onChangeText={setCode}
-          placeholder={t('enterCode', 'home')}
-        />
-        <RTLAwareView
-          style={{
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-          }}>
-          <PrimaryButton
-            disabled={isLoading}
-            isLoading={isLoading}
-            onPress={() => {
-              onClose();
-              setCode('');
-            }}
-            style={{width: '48%'}}
-            label={t('cancel', 'home')}
-            type={ButtonType.solid}
-          />
-          <PrimaryButton
-            disabled={isLoading}
-            isLoading={isLoading}
-            onPress={getService}
-            style={{width: '48%'}}
-            label={t('search', 'home')}
-            type={ButtonType.solid}
-          />
-        </RTLAwareView>
-      </RTLAwareView>
-    </Modal>
-  );
-}
-
-const styles = StyleSheet.create({
-  modal: {
-    flex: 1,
-    backgroundColor: 'red',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  container: {
-    width: '95%',
-    // minHeight: '40%',
-    alignSelf: 'center',
-    borderRadius: CommonSizes.borderRadius.large,
-    padding: CommonSizes.spacing.large,
-    gap: CommonSizes.spacing.large,
-    marginTop: '45%',
-  },
-});