@varunindiit/create-rn-starter 1.0.1

package/template/src/components/index.ts

@@ -0,0 +1,44 @@
+export { default as RNText } from "./Text/RNText";
+export { default as RNButton } from "./Button/RNButton";
+export { default as RNInput } from "./Input/RNInput";
+export { default as OtpInput } from "./Input/OtpInput";
+export { default as CountryDropdown } from "./Input/CountryDropdown";
+export type { CountryItem } from "./Input/CountryDropdown";
+export { default as Header } from "./Header";
+export { default as AuthLayout } from "./AuthLayout/AuthLayout";
+export { default as MainContainer } from "./Container/MainContainer";
+export { default as BottomSheet } from "./BottomSheet/BottomSheet";
+export { default as BottomSheetAlert } from "./BottomSheet/BottomSheetAlert";
+export { default as CenterAlert } from "./BottomSheet/CenterAlert";
+export { default as ImagePickerSheet } from "./ImagePickerSheet/ImagePickerSheet";
+export { default as DatePickerSheet } from "./Picker/DatePickerSheet";
+export { default as PassengerPickerSheet } from "./Picker/PassengerPickerSheet";
+export { default as Card } from "./Common/Card";
+export { default as CardBrandLogo } from "./Common/CardBrandLogo";
+export { default as SosButton } from "./Common/SosButton";
+export { default as SosSheet } from "./Common/SosSheet";
+export type {
+  EmergencyService,
+  TrustedContact,
+} from "./Common/SosSheet";
+export { default as Avatar } from "./Common/Avatar";
+export { default as StarRating } from "./Common/StarRating";
+export { default as RatingStars } from "./Common/RatingStars";
+export { default as Toggle } from "./Common/Toggle";
+export { default as Checkbox } from "./Common/Checkbox";
+export { default as SegmentedControl } from "./Common/SegmentedControl";
+export type { SegmentedTab } from "./Common/SegmentedControl";
+export { default as EmptyState } from "./Common/EmptyState";
+export { default as Loader } from "./Common/Loader";
+export { default as Chip } from "./Common/Chip";
+export { default as Divider } from "./Common/Divider";
+export { default as RouteDots } from "./Common/RouteDots";
+export { default as StatusBadge } from "./Common/StatusBadge";
+export { default as FAB } from "./Common/FAB";
+export { default as Dropdown } from "./Common/Dropdown";
+export type { DropdownOption } from "./Common/Dropdown";
+export { default as UploadBox } from "./Common/UploadBox";
+export { default as TripCard } from "./Common/TripCard";
+export { default as DriverTripCard } from "./Common/DriverTripCard";
+export { default as HeaderLocation } from "./Common/HeaderLocation";
+export * from "./Icon/SvgIcons";

package/template/src/hooks/useCurrentLocation.ts

@@ -0,0 +1,72 @@
+import { useCallback, useEffect } from "react";
+import GetLocation, { isLocationError } from "react-native-get-location";
+import { useDispatch, useSelector } from "react-redux";
+import { RootState } from "../redux/store";
+import {
+  locationDenied,
+  locationError,
+  locationLoading,
+  locationResolved,
+} from "../redux/slice/location";
+import { reverseGeocode } from "../services/places";
+
+/**
+ * Reusable device-location hook.
+ *
+ * Requests location permission (the OS prompt is triggered by GetLocation on
+ * both platforms), fetches the current coordinates, reverse-geocodes them into
+ * a readable city label and stores everything in the global `location` slice so
+ * any screen (Passenger or Driver home) can render it.
+ *
+ * The fetch runs automatically once per app session (when the slice is still
+ * `idle`); call `refetch()` to retry after a denial or error.
+ */
+export const useCurrentLocation = (auto = true) => {
+  const dispatch = useDispatch();
+  const location = useSelector((s: RootState) => s.location);
+
+  const fetchLocation = useCallback(async () => {
+    dispatch(locationLoading());
+    try {
+      const position = await GetLocation.getCurrentPosition({
+        enableHighAccuracy: false,
+        timeout: 15000,
+      });
+      const result = await reverseGeocode(
+        position.latitude,
+        position.longitude,
+      );
+      dispatch(
+        locationResolved({
+          label: result.shortLabel,
+          address: result.address,
+          latitude: result.latitude,
+          longitude: result.longitude,
+        }),
+      );
+    } catch (err) {
+      if (isLocationError(err) && err.code === "UNAUTHORIZED") {
+        dispatch(locationDenied());
+        return;
+      }
+      const message = isLocationError(err)
+        ? err.code === "UNAVAILABLE"
+          ? "Location services are off"
+          : "Couldn't get your location"
+        : "Couldn't get your location";
+      dispatch(locationError(message));
+    }
+  }, [dispatch]);
+
+  // Fire once per session while the slice is still idle.
+  useEffect(() => {
+    if (auto && location.status === "idle") {
+      fetchLocation();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return { ...location, refetch: fetchLocation };
+};
+
+export default useCurrentLocation;

package/template/src/localization/i18n.ts

@@ -0,0 +1,29 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import en from "./resources/en";
+import fr from "./resources/fr";
+import { DEFAULT_LANGUAGE } from "./languages";
+import { getStoredLanguage } from "./languageStorage";
+
+export const resources = {
+  en: { translation: en },
+  fr: { translation: fr },
+} as const;
+
+if (!i18n.isInitialized) {
+  i18n.use(initReactI18next).init({
+    resources,
+    lng: getStoredLanguage(),
+    fallbackLng: DEFAULT_LANGUAGE,
+    defaultNS: "translation",
+    interpolation: {
+      escapeValue: false,
+    },
+    returnNull: false,
+    react: {
+      useSuspense: false,
+    },
+  });
+}
+
+export default i18n;

package/template/src/localization/i18next.d.ts

@@ -0,0 +1,11 @@
+import "i18next";
+import type en from "./resources/en";
+
+declare module "i18next" {
+  interface CustomTypeOptions {
+    defaultNS: "translation";
+    resources: {
+      translation: typeof en;
+    };
+  }
+}

package/template/src/localization/index.ts

@@ -0,0 +1,4 @@
+export { default as i18n, resources } from "./i18n";
+export { default as useLanguage } from "./useLanguage";
+export * from "./languages";
+export * from "./languageStorage";

package/template/src/localization/languageStorage.ts

@@ -0,0 +1,27 @@
+import { storage } from "../services/storage";
+import { LANGUAGE_KEY, LANGUAGE_SELECTED_KEY } from "../utils/constants";
+import {
+  DEFAULT_LANGUAGE,
+  LanguageCode,
+  getDeviceLanguage,
+  isSupportedLanguage,
+} from "./languages";
+
+/** Persisted language, or the best device-locale guess on first launch. */
+export const getStoredLanguage = (): LanguageCode => {
+  const saved = storage.getString(LANGUAGE_KEY);
+  if (isSupportedLanguage(saved)) return saved;
+  return getDeviceLanguage() ?? DEFAULT_LANGUAGE;
+};
+
+export const setStoredLanguage = (code: LanguageCode) => {
+  storage.set(LANGUAGE_KEY, code);
+};
+
+/** Whether the user has explicitly completed the language step. */
+export const hasSelectedLanguage = (): boolean =>
+  storage.getBoolean(LANGUAGE_SELECTED_KEY) ?? false;
+
+export const markLanguageSelected = () => {
+  storage.set(LANGUAGE_SELECTED_KEY, true);
+};

package/template/src/localization/languages.ts

@@ -0,0 +1,62 @@
+import { NativeModules, Platform } from "react-native";
+
+/** Supported app languages. Add a new entry + resource file to scale. */
+export type LanguageCode = "en" | "fr";
+
+export interface LanguageOption {
+  code: LanguageCode;
+  /** Name shown in the user's own language */
+  nativeLabel: string;
+  /** English name of the language */
+  englishLabel: string;
+  /** Short subtitle on the selector card */
+  region: string;
+  flag: string;
+}
+
+export const LANGUAGES: LanguageOption[] = [
+  {
+    code: "en",
+    nativeLabel: "English",
+    englishLabel: "English",
+    region: "English",
+    flag: "🇬🇧",
+  },
+  {
+    code: "fr",
+    nativeLabel: "Français",
+    englishLabel: "French",
+    region: "Français",
+    flag: "🇫🇷",
+  },
+];
+
+export const DEFAULT_LANGUAGE: LanguageCode = "en";
+
+export const SUPPORTED_CODES: LanguageCode[] = LANGUAGES.map((l) => l.code);
+
+export const isSupportedLanguage = (code?: string | null): code is LanguageCode =>
+  !!code && SUPPORTED_CODES.includes(code as LanguageCode);
+
+export const getLanguageOption = (code: LanguageCode): LanguageOption =>
+  LANGUAGES.find((l) => l.code === code) ?? LANGUAGES[0];
+
+/**
+ * Best-effort device locale detection (no extra native deps). Used only to
+ * pre-highlight a choice on the first-launch selector — the user always decides.
+ */
+export const getDeviceLanguage = (): LanguageCode => {
+  let locale = "en";
+  try {
+    if (Platform.OS === "ios") {
+      const settings = NativeModules.SettingsManager?.settings;
+      locale =
+        settings?.AppleLocale || settings?.AppleLanguages?.[0] || "en";
+    } else {
+      locale = NativeModules.I18nManager?.localeIdentifier || "en";
+    }
+  } catch {
+    locale = "en";
+  }
+  return String(locale).toLowerCase().startsWith("fr") ? "fr" : "en";
+};