Dev

.gitignore

@@ -39,3 +39,9 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# Swagger Files
+.yaml
+.yml
+swagger-output.json
+

README.md

@@ -1 +1 @@
-GP Frontend
+# GP Frontend

app/(pages)/(admins)/admin-dashboard/clinics/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { Sidebar } from "@/components/layout/Sidebar";
+import { ClinicListContainer } from "@/features/admins/admin";
+import { Shield } from "lucide-react";
+import { navigationItems } from "@/constants/AdminNavigationItems";
+
+export default function ClinicsPage() {
+  return (
+    <Sidebar
+      titleNameKey="admin"
+      titleIcon={Shield}
+      navigationItems={navigationItems}
+      translationNamespace="admin"
+      dashboardHref="/admin-dashboard"
+    >
+      <ClinicListContainer />
+    </Sidebar>
+  );
+}

app/(pages)/(admins)/admin-dashboard/doctors/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { Sidebar } from "@/components/layout/Sidebar";
+import { Users } from "lucide-react";
+import { navigationItems } from "@/constants/AdminNavigationItems";
+import { DoctorListContainer } from "@/features/admins/admin/components/doctors/DoctorListContainer";
+
+export default function AdminDashboardPage() {
+  return (
+    <Sidebar
+      titleNameKey="admin"
+      titleIcon={Users}
+      navigationItems={navigationItems}
+      translationNamespace="admin"
+      dashboardHref="/admin-dashboard"
+    >
+      <DoctorListContainer />
+    </Sidebar>
+  );
+}

app/(pages)/(admins)/admin-dashboard/nurses/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { Sidebar } from "@/components/layout/Sidebar";
+import { Users } from "lucide-react";
+import { navigationItems } from "@/constants/AdminNavigationItems";
+import { NurseListContainer } from "@/features/admins/admin/components/nurses/NurseListContainer";
+
+export default function AdminNursesPage() {
+  return (
+    <Sidebar
+      titleNameKey="admin"
+      titleIcon={Users}
+      navigationItems={navigationItems}
+      translationNamespace="admin"
+      dashboardHref="/admin-dashboard"
+    >
+      <NurseListContainer />
+    </Sidebar>
+  );
+}

app/(pages)/(admins)/admin-dashboard/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { Sidebar } from "@/components/layout/Sidebar";
+import { Users } from "lucide-react";
+import { navigationItems } from "@/constants/AdminNavigationItems";
+import { DashboardContainer } from "@/features/admins/admin/components/dashboard/DashboardContainer";
+
+export default function AdminDashboardPage() {
+  return (
+    <Sidebar
+      titleNameKey="admin"
+      titleIcon={Users}
+      navigationItems={navigationItems}
+      translationNamespace="admin"
+      dashboardHref="/admin-dashboard"
+    >
+      <DashboardContainer />
+    </Sidebar>
+  );
+}

app/(pages)/(admins)/superadmin-dashboard/admins/page.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { Sidebar } from "@/components/layout/Sidebar";
+import { AdminListContainer } from "@/features/admins/super-admin";
+import { Users} from "lucide-react";
+import { navigationItems } from "@/constants/superAdminNavigationItems";
+
+export default function AdminsPage() {
+
+  return (
+    <Sidebar
+      titleNameKey="superAdmin"
+      titleIcon={Users}
+      navigationItems={navigationItems}
+      translationNamespace="superAdmin"
+      dashboardHref="/superadmin-dashboard"
+    >
+      <AdminListContainer />
+    </Sidebar>
+  );
+}

app/(pages)/(admins)/superadmin-dashboard/clinics/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { Sidebar } from "@/components/layout/Sidebar";
+import { ClinicListContainer } from "@/features/admins/super-admin";
+import { Users } from "lucide-react";
+import { navigationItems } from "@/constants/superAdminNavigationItems";
+
+export default function ClinicsPage() {
+  return (
+    <Sidebar
+      titleNameKey="superAdmin"
+      titleIcon={Users}
+      navigationItems={navigationItems}
+      translationNamespace="superAdmin"
+      dashboardHref="/superadmin-dashboard"
+    >
+      <ClinicListContainer />
+    </Sidebar>
+  );
+}

app/(pages)/(admins)/superadmin-dashboard/doctors/page.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { Sidebar } from "@/components/layout/Sidebar";
+import { DoctorListContainer } from "@/features/admins/super-admin";
+import { Users } from "lucide-react";
+import { navigationItems } from "@/constants/superAdminNavigationItems";
+
+export default function DoctorsPage() {
+
+  return (
+    <Sidebar
+      titleNameKey="superAdmin"
+      titleIcon={Users}
+      navigationItems={navigationItems}
+      translationNamespace="superAdmin"
+      dashboardHref="/superadmin-dashboard"
+    >
+      <DoctorListContainer />
+    </Sidebar>
+  );
+}

app/(pages)/(admins)/superadmin-dashboard/nurses/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { Sidebar } from "@/components/layout/Sidebar";
+import { Users } from "lucide-react";
+import { navigationItems } from "@/constants/superAdminNavigationItems";
+import { NurseListContainer } from "@/features/admins/super-admin/components/nurse/NurseListContainer";
+
+export default function SuperAdminNursesPage() {
+  return (
+    <Sidebar
+      titleNameKey="superAdmin"
+      titleIcon={Users}
+      navigationItems={navigationItems}
+      translationNamespace="superAdmin"
+      dashboardHref="/superadmin-dashboard"
+    >
+      <NurseListContainer />
+    </Sidebar>
+  );
+}

app/(pages)/(admins)/superadmin-dashboard/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { Sidebar } from "@/components/layout/Sidebar";
+import { Users } from "lucide-react";
+import { navigationItems } from "@/constants/superAdminNavigationItems";
+import { DashboardContainer } from "@/features/admins/super-admin/components/dashboard/DashboardContainer";
+
+export default function SuperAdminDashboardPage() {
+  return (
+    <Sidebar
+      titleNameKey="superAdmin"
+      titleIcon={Users}
+      navigationItems={navigationItems}
+      translationNamespace="superAdmin"
+      dashboardHref="/superadmin-dashboard"
+    >
+      <DashboardContainer />
+    </Sidebar>
+  );
+}

app/(pages)/(auth)/complete-profile/page.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import { CompleteProfileContainer } from "@/features/auth/complete-profile/components/CompleteProfileContainer";
+import { CompleteProfilePresentational } from "@/features/auth/complete-profile/components/CompleteProfilePresentational";
+import { useEffect, useState } from "react";
+import { useAuthFlowStore } from "@/stores/useAuthFlowStore";
+import { useAuthSync } from "@/hooks/useAuthSync";
+import { getCurrentUser } from "@/features/dashboards/dashboard/api/dashboard.api";
+
+export default function CompleteProfilePage() {
+  const [isLoading, setIsLoading] = useState(true);
+  const signupMethod = useAuthFlowStore((state) => state.signupMethod);
+  const { user, updateAuthState } = useAuthSync();
+
+  useEffect(() => {
+    const initializeUser = async () => {
+      const cookies = document.cookie;
+      const hasAuthCookie =
+        cookies.includes("Authorization=") || cookies.includes("RefreshToken=");
+      const hasUserStateCookie = cookies.includes("UserState=");
+
+      if (hasAuthCookie && !hasUserStateCookie) {
+        try {
+          const userData = await getCurrentUser();
+          updateAuthState(userData);
+
+          setTimeout(() => {
+            window.location.reload();
+          }, 100);
+          return;
+        } catch (error) {
+          console.error("Failed:", error);
+        }
+      }
+
+      if (!user || !user.email) {
+        try {
+          const userData = await getCurrentUser();
+          updateAuthState(userData);
+
+          setTimeout(() => {
+            const cookies = document.cookie.split(";");
+            const userStateCookie = cookies.find((c) =>
+              c.trim().startsWith("UserState="),
+            );
+            console.log("🍪 UserState cookie:", userStateCookie);
+          }, 50);
+        } catch (error) {
+          console.error("Failed:", error);
+        }
+      }
+      setIsLoading(false);
+    };
+
+    initializeUser();
+  }, [user, updateAuthState]);
+
+  if (isLoading) {
+    return (
+      <div className="flex min-h-screen items-center justify-center">
+        <div className="h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" />
+      </div>
+    );
+  }
+
+  const requirePhone = signupMethod === "google" || !user?.phone;
+
+  return (
+    <CompleteProfileContainer
+      userPhone={user?.phone || null}
+      requirePhone={requirePhone}
+    >
+      {(props) => <CompleteProfilePresentational {...props} />}
+    </CompleteProfileContainer>
+  );
+}

app/(pages)/(auth)/forgot-password/page.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import {
+  ForgotPasswordContainer,
+  ForgotPasswordPresentational,
+} from "@/features/auth/password";
+
+export default function ForgotPasswordPage() {
+  return (
+    <ForgotPasswordContainer>
+      {(props) => <ForgotPasswordPresentational {...props} />}
+    </ForgotPasswordContainer>
+  );
+}

app/(pages)/(auth)/google-callback/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { getCurrentUser } from "@/features/dashboards/dashboard/api/dashboard.api";
+import { useAuthSync } from "@/hooks/useAuthSync";
+
+export default function GoogleCallbackPage() {
+  const router = useRouter();
+  const { updateAuthState } = useAuthSync();
+
+  useEffect(() => {
+    const handleGoogleCallback = async () => {
+      try {
+        const userData = await getCurrentUser();
+        updateAuthState(userData);
+
+        await new Promise((resolve) => setTimeout(resolve, 100));
+
+        window.location.href = "/complete-profile";
+      } catch (error) {
+        console.error("Failed:", error);
+        router.push("/login");
+      }
+    };
+
+    handleGoogleCallback();
+  }, [router, updateAuthState]);
+
+  return (
+    <div className="flex min-h-screen items-center justify-center">
+      <div className="text-center">
+        <div className="mb-4 h-12 w-12 animate-spin rounded-full border-4 border-primary border-t-transparent mx-auto"></div>
+        <p className="text-lg font-medium">Completing Google Sign In...</p>
+        <p className="text-sm text-muted-foreground mt-2">Please wait...</p>
+      </div>
+    </div>
+  );
+}

app/(pages)/(auth)/login/page.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import { useEffect } from "react";
+import { LoginContainer } from "@/features/auth/login/components/LoginContainer";
+import { LoginPresentational } from "@/features/auth/login/components/LoginPresentational";
+import { useUserStore } from "@/stores/useUserStore";
+
+export default function LoginPage() {
+
+  const clearUser = useUserStore((state) => state.clearUser);
+
+  useEffect(() => {
+    const userStorage = localStorage.getItem('user-storage');
+    if (userStorage) {
+      try {
+        const parsed = JSON.parse(userStorage);
+        if (parsed?.state?.user) {          
+          localStorage.removeItem('user-storage');
+          document.cookie = "UserState=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT";          
+          clearUser();
+        }
+      } catch (error) {
+        console.error("Error parsing user storage:", error);
+      }
+    }
+  }, [clearUser]);
+
+  return (
+    <>
+      <LoginContainer>
+        {(props) => <LoginPresentational {...props} />}
+      </LoginContainer>
+    </>
+  );
+}

app/(pages)/(auth)/register/page.tsx

@@ -0,0 +1,12 @@
+"use client";
+
+import { RegisterContainer } from "@/features/auth/register/components/RegisterContainer";
+import { RegisterPresentational } from "@/features/auth/register/components/RegisterPresentational";
+
+export default function RegisterPage() {
+  return (
+    <RegisterContainer>
+      {(props) => <RegisterPresentational {...props} />}
+    </RegisterContainer>
+  );
+}