Rewrite identity and access management

Signed-off-by: Bryan Frimin <bryan@getprobo.com>
2025-12-03 19:23:15 +01:00
parent 4ed3f5a067
commit 74fc3b8cd1
201 changed files with 32895 additions and 23649 deletions
--- a/apps/console/src/pages/auth/ForgotPasswordPage.tsx
+++ b/apps/console/src/pages/auth/ForgotPasswordPage.tsx
@@ -4,7 +4,6 @@ import { useTranslate } from "@probo/i18n";
 import { z } from "zod";
 import { useFormWithSchema } from "/hooks/useFormWithSchema";
 import { usePageTitle } from "@probo/hooks";
-import { buildEndpoint } from "/providers/RelayProviders";
 import { useState } from "react";

 const schema = z.object({
@@ -22,17 +21,14 @@ export default function ForgotPasswordPage() {
  });

  const onSubmit = handleSubmit(async (data) => {
-    const response = await fetch(
-      buildEndpoint("/connect/forget-password"),
-      {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        credentials: "include",
-        body: JSON.stringify(data),
-      }
-    );
+    const response = await fetch("/connect/forget-password", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      credentials: "include",
+      body: JSON.stringify(data),
+    });

    if (!response.ok) {
      const errorData = await response.json().catch(() => ({}));
--- a/apps/console/src/pages/auth/LoginPage.tsx
+++ b/apps/console/src/pages/auth/LoginPage.tsx
@@ -3,7 +3,6 @@ import { Button, Field, IconChevronLeft, useToast } from "@probo/ui";
 import type { FormEventHandler } from "react";
 import { useState } from "react";
 import { Link, useSearchParams } from "react-router";
-import { buildEndpoint } from "/providers/RelayProviders";

 export default function LoginPage() {
  const { __ } = useTranslate();
@@ -33,7 +32,7 @@ export default function LoginPage() {
    setIsLoading(true);

    try {
-      const res = await fetch(buildEndpoint("/connect/login"), {
+      const res = await fetch("/connect/login", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
@@ -68,7 +67,7 @@ export default function LoginPage() {
    setIsChecking(true);

    try {
-      const res = await fetch(buildEndpoint("/connect/check-sso"), {
+      const res = await fetch("/connect/check-sso", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
@@ -78,15 +77,15 @@ export default function LoginPage() {

      if (!res.ok) {
        const error = await res.json();
-        throw new Error(error.message || __("SSO not available for this email domain"));
+        throw new Error(
+          error.message || __("SSO not available for this email domain")
+        );
      }

      const data = await res.json();

      if (data.ssoAvailable && data.samlConfigId) {
-        window.location.href = buildEndpoint(
-          `/connect/saml/login/${data.samlConfigId}`
-        );
+        window.location.href = `/connect/saml/login/${data.samlConfigId}`;
      } else {
        throw new Error(__("SSO not available for this email domain"));
      }
@@ -115,10 +114,7 @@ export default function LoginPage() {
          {__("Choose your login method")}
        </p>

-        <Button
-          className="w-full"
-          onClick={() => setMode("password")}
-        >
+        <Button className="w-full" onClick={() => setMode("password")}>
          {__("Login with Email")}
        </Button>

@@ -146,7 +142,10 @@ export default function LoginPage() {

        <div className="text-center mt-6 text-sm text-txt-secondary">
          {__("Don't have an account ?")}{" "}
-          <Link to="/auth/register" className="underline hover:text-txt-primary">
+          <Link
+            to="/auth/register"
+            className="underline hover:text-txt-primary"
+          >
            {__("Register")}
          </Link>
        </div>
@@ -206,7 +205,10 @@ export default function LoginPage() {

        <div className="text-center mt-6 text-sm text-txt-secondary">
          {__("Don't have an account ?")}{" "}
-          <Link to="/auth/register" className="underline hover:text-txt-primary">
+          <Link
+            to="/auth/register"
+            className="underline hover:text-txt-primary"
+          >
            {__("Register")}
          </Link>
        </div>
@@ -235,9 +237,7 @@ export default function LoginPage() {
        <span className="text-sm">{__("Back")}</span>
      </button>

-      <h1 className="text-center text-2xl font-bold">
-        {__("Login with SSO")}
-      </h1>
+      <h1 className="text-center text-2xl font-bold">{__("Login with SSO")}</h1>
      <p className="text-center text-txt-tertiary mt-1 mb-6">
        {__("Enter your work email to continue with SSO")}
      </p>
--- a/apps/console/src/pages/auth/RegisterPage.tsx
+++ b/apps/console/src/pages/auth/RegisterPage.tsx
@@ -4,7 +4,6 @@ import { useTranslate } from "@probo/i18n";
 import { z } from "zod";
 import { useFormWithSchema } from "/hooks/useFormWithSchema";
 import { usePageTitle } from "@probo/hooks";
-import { buildEndpoint } from "/providers/RelayProviders";

 const schema = z.object({
  email: z.string().email(),
@@ -25,17 +24,14 @@ export default function RegisterPage() {
  });

  const onSubmit = handleSubmit(async (data) => {
-    const response = await fetch(
-      buildEndpoint("/connect/register"),
-      {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        credentials: "include",
-        body: JSON.stringify(data),
+    const response = await fetch("/connect/register", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
      },
-    );
+      credentials: "include",
+      body: JSON.stringify(data),
+    });

    // Registration failed
    if (!response.ok) {
--- a/apps/console/src/pages/auth/ResetPasswordPage.tsx
+++ b/apps/console/src/pages/auth/ResetPasswordPage.tsx
@@ -4,7 +4,6 @@ import { useTranslate } from "@probo/i18n";
 import { z } from "zod";
 import { useFormWithSchema } from "/hooks/useFormWithSchema";
 import { usePageTitle } from "@probo/hooks";
-import { buildEndpoint } from "/providers/RelayProviders";

 const schema = z
  .object({
@@ -20,15 +19,12 @@ export default function ResetPasswordPage() {
  const { __ } = useTranslate();
  const navigate = useNavigate();
  const { toast } = useToast();
-  const { register, handleSubmit, formState } = useFormWithSchema(
-    schema,
-    {
-      defaultValues: {
-        password: "",
-        confirmPassword: "",
-      },
-    }
-  );
+  const { register, handleSubmit, formState } = useFormWithSchema(schema, {
+    defaultValues: {
+      password: "",
+      confirmPassword: "",
+    },
+  });

  const onSubmit = handleSubmit(async (data) => {
    const searchParams = new URLSearchParams(location.search);
@@ -43,20 +39,17 @@ export default function ResetPasswordPage() {
      return;
    }

-    const response = await fetch(
-      buildEndpoint("/connect/reset-password"),
-      {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        credentials: "include",
-        body: JSON.stringify({
-          token: token,
-          password: data.password,
-        }),
-      }
-    );
+    const response = await fetch("/connect/reset-password", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      credentials: "include",
+      body: JSON.stringify({
+        token: token,
+        password: data.password,
+      }),
+    });

    // Reset failed
    if (!response.ok) {
--- a/apps/console/src/pages/auth/SignupFromInvitationPage.tsx
+++ b/apps/console/src/pages/auth/SignupFromInvitationPage.tsx
@@ -4,7 +4,6 @@ import { useTranslate } from "@probo/i18n";
 import { z } from "zod";
 import { useFormWithSchema } from "/hooks/useFormWithSchema";
 import { usePageTitle } from "@probo/hooks";
-import { buildEndpoint } from "/providers/RelayProviders";
 import { useEffect } from "react";

 const schema = z.object({
@@ -50,21 +49,18 @@ export default function SignupFromInvitationPage() {
      return;
    }

-    const response = await fetch(
-      buildEndpoint("/connect/signup-from-invitation"),
-      {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        credentials: "include",
-        body: JSON.stringify({
-          token: token,
-          password: data.password,
-          fullName: data.fullName,
-        }),
-      }
-    );
+    const response = await fetch("/connect/signup-from-invitation", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      credentials: "include",
+      body: JSON.stringify({
+        token: token,
+        password: data.password,
+        fullName: data.fullName,
+      }),
+    });

    if (!response.ok) {
      const errorData = await response.json().catch(() => ({}));
@@ -78,7 +74,9 @@ export default function SignupFromInvitationPage() {

    toast({
      title: __("Success"),
-      description: __("Account created successfully. Please accept your invitation to join the organization."),
+      description: __(
+        "Account created successfully. Please accept your invitation to join the organization."
+      ),
      variant: "success",
    });
    navigate("/", { replace: true });