Merge pull request #207 from Sahil-Connect/SAH-96

[SAH-96]: Generate magic invitation link

apps/admin/src/Layout/layout.tsx

@@ -6,7 +6,13 @@ import { Navbar } from "ui";
 type LayoutProps = {
   children: ReactNode;
 };
-import { HiOutlineUsers,  HiOutlineQueueList, HiOutlineMap, HiOutlineIdentification, HiOutlineBuildingOffice2 } from "react-icons/hi2";
+import {
+  HiOutlineUsers,
+  HiOutlineQueueList,
+  HiOutlineMap,
+  HiOutlineIdentification,
+  HiOutlineBuildingOffice2,
+} from "react-icons/hi2";
 
 const links = [
   {
@@ -27,13 +33,13 @@ const links = [
   {
     name: "Orders",
     href: "/orders",
-    icon:  HiOutlineQueueList,
+    icon: HiOutlineQueueList,
   },
   {
     name: "Clients",
     href: "/clients",
     icon: HiOutlineBuildingOffice2,
-  }
+  },
 ];
 
 export default function Layout({ children, ...props }: LayoutProps) {

apps/admin/src/pages/404.tsx

@@ -1,9 +1,9 @@
-import { StatusPage } from 'ui';
-import errorImg from '../../public/404.svg'
+import { StatusPage } from "ui";
+import errorImg from "../../public/404.svg";
 
 export default function Custom404() {
   return (
-    <StatusPage 
+    <StatusPage
       statusCode="Error 404"
       message="Oops! Page not Found"
       desc="Sorry, it seems the page you are trying to access has either been deleted or never existed."

apps/admin/src/pages/500.tsx

@@ -1,9 +1,9 @@
-import { StatusPage } from 'ui';
-import errorImg from '../../public/500.svg'
+import { StatusPage } from "ui";
+import errorImg from "../../public/500.svg";
 
 export default function Custom500() {
   return (
-    <StatusPage 
+    <StatusPage
       statusCode="Error 500"
       message="Oops! Server-side error"
       desc="Sorry, it seems we have encountered an internal server error. Please try again later."

apps/admin/src/pages/agents/index.tsx

@@ -1,10 +1,9 @@
 export default function Agents() {
-    return (
-      <section className="space-y-2">
-        <div>
-          <h1>Agents Page</h1>
-        </div>
-      </section>
-    );
-  }
-
+  return (
+    <section className="space-y-2">
+      <div>
+        <h1>Agents Page</h1>
+      </div>
+    </section>
+  );
+}

apps/admin/src/pages/auth/signin.tsx

@@ -1,7 +1,8 @@
 import { useEffect } from "react";
 import type { NextPage } from "next";
-import { getProviders, useSession } from "next-auth/react";
 import { useRouter } from "next/router";
+import { getProviders, useSession } from "next-auth/react";
+import logo from "../../../public/logo-alt.svg";
 import LoginForm from "@sahil/features/auth/forms/LoginForm";
 import AuthCard from "@sahil/features/auth/AuthCard";
 
@@ -19,14 +20,10 @@ const SignInPage: NextPage = ({ providers }: any) => {
   return (
     <>
       <AuthCard
+        logo={logo}
         providers={providers}
         form={<LoginForm />}
         title="Sign in to your account"
-        sub={{
-          text: "Don't have an account?",
-          href: "/auth/signup",
-          cta: "Sign Up",
-        }}
       />
     </>
   );

apps/admin/src/pages/auth/verify.tsx

@@ -0,0 +1,40 @@
+import { useEffect, useState } from "react";
+import { useRouter } from "next/router";
+import { signIn, useSession } from "next-auth/react";
+
+const VerifyPage = () => {
+  const router = useRouter();
+  const { status } = useSession();
+  const { token } = router.query;
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (token && status === "unauthenticated") {
+      signIn("email", { token, redirect: false }).then((result) => {
+        if (result?.error) {
+          console.error("Verification failed:", result.error);
+          setError(result.error);
+          // Handle error (e.g., show error message to user)
+        } else {
+          // Successful verification, redirect to appropriate page
+          router.push(result?.url!);
+        }
+      });
+    } else if (status === "authenticated") {
+      // User is already signed in, redirect to appropriate page
+      router.push("/");
+    }
+  }, [token, status, router]);
+
+  if (status === "loading") {
+    return <div>Loading...</div>;
+  }
+
+  if (error) {
+    return <div>Error: {error}</div>;
+  }
+
+  return <div>Verifying your email...</div>;
+};
+
+export default VerifyPage;

apps/admin/src/pages/clients/index.tsx

@@ -1,10 +1,9 @@
 export default function Clients() {
-    return (
-      <section className="space-y-2">
-        <div>
-          <h1>Clients Page</h1>
-        </div>
-      </section>
-    );
-  }
-
+  return (
+    <section className="space-y-2">
+      <div>
+        <h1>Clients Page</h1>
+      </div>
+    </section>
+  );
+}

apps/admin/src/pages/orders/index.tsx

@@ -1,10 +1,9 @@
 export default function Orders() {
-    return (
-      <section className="space-y-2">
-        <div>
-          <h1>Orders Page</h1>
-        </div>
-      </section>
-    );
-  }
-
+  return (
+    <section className="space-y-2">
+      <div>
+        <h1>Orders Page</h1>
+      </div>
+    </section>
+  );
+}

apps/admin/src/pages/users/new.tsx

@@ -3,7 +3,7 @@ export default function CreateUserPage() {
   return (
     <section className="space-y-2">
       <div className="mx-auto max-w-96">
-      <CreateUser />
+        <CreateUser />
       </div>
     </section>
   );

apps/agent/src/pages/404.tsx

@@ -1,9 +1,9 @@
-import { StatusPage } from 'ui';
-import errorImg from '../../public/404.svg'
+import { StatusPage } from "ui";
+import errorImg from "../../public/404.svg";
 
 export default function Custom404() {
   return (
-    <StatusPage 
+    <StatusPage
       statusCode="Error 404"
       message="Oops! Page not Found"
       desc="Sorry, it seems the page you are trying to access has either been deleted or never existed."

apps/agent/src/pages/500.tsx

@@ -1,9 +1,9 @@
-import { StatusPage } from 'ui';
-import errorImg from '../../public/500.svg'
+import { StatusPage } from "ui";
+import errorImg from "../../public/500.svg";
 
 export default function Custom500() {
   return (
-    <StatusPage 
+    <StatusPage
       statusCode="Error 500"
       message="Oops! Server-side error"
       desc="Sorry, it seems we have encountered an internal server error. Please try again later."

apps/agent/src/pages/auth/signin.tsx

@@ -23,11 +23,6 @@ const SignInPage: NextPage = ({ providers }: any) => {
         logo={logo}
         form={<LoginForm />}
         title="Sign in to your account"
-        sub={{
-          text: "Don't have an account?",
-          href: "/auth/signup",
-          cta: "Sign Up",
-        }}
       />
     </>
   );

apps/client/src/pages/404.tsx

@@ -1,9 +1,9 @@
-import { StatusPage } from 'ui';
-import errorImg from '../../public/404.svg'
+import { StatusPage } from "ui";
+import errorImg from "../../public/404.svg";
 
 export default function Custom404() {
   return (
-    <StatusPage 
+    <StatusPage
       statusCode="Error 404"
       message="Oops! Page not Found"
       desc="Sorry, it seems the page you are trying to access has either been deleted or never existed."

apps/client/src/pages/500.tsx

@@ -1,9 +1,9 @@
-import { StatusPage } from 'ui';
-import errorImg from '../../public/500.svg'
+import { StatusPage } from "ui";
+import errorImg from "../../public/500.svg";
 
 export default function Custom500() {
   return (
-    <StatusPage 
+    <StatusPage
       statusCode="Error 500"
       message="Oops! Server-side error"
       desc="Sorry, it seems we have encountered an internal server error. Please try again later."

apps/client/src/pages/auth/signin.tsx

@@ -21,11 +21,6 @@ const SignInPage: NextPage = ({ providers }: any) => {
         providers={providers}
         form={<LoginForm />}
         title="Sign in to your account"
-        sub={{
-          text: "Don't have an account?",
-          href: "/auth/signup",
-          cta: "Sign Up",
-        }}
       />
     </>
   );

apps/courier/src/pages/404.tsx

@@ -1,9 +1,9 @@
-import { StatusPage } from 'ui';
-import errorImg from '../../public/404.svg'
+import { StatusPage } from "ui";
+import errorImg from "../../public/404.svg";
 
 export default function Custom404() {
   return (
-    <StatusPage 
+    <StatusPage
       statusCode="Error 404"
       message="Oops! Page not Found"
       desc="Sorry, it seems the page you are trying to access has either been deleted or never existed."

apps/courier/src/pages/500.tsx

@@ -1,9 +1,9 @@
-import { StatusPage } from 'ui';
-import errorImg from '../../public/500.svg'
+import { StatusPage } from "ui";
+import errorImg from "../../public/500.svg";
 
 export default function Custom500() {
   return (
-    <StatusPage 
+    <StatusPage
       statusCode="Error 500"
       message="Oops! Server-side error"
       desc="Sorry, it seems we have encountered an internal server error. Please try again later."

apps/courier/src/pages/auth/signin.tsx

@@ -22,11 +22,6 @@ const SignInPage: NextPage = ({ providers }: any) => {
         providers={providers}
         form={<LoginForm />}
         title="Sign in to your account"
-        sub={{
-          text: "Don't have an account?",
-          href: "/auth/signup",
-          cta: "Sign Up",
-        }}
       />
     </>
   );

packages/configs/env/index.ts

@@ -0,0 +1 @@
+export * from "./url";

packages/configs/env/url.ts

@@ -0,0 +1,16 @@
+const { ADMIN_URL, AGENT_URL, CLIENT_URL, COURIER_URL, SERVER_URL } =
+  process.env;
+if (!ADMIN_URL || !AGENT_URL || !CLIENT_URL || !COURIER_URL || !SERVER_URL) {
+  throw new Error("Missing required environment variables for Apps url");
+}
+
+export const URLS = {
+  development: SERVER_URL,
+  staging: {},
+  production: {
+    admin: ADMIN_URL!,
+    agent: AGENT_URL!,
+    client: CLIENT_URL!,
+    courier: COURIER_URL!,
+  },
+};