Filter console dan clean code

Add:
- service/api-device-token.ts

Fix:
- app/(application)/(user)/home.tsx
- app/(application)/(user)/test-notifications.tsx
- app/_layout.tsx
- components/_ShareComponent/NotificationInitializer.tsx
- context/AuthContext.tsx
- hooks/use-foreground-notifications.ts
- screens/Home/HeaderBell.tsx
- service/api-notifications.ts

### No Issue

android/app/src/main/AndroidManifest.xml

@@ -15,7 +15,7 @@
       <data android:scheme="https"/>
     </intent>
   </queries>
-  <application android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="true" android:theme="@style/AppTheme" android:supportsRtl="true" android:enableOnBackInvokedCallback="false">
+  <application android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="true" android:theme="@style/AppTheme" android:supportsRtl="true" android:enableOnBackInvokedCallback="false" android:fullBackupContent="@xml/secure_store_backup_rules" android:dataExtractionRules="@xml/secure_store_data_extraction_rules">
     <meta-data android:name="com.google.firebase.messaging.default_notification_color" android:resource="@color/notification_icon_color"/>
     <meta-data android:name="com.google.firebase.messaging.default_notification_icon" android:resource="@drawable/notification_icon"/>
     <meta-data android:name="expo.modules.notifications.default_notification_color" android:resource="@color/notification_icon_color"/>

app/(application)/(user)/home.tsx

@@ -1,10 +1,11 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable react-hooks/exhaustive-deps */
-import { StackCustom, ViewWrapper } from "@/components";
+import { ButtonCustom, StackCustom, ViewWrapper } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { useAuth } from "@/hooks/use-auth";
 import { useNotificationStore } from "@/hooks/use-notification-store";
 import Home_BottomFeatureSection from "@/screens/Home/bottomFeatureSection";
+import HeaderBell from "@/screens/Home/HeaderBell";
 import Home_ImageSection from "@/screens/Home/imageSection";
 import TabSection from "@/screens/Home/tabSection";
 import { tabsHome } from "@/screens/Home/tabsList";
@@ -20,14 +21,7 @@ export default function Application() {
   const { token, user, userData } = useAuth();
   const [data, setData] = useState<any>();
   const [refreshing, setRefreshing] = useState(false);
-  // console.log("[User] >>", JSON.stringify(user?.id, null, 2));
 
-  const { notifications } = useNotificationStore();
-  const unreadCount = notifications.filter((n) => !n.read).length;
-
-  console.log("UNREAD", unreadCount)
-
-  // ‼️ Untuk cek apakah: 1. user ada, 2. user punya profile, 3. accept temrs of forum nya ada atau tidak
   useFocusEffect(
     useCallback(() => {
       onLoadData();
@@ -88,46 +82,7 @@ export default function Application() {
               }}
             />
           ),
-          headerRight: () => {
-            return (
-              <View style={{ position: "relative" }}>
-                <Ionicons
-                  name="notifications"
-                  size={20}
-                  color={MainColor.yellow}
-                  onPress={() => {
-                    router.push("/notifications");
-                  }}
-                />
-                {unreadCount > 0 && (
-                  <View
-                    style={{
-                      position: "absolute",
-                      top: -4,
-                      right: -4,
-                      backgroundColor: "red",
-                      borderRadius: 8,
-                      minWidth: 16,
-                      height: 16,
-                      justifyContent: "center",
-                      alignItems: "center",
-                      paddingHorizontal: 2,
-                    }}
-                  >
-                    <Text
-                      style={{
-                        color: "white",
-                        fontSize: 10,
-                        fontWeight: "bold",
-                      }}
-                    >
-                      {unreadCount > 9 ? "9+" : unreadCount}
-                    </Text>
-                  </View>
-                )}
-              </View>
-            );
-          },
+          headerRight: () => <HeaderBell />,
         }}
       />
       <ViewWrapper
@@ -144,6 +99,8 @@ export default function Application() {
         }
       >
         <StackCustom>
+          {/* <ButtonCustom onPress={() => router.push("./test-notifications")}>Test Notif</ButtonCustom> */}
+
           <Home_ImageSection />
 
           <Home_FeatureSection />

app/(application)/(user)/test-notifications.tsx

@@ -0,0 +1,67 @@
+import {
+  ButtonCustom,
+  NewWrapper,
+  StackCustom,
+  TextInputCustom,
+} from "@/components";
+import { useAuth } from "@/hooks/use-auth";
+import { apiGetAllTokenDevice } from "@/service/api-device-token";
+import {
+  apiNotificationsSend,
+} from "@/service/api-notifications";
+import { useEffect, useState } from "react";
+
+export default function TestNotification() {
+  const { user } = useAuth();
+  const [data, setData] = useState("");
+
+  useEffect(() => {
+    // fecthData();
+  }, []);
+
+  const fecthData = async () => {
+    const response = await apiGetAllTokenDevice();
+    console.log(
+      "[RES GET ALL TOKEN DEVICE]",
+      JSON.stringify(response.data, null, 2)
+    );
+  };
+
+  const handleSubmit = async () => {
+    console.log("[Data Dikirim]", data);
+    const response = await apiNotificationsSend({
+      data: {
+        fcmToken:
+          "cVmHm-3P4E-1vjt6AA9kSF:APA91bHTkHjGTLxrFsb6Le6bZmzboZhwMGYXU4p0FP9yEeXixLDXNKS4F5vLuZV3sRgSnjjQsPpLOgstVLHJB8VJTObctKLdN-CxAp4dnP7Jbc_mH53jWvs",
+        title: "Test dari Backend (App Router)!",
+        body: data,
+        userLoginId: user?.id || "",
+      },
+    });
+
+    console.log("[RES SEND NOTIF]", JSON.stringify(response.data, null, 2));
+  };
+
+  return (
+    <>
+      <NewWrapper>
+        <StackCustom>
+          <TextInputCustom
+            required
+            label="Nama"
+            placeholder="Masukkan nama"
+            value={data}
+            onChangeText={(text) => setData(text)}
+          />
+          <ButtonCustom
+            onPress={() => {
+              handleSubmit();
+            }}
+          >
+            Kirim
+          </ButtonCustom>
+        </StackCustom>
+      </NewWrapper>
+    </>
+  );
+}

app/_layout.tsx

@@ -1,69 +1,20 @@
+import NotificationInitializer from "@/components/_ShareComponent/NotificationInitializer";
 import { AuthProvider } from "@/context/AuthContext";
+import {
+  NotificationProvider
+} from "@/hooks/use-notification-store";
 import AppRoot from "@/screens/RootLayout/AppRoot";
-import { useEffect } from "react";
 import "react-native-gesture-handler";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 import Toast from "react-native-toast-message";
-import messaging, {
-  FirebaseMessagingTypes,
-} from "@react-native-firebase/messaging";
-import { useForegroundNotifications } from "@/hooks/use-foreground-notifications";
-import {
-  NotificationProvider,
-  useNotificationStore,
-} from "@/hooks/use-notification-store";
 
 export default function RootLayout() {
-  useEffect(() => {
-    const testFCM = async () => {
-      if (!messaging().isSupported()) {
-        console.warn("Firebase Messaging not supported (e.g. Expo Go)");
-        return;
-      }
-
-      const authStatus = await messaging().requestPermission();
-      if (authStatus !== messaging.AuthorizationStatus.AUTHORIZED) {
-        console.warn("Permission not granted");
-        return;
-      }
-
-      const token = await messaging().getToken();
-      console.log("✅ FCM Token:", token);
-    };
-
-    testFCM();
-  }, []);
-
-  const { addNotification } = useNotificationStore();
-
-  const handleForegroundNotification = (
-    message: FirebaseMessagingTypes.RemoteMessage
-  ) => {
-    const title = message.notification?.title || "Notifikasi";
-    const body = message.notification?.body || "";
-    const rawData = message.data || {};
-
-    const safeData: Record<string, string> = {};
-    for (const key in rawData) {
-      if (typeof rawData[key] === "string") {
-        safeData[key] = rawData[key] as string;
-      } else {
-        // Jika object/array/number → ubah ke JSON string
-        safeData[key] = JSON.stringify(rawData[key]);
-      }
-    }
-
-    // ✅ Simpan ke state → akan trigger update UI (termasuk icon bell)
-    addNotification({ body, title, data: safeData });
-  };
-
-  useForegroundNotifications(handleForegroundNotification);
-
   return (
     <>
       <NotificationProvider>
         <SafeAreaProvider>
           <AuthProvider>
+            <NotificationInitializer />
             <AppRoot />
           </AuthProvider>
         </SafeAreaProvider>

components/_ShareComponent/NotificationInitializer.tsx

@@ -0,0 +1,112 @@
+// src/components/NotificationInitializer.tsx
+import { useEffect } from "react";
+import { useForegroundNotifications } from "@/hooks/use-foreground-notifications";
+import { useNotificationStore } from "@/hooks/use-notification-store";
+import type { FirebaseMessagingTypes } from "@react-native-firebase/messaging";
+import { useAuth } from "@/hooks/use-auth";
+import { Platform } from "react-native";
+import * as Device from "expo-device";
+import * as Application from "expo-application";
+import { apiDeviceRegisterToken } from "@/service/api-device-token";
+import messaging from "@react-native-firebase/messaging";
+
+export default function NotificationInitializer() {
+  // Setup handler notifikasi
+  const { user, logout } = useAuth(); // dari AuthContext
+  const { addNotification } = useNotificationStore();
+
+  // Ambil token FCM (opsional, hanya untuk log)
+  useEffect(() => {
+    if (!user) {
+      console.log("User not available, skipping token sync");
+      return;
+    }
+
+    const registerDeviceToken = async () => {
+      try {
+        // 1. Minta izin & ambil FCM token
+        if (!messaging().isSupported()) return;
+        const authStatus = await messaging().requestPermission();
+        if (authStatus === messaging.AuthorizationStatus.AUTHORIZED) {
+          const token = await messaging().getToken();
+          console.log("✅ FCM Token:", token);
+          if (!token) {
+            logout();
+            return;
+          }
+        } else {
+          console.warn("Izin notifikasi ditolak");
+          return;
+        }
+        const fcmToken = await messaging().getToken();
+        if (!fcmToken) {
+          console.warn("Gagal mendapatkan FCM token");
+          return;
+        }
+
+        // 2. Ambil info device
+        const platform = Platform.OS; // "ios" | "android"
+        const model = Device.modelName || "unknown";
+        const appVersion = (Application.nativeApplicationVersion || "unknown") + "-" + (Application.nativeBuildVersion || "unknown");
+        const deviceId = Device.osInternalBuildId || Device.modelName + "-" + Date.now();
+
+        // console.log(
+        //   "📱 Device info:",
+        //   JSON.stringify(
+        //     {
+        //       fcmToken,
+        //       platform,
+        //       deviceId,
+        //       model,
+        //       appVersion,
+        //     },
+        //     null,
+        //     2
+        //   )
+        // );
+
+        // 3. Kirim ke backend
+        await apiDeviceRegisterToken({
+          data: {
+            fcmToken,
+            platform,
+            deviceId,
+            model,
+            appVersion,
+            userId: user?.id || "",
+          },
+        });
+
+        console.log("✅ Device token berhasil didaftarkan ke backend");
+      } catch (error) {
+        console.error("❌ Gagal mendaftarkan device token:", error);
+      }
+    };
+
+    registerDeviceToken();
+  }, [user?.id]);
+
+  const handleForegroundNotification = (
+    message: FirebaseMessagingTypes.RemoteMessage
+  ) => {
+    const title = message.notification?.title || "Notifikasi";
+    const body = message.notification?.body || "";
+    const rawData = message.data || {};
+
+    const safeData: Record<string, string> = {};
+    for (const key in rawData) {
+      safeData[key] =
+        typeof rawData[key] === "string"
+          ? rawData[key]
+          : JSON.stringify(rawData[key]);
+    }
+
+    console.log("📥 Menambahkan ke store:", { title, body, safeData });
+    addNotification({ title, body, data: safeData });
+    console.log("✅ Notifikasi ditambahkan ke state");
+  };
+
+  useForegroundNotifications(handleForegroundNotification);
+
+  return null; // komponen ini tidak merender apa-apa
+}

context/AuthContext.tsx

@@ -4,6 +4,7 @@ import {
   apiRegister,
   apiValidationCode,
 } from "@/service/api-config";
+import { apiDeviceTokenDeleted } from "@/service/api-device-token";
 import { IUser } from "@/types/User";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import { router } from "expo-router";
@@ -282,7 +283,7 @@ export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
       setUser(null);
       await AsyncStorage.removeItem("authToken");
       await AsyncStorage.removeItem("userData");
-      setIsLoading(false);
+      await apiDeviceTokenDeleted({userId: user?.id as any})
 
       Toast.show({
         type: "success",

hooks/use-foreground-notifications.ts

@@ -1,5 +1,7 @@
 import { useEffect } from "react";
-import messaging, {
+import {
+  getMessaging,
+  onMessage,
   FirebaseMessagingTypes,
 } from "@react-native-firebase/messaging";
 
@@ -10,7 +12,9 @@ export function useForegroundNotifications(
   onMessageReceived: (message: RemoteMessage) => void
 ) {
   useEffect(() => {
-    const unsubscribe = messaging().onMessage((remoteMessage) => {
+    const messaging = getMessaging();
+
+    const unsubscribe = onMessage(messaging, (remoteMessage) => {
       console.log(
         "🔔 Notifikasi diterima saat app aktif:",
         JSON.stringify(remoteMessage, null, 2)
@@ -20,4 +24,4 @@ export function useForegroundNotifications(
 
     return unsubscribe;
   }, [onMessageReceived]);
-}
+}

ios/HIPMIBadungConnect.xcodeproj/project.pbxproj

@@ -458,7 +458,7 @@
 				);
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_DEBUG";
 				PRODUCT_BUNDLE_IDENTIFIER = "com.anonymous.hipmi-mobile";
-				PRODUCT_NAME = HIPMIBadungConnect;
+				PRODUCT_NAME = "HIPMIBadungConnect";
 				SWIFT_OBJC_BRIDGING_HEADER = "HIPMIBadungConnect/HIPMIBadungConnect-Bridging-Header.h";
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
 				SWIFT_VERSION = 5.0;
@@ -490,7 +490,7 @@
 				);
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_RELEASE";
 				PRODUCT_BUNDLE_IDENTIFIER = "com.anonymous.hipmi-mobile";
-				PRODUCT_NAME = HIPMIBadungConnect;
+				PRODUCT_NAME = "HIPMIBadungConnect";
 				SWIFT_OBJC_BRIDGING_HEADER = "HIPMIBadungConnect/HIPMIBadungConnect-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
 				TARGETED_DEVICE_FAMILY = "1,2";

ios/HIPMIBadungConnect/Info.plist

@@ -55,6 +55,8 @@
     </dict>
     <key>NSCameraUsageDescription</key>
     <string>Allow $(PRODUCT_NAME) to access your camera</string>
+    <key>NSFaceIDUsageDescription</key>
+    <string>Allow $(PRODUCT_NAME) to access your Face ID biometric data.</string>
     <key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
     <string>Allow $(PRODUCT_NAME) to access your location</string>
     <key>NSLocationAlwaysUsageDescription</key>

screens/Authentication/LoginView.tsx

@@ -134,10 +134,10 @@ export default function LoginView() {
 
   if (token && token !== "" && isAdmin) {
     // Akan di aktifkan jika sudah losos review
-    return <Redirect href={"/(application)/admin/dashboard"} />;
+    // return <Redirect href={"/(application)/admin/dashboard"} />;
 
     // Sementara gunakan ini
-    // return <Redirect href={"/(application)/(user)/home"} />;
+    return <Redirect href={"/(application)/(user)/home"} />;
   }
 
   return (

screens/Home/HeaderBell.tsx

@@ -0,0 +1,45 @@
+// components/HeaderBell.tsx
+import { Ionicons } from "@expo/vector-icons";
+import { View, Text } from "react-native";
+import { router } from "expo-router";
+import { useNotificationStore } from "@/hooks/use-notification-store";
+import { MainColor } from "@/constants/color-palet";
+
+export default function HeaderBell() {
+  const { notifications } = useNotificationStore();
+  const unreadCount = notifications.filter((n) => !n.read).length;
+  // console.log("NOTIF:", JSON.stringify(notifications, null, 2));
+
+  return (
+    <View style={{ position: "relative" }}>
+      <Ionicons
+        name="notifications"
+        size={20}
+        color={MainColor.yellow}
+        onPress={() => {
+          router.push("/notifications");
+        }}
+      />
+      {unreadCount > 0 && (
+        <View
+          style={{
+            position: "absolute",
+            top: -4,
+            right: -4,
+            backgroundColor: "red",
+            borderRadius: 8,
+            minWidth: 16,
+            height: 16,
+            justifyContent: "center",
+            alignItems: "center",
+            paddingHorizontal: 2,
+          }}
+        >
+          <Text style={{ color: "white", fontSize: 10, fontWeight: "bold" }}>
+            {unreadCount > 9 ? "9+" : unreadCount}
+          </Text>
+        </View>
+      )}
+    </View>
+  );
+}

service/api-device-token.ts

@@ -0,0 +1,54 @@
+import { apiConfig } from "./api-config";
+
+type DeviceTokenData = {
+  fcmToken: string;
+  platform: string;
+  deviceId: string;
+  model: string;
+  appVersion: string;
+  userId: string;
+};
+
+export async function apiDeviceRegisterToken({
+  data,
+}: {
+  data: DeviceTokenData;
+}) {
+  try {
+    const response = await apiConfig.post(`/mobile/auth/device-tokens`, {
+      data: data,
+    });
+    console.log(
+      "Device token registered:",
+      JSON.stringify(response.data, null, 2)
+    );
+    return response.data;
+  } catch (error) {
+    console.error("Failed to register device token:", error);
+    throw error;
+  }
+}
+
+export async function apiDeviceTokenDeleted({ userId }: { userId: string }) {
+  try {
+    const response = await apiConfig.delete(
+      `/mobile/auth/device-tokens/${userId}`
+    );
+    console.log("Device token deleted:", response.data);
+    return response.data;
+  } catch (error) {
+    console.error("Failed to delete device token:", error);
+    throw error;
+  }
+}
+
+export async function apiGetAllTokenDevice() {
+  try {
+    const response = await apiConfig.get(`/mobile/auth/device-tokens`);
+    console.log("Device token deleted:", response.data);
+    return response.data;
+  } catch (error) {
+    console.error("Failed to delete device token:", error);
+    throw error;
+  }
+}

service/api-notifications.ts

@@ -0,0 +1,26 @@
+import { apiConfig } from "./api-config";
+
+type NotificationProp = {
+  fcmToken: string;
+  title: string;
+  body: Object;
+  userLoginId?: string;
+};
+
+export async function apiNotificationsSend({
+  data,
+}: {
+  data: NotificationProp;
+}) {
+  try {
+    const response = await apiConfig.post(`/mobile/notifications`, {
+      data: data,
+    });
+
+    console.log("Fecth Notif", response.data);
+
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}