app-expo-cli 1.0.0

package/template/src/app/settings/_layout.tsx

@@ -0,0 +1,19 @@
+import { Stack } from "expo-router";
+
+export const unstable_settings = {
+  initialRouteName: "index",
+};
+
+export default function RootLayout() {
+  return (
+    <Stack
+      screenOptions={{
+        headerShown: false,
+      }}
+    >
+      <Stack.Screen name="about_us" />
+      <Stack.Screen name="terms_and_conditions" />
+      <Stack.Screen name="privacy_policy" />
+    </Stack>
+  );
+}

package/template/src/app/settings/about_us.tsx

@@ -0,0 +1,61 @@
+import { Image, ScrollView, View } from "react-native";
+
+import { ImageAssets } from "@/assets/images/image";
+import BackButton from "@/src/lib/backHeader/BackButton";
+import TButton from "@/src/lib/buttons/TButton";
+import tw from "@/src/lib/tailwind";
+import { _WIDTH } from "@/src/utils/utils";
+import { router } from "expo-router";
+import RenderHtml from "react-native-render-html";
+
+const AboutUs = () => {
+  const source = {
+    html: `
+  <div>
+  <p>App Name</p>
+  <p>App Version</p>
+  <p>App Description</p>
+  </div>
+  `,
+  };
+
+  return (
+    <View style={tw`flex-1 bg-base`}>
+      <BackButton
+        onPress={() => router.dismiss()}
+        title="About us"
+        titleStyle={tw`text-white`}
+      />
+      <ScrollView>
+        <View style={tw`px-5 mt-5 justify-center items-center`}>
+          <Image
+            source={ImageAssets.about_us}
+            style={tw` h-52 aspect-square`}
+            resizeMode="contain"
+          />
+          <TButton
+            disabled
+            title="About us "
+            offGradient
+            containerStyle={tw`bg-secondary`}
+          />
+        </View>
+        <View style={tw`gap-6 px-5 my-5`}>
+          <RenderHtml
+            contentWidth={_WIDTH}
+            baseStyle={{
+              color: tw.color("gray-300"),
+              fontFamily: "InterRegular",
+              fontSize: 16,
+              letterSpacing: 0.5,
+              lineHeight: 24,
+            }}
+            source={source}
+          />
+        </View>
+      </ScrollView>
+    </View>
+  );
+};
+
+export default AboutUs;

package/template/src/app/settings/privacy_policy.tsx

@@ -0,0 +1,61 @@
+import { Image, ScrollView, View } from "react-native";
+
+import { ImageAssets } from "@/assets/images/image";
+import BackButton from "@/src/lib/backHeader/BackButton";
+import TButton from "@/src/lib/buttons/TButton";
+import tw from "@/src/lib/tailwind";
+import { _WIDTH } from "@/src/utils/utils";
+import { router } from "expo-router";
+import RenderHtml from "react-native-render-html";
+
+const Privacy_policy = () => {
+  const source = {
+    html: `
+  <div>
+  <p>App Name</p>
+  <p>App Version</p>
+  <p>App Description</p>
+  </div>
+  `,
+  };
+
+  return (
+    <View style={tw`flex-1 bg-base`}>
+      <BackButton
+        onPress={() => router.dismiss()}
+        title="Privacy policy"
+        titleStyle={tw`text-white`}
+      />
+      <ScrollView>
+        <View style={tw`px-5 mt-5 justify-center items-center`}>
+          <Image
+            source={ImageAssets.privacy_policy}
+            style={tw` h-52 aspect-square`}
+            resizeMode="contain"
+          />
+          <TButton
+            disabled
+            title="Privacy policy "
+            offGradient
+            containerStyle={tw`bg-secondary`}
+          />
+        </View>
+        <View style={tw`gap-6 px-5 my-5`}>
+          <RenderHtml
+            contentWidth={_WIDTH}
+            baseStyle={{
+              color: tw.color("gray-300"),
+              fontFamily: "InterRegular",
+              fontSize: 16,
+              letterSpacing: 0.5,
+              lineHeight: 24,
+            }}
+            source={source}
+          />
+        </View>
+      </ScrollView>
+    </View>
+  );
+};
+
+export default Privacy_policy;

package/template/src/app/settings/terms_and_conditions.tsx

@@ -0,0 +1,60 @@
+import { Image, ScrollView, View } from "react-native";
+
+import { ImageAssets } from "@/assets/images/image";
+import BackButton from "@/src/lib/backHeader/BackButton";
+import TButton from "@/src/lib/buttons/TButton";
+import tw from "@/src/lib/tailwind";
+import { _WIDTH } from "@/src/utils/utils";
+import { router } from "expo-router";
+import RenderHtml from "react-native-render-html";
+
+const Terms_And_Conditions = () => {
+  const source = {
+    html: `
+  <div>
+  <p>App Name</p>
+  <p>App Version</p>
+  <p>App Description</p>
+  </div>
+  `,
+  };
+  return (
+    <View style={tw`flex-1 bg-base`}>
+      <BackButton
+        onPress={() => router.dismiss()}
+        title="Terms & Conditions"
+        titleStyle={tw`text-white`}
+      />
+      <ScrollView>
+        <View style={tw`px-5 mt-5 justify-center items-center`}>
+          <Image
+            source={ImageAssets.terms_and_conditions}
+            style={tw` h-52 aspect-square`}
+            resizeMode="contain"
+          />
+          <TButton
+            disabled
+            title="Terms & Conditions "
+            offGradient
+            containerStyle={tw`bg-secondary`}
+          />
+        </View>
+        <View style={tw`gap-6 px-5 my-5`}>
+          <RenderHtml
+            contentWidth={_WIDTH}
+            baseStyle={{
+              color: tw.color("gray-300"),
+              fontFamily: "InterRegular",
+              fontSize: 16,
+              letterSpacing: 0.5,
+              lineHeight: 24,
+            }}
+            source={source}
+          />
+        </View>
+      </ScrollView>
+    </View>
+  );
+};
+
+export default Terms_And_Conditions;

package/template/src/hooks/useCheckLocation.ts

@@ -0,0 +1,36 @@
+import * as Location from "expo-location";
+
+import { router } from "expo-router";
+import { useState } from "react";
+
+interface Ilocation {
+  longitude: number;
+  latitude: number;
+}
+
+export const useCheckLocation = () => {
+  const [location, setLocation] = useState<Ilocation | null>(null);
+  const [loading, setLoading] = useState(false);
+
+  const getLocation = async () => {
+    setLoading(true);
+    let { status } = await Location.requestForegroundPermissionsAsync();
+    if (status !== "granted") {
+      // router?.dismiss();
+      router?.push("/modals/toaster?content=Location access denied");
+    }
+
+    let location = await Location.getCurrentPositionAsync({});
+    // console.log(location);
+
+    const { latitude, longitude } = location.coords;
+
+    setLocation({
+      latitude,
+      longitude,
+    });
+    setLoading(false);
+  };
+
+  return { location, loading, getLocation, setLoading };
+};

package/template/src/hooks/useDocPicker.ts

@@ -0,0 +1,83 @@
+import * as DocumentPicker from "expo-document-picker";
+
+import { createAudioPlayer } from "expo-audio";
+
+interface UseDocPickerReturn {
+  pickDocument: ({
+    multiple,
+  }: UseDocPickerProps) => Promise<
+    | DocumentPicker.DocumentPickerAsset
+    | DocumentPicker.DocumentPickerAsset[]
+    | null
+  >;
+}
+
+export const DocPickerType = {
+  audio: "audio/*",
+  pdf: "application/pdf",
+  images: "image/*",
+  videos: "video/*",
+  allFiles: "*/*",
+};
+
+interface UseDocPickerProps {
+  // You can add props here if needed in the future
+  multiple?: boolean;
+  type?: (typeof DocPickerType)[keyof typeof DocPickerType];
+  allowDuration: number;
+}
+
+export const useDocPicker = (): UseDocPickerReturn => {
+  const pickDocument = async ({
+    multiple,
+    type = DocPickerType.audio,
+    allowDuration,
+  }: UseDocPickerProps): Promise<
+    | DocumentPicker.DocumentPickerAsset
+    | DocumentPicker.DocumentPickerAsset[]
+    | null
+  > => {
+    // No permissions request is necessary for launching the document picker
+    const result = await DocumentPicker.getDocumentAsync({
+      multiple: !!multiple,
+      type: type,
+    });
+
+    // console.log(result);
+
+    if (result.canceled) {
+      return null;
+    }
+
+    if (!result.canceled && allowDuration) {
+      return new Promise((resolve) => {
+        let enter = true;
+        const player = createAudioPlayer(result?.assets![0]?.uri);
+
+        player.addListener("playbackStatusUpdate", (status) => {
+          if (status.isLoaded && status.duration > 0.1) {
+            if (player?.duration > allowDuration && enter) {
+              enter = false;
+              alert("Please select a file with a duration less than 3 minutes");
+              resolve(null);
+            } else if (enter) {
+              enter = false;
+              resolve(result.assets);
+            }
+          }
+        });
+      });
+    }
+
+    if (!result.canceled && !allowDuration) {
+      return result.assets;
+    }
+
+    // Ensure we never return undefined
+    return null;
+  };
+
+  return {
+    pickDocument,
+  };
+};

package/template/src/hooks/useImgePicker.ts

@@ -0,0 +1,70 @@
+import * as ImagePicker from "expo-image-picker";
+
+import React from "react";
+
+interface UseImagePickerReturn {
+  pickImage: ({ multiple }: UseImagePickerProps) => Promise<void>;
+  image: ImagePicker.ImagePickerAsset | ImagePicker.ImagePickerAsset[] | null;
+  closeImage: () => void;
+  setImage: React.Dispatch<
+    React.SetStateAction<
+      ImagePicker.ImagePickerAsset | ImagePicker.ImagePickerAsset[] | null
+    >
+  >;
+}
+
+interface UseImagePickerProps {
+  // You can add props here if needed in the future
+  multiple?: boolean;
+  ratio?: [number, number];
+  editing?: boolean;
+  quality?: number;
+  mediaTypes?: ImagePicker.MediaType[];
+}
+
+export const useImagePicker = (): UseImagePickerReturn => {
+  const [image, setImage] = React.useState<
+    ImagePicker.ImagePickerAsset | ImagePicker.ImagePickerAsset[] | null
+  >(null);
+
+  const pickImage = async ({
+    multiple,
+    ratio,
+    editing = false,
+    quality = 1,
+    mediaTypes = ["images"],
+  }: UseImagePickerProps) => {
+    // No permissions request is necessary for launching the image library
+    let result;
+    if (ratio?.length === 2) {
+      result = await ImagePicker.launchImageLibraryAsync({
+        mediaTypes: mediaTypes,
+        allowsEditing: editing,
+        aspect: ratio,
+        quality: quality,
+      });
+    } else {
+      result = await ImagePicker.launchImageLibraryAsync({
+        mediaTypes: mediaTypes,
+        allowsEditing: editing,
+        quality: quality,
+      });
+    }
+
+    // console.log(result);
+
+    if (!result.canceled && !multiple) {
+      setImage(result.assets[0]);
+    } else if (!result.canceled && multiple) {
+      setImage(result.assets);
+    } else {
+      setImage(null);
+    }
+  };
+
+  const closeImage = () => {
+    setImage(null);
+  };
+
+  return { pickImage, image, closeImage, setImage };
+};

package/template/src/hooks/useSuggestionLocation.ts

@@ -0,0 +1,36 @@
+import axios from "axios";
+import { useState } from "react";
+const GOOGLE_MAPS_API_KEY = "AIzaSyCZWDL-UblMpEOnoFf2UphrUbjUb6nLhxM";
+export const useSuggestionLocation = () => {
+  const [locationSuggestions, setLocationSuggestions] = useState<any[]>([]);
+  const [suggestionLoading, setSuggestionLoading] = useState(false);
+
+  const handleSearchLocation = async (query: string) => {
+    try {
+      setSuggestionLoading(true);
+      const response = await axios.get(
+        `https://maps.googleapis.com/maps/api/place/textsearch/json?query=${query}&key=${GOOGLE_MAPS_API_KEY}`
+      );
+      // console.log(response);
+      setLocationSuggestions(response?.data?.results);
+      setSuggestionLoading(false);
+    } catch (error) {
+      // console.log()
+      console.log(error);
+      setSuggestionLoading(false);
+    }
+  };
+
+  const clearSuggestions = () => {
+    setLocationSuggestions([]);
+    setSuggestionLoading(false);
+  };
+
+  return {
+    locationSuggestions,
+    handleSearchLocation,
+    clearSuggestions,
+    setLocationSuggestions,
+    suggestionLoading,
+  };
+};

package/template/src/hooks/useUploadProgress.ts

@@ -0,0 +1,127 @@
+import React from "react";
+import { useUploadNewfileMutation } from "@/src/redux/apiSlices/mediaSlices";
+
+interface FileUploadProgress {
+  fileName: string;
+  progress: number;
+  status: "existing" | "uploading" | "completed" | "failed";
+  error?: string;
+}
+
+export const useUploadProgress = () => {
+  const [uploadFile] = useUploadNewfileMutation();
+  const [uploadProgress, setUploadProgress] = React.useState<
+    FileUploadProgress[]
+  >([]);
+  const [isUploading, setIsUploading] = React.useState(false);
+
+  const uploadFilesWithProgress = async (files: any[]) => {
+    setIsUploading(true);
+
+    const existingIds: string[] = [];
+    const localFiles: any[] = [];
+
+    // ✅ Separate backend + local files
+    files.forEach((file) => {
+      if (file?._id && !file.mimeType) {
+        existingIds.push(file._id);
+      } else if (file?.mimeType) {
+        localFiles.push(file);
+      }
+    });
+
+    // ✅ Initialize state only once
+    setUploadProgress(
+      files.map((file) => ({
+        fileName: file.name || file.url?.split("/")?.pop() || "backend_file",
+        progress: file._id ? 100 : 0,
+        status: file._id ? "existing" : "uploading",
+      }))
+    );
+
+    const uploadedLocalIds: string[] = [];
+    const errors: string[] = [];
+
+    // ✅ Upload local files sequentially with stable updates
+    for (let i = 0; i < localFiles.length; i++) {
+      const file = localFiles[i];
+
+      const matchIndex = files.findIndex(
+        (f) => f.uri === file.uri || f.url === file.url
+      );
+
+      try {
+        // ✅ Reliable progress update
+        setUploadProgress((prev) => {
+          const updated = [...prev];
+          updated[matchIndex] = {
+            ...updated[matchIndex],
+            progress: 30,
+            status: "uploading",
+          };
+          return updated;
+        });
+
+        const formData = new FormData();
+        formData.append("audio", {
+          uri: file.uri,
+          name: file.name,
+          type: file.mimeType,
+        } as any);
+
+        const uploadedMedia = await uploadFile(formData).unwrap();
+
+        setUploadProgress((prev) => {
+          const updated = [...prev];
+          updated[matchIndex] = {
+            ...updated[matchIndex],
+            progress: 100,
+            status: "completed",
+          };
+          return updated;
+        });
+
+        if (uploadedMedia?.data) {
+          const ids = uploadedMedia.data.map((item: any) => item._id);
+          uploadedLocalIds.push(...ids);
+        }
+      } catch (err: any) {
+        setUploadProgress((prev) => {
+          const updated = [...prev];
+          updated[matchIndex] = {
+            ...updated[matchIndex],
+            progress: 0,
+            status: "failed",
+            error: err?.data?.message || "Upload failed",
+          };
+          return updated;
+        });
+
+        errors.push(err?.data?.message || "Upload failed");
+      }
+    }
+
+    setIsUploading(false);
+
+    return {
+      success: errors.length === 0,
+      audioIds: [...existingIds, ...uploadedLocalIds],
+      errors: errors.length > 0 ? errors : undefined,
+    };
+  };
+
+  const totalProgress =
+    uploadProgress.length > 0
+      ? Math.round(
+          uploadProgress.reduce((sum, f) => sum + f.progress, 0) /
+            uploadProgress.length
+        )
+      : 0;
+
+  return {
+    uploadFilesWithProgress,
+    uploadProgress,
+    totalProgress,
+    isUploading,
+  };
+};

package/template/src/redux/api-config/baseApi.ts

@@ -0,0 +1,89 @@
+import { BaseQueryFn, createApi } from "@reduxjs/toolkit/query/react";
+import axios, { AxiosRequestConfig, AxiosResponse } from "axios";
+
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import { tagTypesList } from "../interface/tag-types";
+
+// const BaseURl = "http://10.10.10.110:3000";
+const BaseURl = "http://72.244.153.25:3000";
+
+interface BaseQueryArgs extends AxiosRequestConfig {
+  url: string;
+  method?: "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
+  body?: any;
+  headers?: Record<string, string>;
+}
+
+// Type for the args that will be passed to axios (base query arguments)
+
+const baseQueryWithRath: BaseQueryFn<BaseQueryArgs, unknown, unknown> = async (
+  args,
+  api,
+  extraOptions,
+) => {
+  try {
+    const token = await AsyncStorage.getItem("token");
+    // console.log(args?.headers);
+
+    // console.log(token, "token from base url............");
+
+    const result: AxiosResponse = await axios({
+      baseURL: BaseURl + "/api/v1",
+      ...args,
+      url: args.url,
+      method: args.method,
+      data: args.body,
+      headers: {
+        Authorization: token ? `Bearer ${token}` : "",
+        ...args.headers,
+      },
+    });
+
+    // console.log(result?.headers);
+    // Check if response data is a string and malformed
+
+    // console.log(result.request, "result from base url");
+
+    // if (result?.status === 403) {
+    //   AsyncStorage.removeItem("token");
+    //   AsyncStorage.removeItem("user");
+    // }
+
+    // if (result?.status === 401) {
+    //   AsyncStorage.removeItem("token");
+    //   AsyncStorage.removeItem("user");
+    // }
+
+    return { data: result?.data };
+  } catch (error: any) {
+    return {
+      error: error?.response?.data,
+    };
+  }
+};
+
+// Define the `createApi` with appropriate types
+export const api = createApi({
+  keepUnusedDataFor: 0,
+  reducerPath: "api",
+  baseQuery: baseQueryWithRath,
+  endpoints: () => ({}),
+  tagTypes: tagTypesList,
+});
+
+// export const imageUrl = 'http://192.168.12.160:7000/';
+// export const imageUrl = "http://103.186.20.114:8050";
+
+export const getImageUrl = (url: string) => {
+  if (!url) return "";
+  if (url.startsWith("http://") || url.startsWith("https://")) {
+    return url;
+  }
+  const base = BaseURl!.replace(/\/+$/, "");
+  const path = url.replace(/^\/+/, "");
+  return `${base}/${path}`;
+};
+
+export const getMedia = (url: string) => {
+  return `${BaseURl}${url}`;
+};