@collabdt/core 0.0.57 → 0.2.1

package/dist/core/components/authentication/Signin.js

@@ -9,6 +9,7 @@ import { Button, GoogleIcon, Input, LoadingSpinner } from "../ui";
 import { AuthPage, useAuthTheme } from "./AuthPage";
 import { useParams, useSearchParams } from "next/navigation";
 import ReCAPTCHA from "react-google-recaptcha";
+import { PasswordError } from "../authentication/PasswordError";
 function SignInContent({ recaptchaSiteKey }) {
   var _a;
   const [step, setStep] = React.useState("login");
@@ -21,6 +22,16 @@ function SignInContent({ recaptchaSiteKey }) {
   const [isLoading, setIsLoading] = React.useState(false);
   const [error, setError] = React.useState("");
   const [showPassword, setShowPassword] = React.useState(false);
+  const [confirmPassword, setConfirmPassword] = React.useState("");
+  const [showNewPassword, setShowNewPassword] = React.useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = React.useState(false);
+  const [currentPassword, setCurrentPassword] = React.useState("");
+  const [newPassword, setNewPassword] = React.useState("");
+  const [newPasswordErrors, setNewPasswordErrors] = React.useState([]);
+  const [passwordErrors, setPasswordErrors] = React.useState([]);
+  const [confirmPasswordError, setConfirmPasswordError] = React.useState("");
+  const [hasAttemptedSave, setHasAttemptedSave] = React.useState(false);
+  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React.useState(false);
   const searchParams = useSearchParams();
   const params = useParams();
   const orgName = (_a = params.instance) != null ? _a : "canada";
@@ -34,6 +45,8 @@ function SignInContent({ recaptchaSiteKey }) {
   }, [googleError, orgName]);
   const t = useTranslations("Signin");
   const tMfa = useTranslations("MFA");
+  const tforgotPassword = useTranslations("forgotPassword");
+  const tresetPassword = useTranslations("resetPassword");
   const authTheme = useAuthTheme();
   const resetCaptcha = () => {
     var _a2;
@@ -121,18 +134,131 @@ function SignInContent({ recaptchaSiteKey }) {
       setIsLoading(false);
     }
   };
+  const validatePassword = (password2) => {
+    const errors = [];
+    const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^a-zA-Z\d\s])[^\s]{12,65}$/;
+    if (!passwordRegex.test(password2)) {
+      errors.push(t("weakPassword"));
+    }
+    return errors;
+  };
+  const handlePasswordChange = (e) => {
+    const value = e.target.value;
+    setNewPassword(value);
+    setNewPasswordErrors(validatePassword(value));
+    if (confirmPassword) {
+      setConfirmPasswordError(value === confirmPassword ? "" : tforgotPassword("noMatch"));
+    }
+  };
+  const handleConfirmPasswordChange = (e) => {
+    const value = e.target.value;
+    setConfirmPassword(value);
+    setConfirmPasswordError(value === newPassword ? "" : tforgotPassword("noMatch"));
+  };
+  const handleForgotPassword = async () => {
+    setIsLoading(true);
+    setError("");
+    try {
+      const res = await fetch("/api/forgotpassword", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          email
+        })
+      });
+      if (!res.ok) {
+        setError("Unable to send password reset email.");
+        setIsLoading(false);
+        return;
+      }
+      setStep("forgotPasswordSent");
+      setIsLoading(false);
+    } catch (e) {
+      setError("Unable to process");
+      setIsLoading(false);
+    }
+  };
+  const handleVerifyOTPForPasswordChange = async () => {
+    setIsLoading(true);
+    setError("");
+    try {
+      const res = await fetch("/api/verifyotp", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          email,
+          code
+        })
+      });
+      if (!res.ok) {
+        toast.error("Invalid verification code.");
+        setIsLoading(false);
+        return;
+      }
+      toast.success("SUCCESS");
+      setStep("changePassword");
+    } catch (e) {
+      setError("Unable to verify code.");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleResetPassword = async () => {
+    setHasAttemptedSubmit(true);
+    const errors = validatePassword(newPassword);
+    setPasswordErrors(errors);
+    if (newPassword !== confirmPassword) {
+      toast.error(tforgotPassword("noMatch"));
+      return;
+    }
+    if (errors.length > 0) {
+      toast.error(tforgotPassword("passwordPolicyError"));
+      return;
+    }
+    setIsLoading(true);
+    setError("");
+    try {
+      const res = await fetch("/api/resetpassword", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          email,
+          code,
+          newPassword
+        })
+      });
+      if (!res.ok) {
+        toast.error("Session Expired: Unable to reset password.");
+        setStep("login");
+        return;
+      }
+      toast.success("Password successfully changed.");
+      setNewPassword("");
+      setConfirmPassword("");
+      setCode("");
+      setStep("login");
+    } finally {
+      setIsLoading(false);
+    }
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Toaster, { richColors: true, position: "top-right" }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-left", children: [
-      /* @__PURE__ */ jsx("h1", { className: "font-display font-bold", style: {
-        fontSize: "1.75rem",
-        lineHeight: "1.1",
-        letterSpacing: "-0.02em",
-        color: "var(--hp-on-surface)"
-      }, children: step === "login" ? t("title") : tMfa("title") }),
-      /* @__PURE__ */ jsx("p", { style: { color: "var(--hp-on-surface-variant)", fontSize: "0.9rem" }, children: step === "login" ? t("message") : tMfa("subtitle", { email }) })
-    ] }),
     step === "login" && /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-left", children: [
+        /* @__PURE__ */ jsx("h1", { className: "font-display font-bold", style: {
+          fontSize: "1.75rem",
+          lineHeight: "1.1",
+          letterSpacing: "-0.02em",
+          color: "var(--hp-on-surface)"
+        }, children: t("title") }),
+        /* @__PURE__ */ jsx("p", { style: { color: "var(--hp-on-surface-variant)", fontSize: "0.9rem" }, children: t("message") })
+      ] }),
       /* @__PURE__ */ jsx(
         Input,
         {
@@ -184,9 +310,31 @@ function SignInContent({ recaptchaSiteKey }) {
             children: /* @__PURE__ */ jsx(GoogleIcon, { size: 20 })
           }
         )
-      ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            setError("");
+            setStep("forgotPassword");
+          },
+          className: "text-sm underline underline-offset-4 hover:opacity-80",
+          style: { color: "var(--hp-primary)" },
+          children: "Reset your password"
+        }
+      )
     ] }),
     step === "mfa" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-left", children: [
+        /* @__PURE__ */ jsx("h1", { className: "font-display font-bold", style: {
+          fontSize: "1.75rem",
+          lineHeight: "1.1",
+          letterSpacing: "-0.02em",
+          color: "var(--hp-on-surface)"
+        }, children: tMfa("title") }),
+        /* @__PURE__ */ jsx("p", { style: { color: "var(--hp-on-surface-variant)", fontSize: "0.9rem" }, children: tMfa("subtitle", { email }) })
+      ] }),
       /* @__PURE__ */ jsx(
         Input,
         {
@@ -210,6 +358,156 @@ function SignInContent({ recaptchaSiteKey }) {
         }
       )
     ] }),
+    step === "forgotPassword" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-left", children: [
+        /* @__PURE__ */ jsx("h1", { className: "font-display font-bold", style: {
+          fontSize: "1.75rem",
+          lineHeight: "1.1",
+          letterSpacing: "-0.02em",
+          color: "var(--hp-on-surface)"
+        }, children: tresetPassword("title") }),
+        /* @__PURE__ */ jsx("p", { style: { color: "var(--hp-on-surface-variant)", fontSize: "0.9rem" }, children: tresetPassword("subtitle") })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "email",
+          placeholder: "Enter your email address",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          disabled: isLoading
+        }
+      ),
+      error && /* @__PURE__ */ jsx("div", { className: "auth-pw-error", children: error }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: handleForgotPassword,
+          disabled: isLoading || !email,
+          className: "w-full",
+          children: isLoading ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : "Send Reset Link"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => setStep("login"),
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ jsx(LR.ArrowLeft, { size: 16 }),
+            "Back to Login"
+          ]
+        }
+      )
+    ] }),
+    step === "forgotPasswordSent" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-left", children: [
+        /* @__PURE__ */ jsx("h1", { className: "font-display font-bold", style: {
+          fontSize: "1.75rem",
+          lineHeight: "1.1",
+          letterSpacing: "-0.02em",
+          color: "var(--hp-on-surface)"
+        }, children: tresetPassword("title") }),
+        /* @__PURE__ */ jsx("p", { style: { color: "var(--hp-on-surface-variant)", fontSize: "0.9rem" }, children: tresetPassword("ifAnAccountExists", { email }) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: tMfa("placeholder"),
+          value: code,
+          onChange: (e) => setCode(e.target.value),
+          disabled: isLoading
+        }
+      ),
+      error && /* @__PURE__ */ jsx("div", { className: "auth-pw-error", children: error }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleVerifyOTPForPasswordChange, disabled: isLoading, className: "w-full", children: isLoading ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : tMfa("verify") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => setStep("login"),
+          className: "w-full",
+          children: "Back to Login"
+        }
+      )
+    ] }),
+    step === "changePassword" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-left", children: [
+        /* @__PURE__ */ jsx("h1", { className: "font-display font-bold", style: {
+          fontSize: "1.75rem",
+          lineHeight: "1.1",
+          letterSpacing: "-0.02em",
+          color: "var(--hp-on-surface)"
+        }, children: tresetPassword("newPasswordTitle") }),
+        /* @__PURE__ */ jsxs("p", { style: { color: "var(--hp-on-surface-variant)", fontSize: "0.9rem" }, children: [
+          tresetPassword("newPasswordMessage"),
+          /* @__PURE__ */ jsx("br", {}),
+          " ",
+          /* @__PURE__ */ jsx("br", {}),
+          tresetPassword("lowercase"),
+          " ",
+          /* @__PURE__ */ jsx("br", {}),
+          tresetPassword("lowercase"),
+          " ",
+          /* @__PURE__ */ jsx("br", {}),
+          tresetPassword("uppercase"),
+          " ",
+          /* @__PURE__ */ jsx("br", {}),
+          tresetPassword("digit"),
+          " ",
+          /* @__PURE__ */ jsx("br", {}),
+          tresetPassword("specialchar"),
+          " ",
+          /* @__PURE__ */ jsx("br", {}),
+          tresetPassword("minmax"),
+          " ",
+          /* @__PURE__ */ jsx("br", {})
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: showNewPassword ? "text" : "password",
+          placeholder: "New Password",
+          className: `w-full ${hasAttemptedSave && newPasswordErrors.length > 0 ? "border-destructive" : ""}`,
+          value: newPassword,
+          onChange: handlePasswordChange
+        }
+      ),
+      hasAttemptedSave && newPasswordErrors.map((error2, idx) => /* @__PURE__ */ jsx(PasswordError, { message: error2 }, idx)),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: showConfirmPassword ? "text" : "password",
+          placeholder: "Confirm Password",
+          value: confirmPassword,
+          onChange: handleConfirmPasswordChange
+        }
+      ),
+      hasAttemptedSave && confirmPasswordError && /* @__PURE__ */ jsx(PasswordError, { message: confirmPasswordError }),
+      error && /* @__PURE__ */ jsx("div", { className: "auth-pw-error", children: error }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: handleResetPassword,
+          disabled: isLoading,
+          className: "w-full",
+          children: isLoading ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : "Change Password"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => setStep("login"),
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ jsx(LR.ArrowLeft, { size: 16 }),
+            "Back to Login"
+          ]
+        }
+      )
+    ] }),
     step === "login" && /* @__PURE__ */ jsx("div", { className: "auth-captcha-wrapper", children: /* @__PURE__ */ jsx(
       ReCAPTCHA,
       {

package/dist/core/components/authentication/Signin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/authentication/Signin.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport { signIn } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as LR from 'lucide-react'\r\nimport { toast, Toaster } from 'sonner'\r\nimport { Button, GoogleIcon, Input, LoadingSpinner } from '../ui'\r\nimport { AuthPage, useAuthTheme } from './AuthPage'\r\nimport { useParams, useSearchParams } from 'next/navigation'\r\nimport ReCAPTCHA from 'react-google-recaptcha'\r\n//import { useAppConfigContext } from '../../store/AppConfig/context'\r\n\r\ninterface SignInContentProps {\r\n  recaptchaSiteKey?: string\r\n}\r\n\r\nfunction SignInContent({ recaptchaSiteKey, }) {\r\n  const [step, setStep] = React.useState<'login' | 'mfa'>('login')\r\n\r\n  const [email, setEmail] = React.useState('')\r\n  const [password, setPassword] = React.useState('')\r\n  const [code, setCode] = React.useState('')\r\n\r\n  const recaptchaRef = React.useRef<ReCAPTCHA>(null)\r\n  const [captchaStatus, setCaptchaStatus] = React.useState(false)\r\n  const [captchaToken, setCaptchaToken] = React.useState('')\r\n  const [isLoading, setIsLoading] = React.useState(false)\r\n  const [error, setError] = React.useState('')\r\n  const [showPassword, setShowPassword] = React.useState(false)\r\n\r\n  const searchParams = useSearchParams()\r\n  const params = useParams()\r\n  const orgName = params.instance ?? 'canada'\r\n  const [googleError, setGoogleError] = React.useState(\r\n    searchParams.get('error')\r\n  )\r\n  //Clean up the Google query error in URL, and have it only return /orgName/signin to clear frontend error responses \r\n  React.useEffect(() => {\r\n    if (googleError) {\r\n      window.history.replaceState({}, '', `/${orgName}/signin`)\r\n    }\r\n  }, [googleError, orgName])\r\n\r\n  const t = useTranslations('Signin')\r\n  const tMfa = useTranslations('MFA')\r\n  const authTheme = useAuthTheme()\r\n\r\n  \r\n\r\n  const resetCaptcha = () => {\r\n    recaptchaRef.current?.reset()\r\n    setCaptchaToken('')\r\n    setCaptchaStatus(false)\r\n  }\r\n\r\n  const onReCaptchaSuccess = (token) => {\r\n    setCaptchaToken(token)\r\n    setCaptchaStatus(true)\r\n  }\r\n\r\n  // Initial LOGIN\r\n  const handleSubmit = async (e) => {\r\n    e.preventDefault()\r\n    setGoogleError(null)\r\n    setIsLoading(true)\r\n    setError('')\r\n\r\n    try {\r\n      const result = await signIn('credentials', {\r\n        redirect: false,\r\n        email,\r\n        password,\r\n        captchaToken,\r\n      })\r\n\r\n      if (result?.error) {\r\n\r\n        if (result.code === 'rate_limit_error') {\r\n\r\n          setIsLoading(true)\r\n          setError('Too many failed login attempts. Please try again later.')\r\n          return\r\n        }\r\n\r\n        else if (result.code === 'whitelist_invalid_credentials') {\r\n          setError('Invalid email or password')\r\n          setIsLoading(false)\r\n          resetCaptcha()\r\n          return\r\n        }\r\n\r\n        else if (!captchaStatus) {\r\n          setError('Captcha Verification Failed.')\r\n          setIsLoading(false)\r\n          resetCaptcha()\r\n          return\r\n        }\r\n\r\n        else if (result.code === 'invalid_credentials') {\r\n          setError('Invalid email or password')\r\n          setIsLoading(false)\r\n          resetCaptcha()\r\n          return\r\n        }\r\n        //MFA TRIGGER\r\n        else if (result.code === 'mfa_required') {\r\n          setStep('mfa')\r\n          setIsLoading(false)\r\n          return\r\n        }\r\n\r\n        else { //result.code === 'expired_recaptcha_token\r\n          setError('Captcha Verification Expired. Please try again later.')\r\n          setIsLoading(false)\r\n          resetCaptcha()\r\n          return\r\n        }\r\n      }\r\n\r\n      // Completed Login + MFA - Redirect to the Platform's Organization Dashboard \r\n      window.location.href = `/${orgName}`\r\n\r\n    } catch (err) {\r\n      setError('Unexpected error. Please try again.')\r\n      setIsLoading(false)\r\n    }\r\n  }\r\n\r\n  // VERIFY OTP for MFA\r\n  const handleVerifyOTP = async () => {\r\n    setIsLoading(true)\r\n    setError('')\r\n\r\n    try {\r\n      const res = await fetch('/api/mfa', {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ email, code }),\r\n      })\r\n\r\n      if (!res.ok) {\r\n        toast.error(tMfa('invalidCode'))\r\n        setIsLoading(false)\r\n        return\r\n      }\r\n\r\n      toast.success(tMfa('success'))\r\n\r\n      // FINAL LOGIN after successful MFA process\r\n      await signIn('credentials', {\r\n        email,\r\n        password,\r\n        mfaVerified: true,\r\n        redirect: true,\r\n        redirectTo: `/${orgName}`,\r\n      })\r\n\r\n    } catch (err) {\r\n      toast.error(tMfa('verificationFailed'))\r\n      setIsLoading(false)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Toaster richColors position=\"top-right\" />\r\n      {/* Header */}\r\n      <div className=\"space-y-2 text-left\">\r\n        <h1 className=\"font-display font-bold\" style={{\r\n          fontSize: '1.75rem',\r\n          lineHeight: '1.1',\r\n          letterSpacing: '-0.02em',\r\n          color: 'var(--hp-on-surface)',\r\n        }}>\r\n          {step === 'login' ? t('title') : tMfa('title')}\r\n        </h1>\r\n\r\n        <p style={{ color: 'var(--hp-on-surface-variant)', fontSize: '0.9rem' }}>\r\n          {step === 'login'\r\n            ? t('message')\r\n            : tMfa('subtitle', { email })}\r\n        </p>\r\n      </div>\r\n\r\n      {/* LOGIN FORM */}\r\n      {step === 'login' && (\r\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\r\n\r\n          <Input\r\n            type=\"email\"\r\n            placeholder={t('placeholder1')}\r\n            value={email}\r\n            onChange={(e) => setEmail(e.target.value)}\r\n            disabled={isLoading}\r\n            required\r\n          />\r\n\r\n          <div className=\"relative\">\r\n            <Input\r\n              type={showPassword ? 'text' : 'password'}\r\n              placeholder={t('placeholder2')}\r\n              value={password}\r\n              onChange={(e) => setPassword(e.target.value)}\r\n              disabled={isLoading}\r\n              required\r\n              className=\"pr-10\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              onClick={() => setShowPassword(v => !v)}\r\n              tabIndex={-1}\r\n              className=\"absolute right-3 top-1/2 -translate-y-1/2 transition-colors\"\r\n              style={{ color: 'var(--hp-on-surface-variant)' }}\r\n            >\r\n              {showPassword ? <LR.EyeOff size={16} /> : <LR.Eye size={16} />}\r\n            </button>\r\n          </div>\r\n          {/* Google Not Linked Error */}\r\n          {googleError === 'google_not_linked' && (\r\n            <div className=\"auth-pw-error\">\r\n              Your Google account is not linked. Please sign in with your credentials first, then link your Google account.\r\n            </div>\r\n          )}\r\n          {error && <div className=\"auth-pw-error\">{error}</div>}\r\n\r\n          <div className=\"flex items-center gap-2\">\r\n            <Button type=\"submit\" disabled={isLoading} className=\"flex-1 auth-btn-primary\">\r\n              {isLoading ? <LoadingSpinner /> : 'Login'}\r\n            </Button>\r\n\r\n            {/* Google button */}\r\n            {<button\r\n              type=\"button\"\r\n              onClick={() => signIn('google', { redirectTo: `/${orgName}` })}\r\n              disabled={isLoading}\r\n              aria-label=\"Sign in with Google\"\r\n              className=\"auth-google-btn\"\r\n            >\r\n              <GoogleIcon size={20} />\r\n            </button>}\r\n\r\n          </div>\r\n\r\n          {/*⚠️⚠️⚠️⚠️ DISABLED FOR NOW - Password Reset link, will implement in the future when we have the flow ready */}\r\n          {/* Reset Password link */}\r\n          {/* <div className=\"flex justify-start\">\r\n            <a\r\n              href={`/${orgName}/auth/reset-password`}\r\n              className=\"text-sm underline underline-offset-4 hover:opacity-80\"\r\n              style={{ color: 'var(--hp-primary)' }}\r\n            >\r\n              Reset your password\r\n            </a>\r\n          </div> */}\r\n        </form>\r\n      )}\r\n\r\n      {/* MFA FORM */}\r\n      {step === 'mfa' && (\r\n        <div className=\"space-y-4\">\r\n\r\n          <Input\r\n            placeholder={tMfa('placeholder')}\r\n            value={code}\r\n            onChange={(e) => setCode(e.target.value)}\r\n            disabled={isLoading}\r\n          />\r\n\r\n          <Button onClick={handleVerifyOTP} disabled={isLoading} className=\"w-full\">\r\n            {isLoading ? <LoadingSpinner /> : tMfa('verify')}\r\n          </Button>\r\n\r\n          {/* Back */}\r\n          <Button\r\n            variant=\"outline\"\r\n            onClick={() => setStep('login')}\r\n            className=\"w-full mt-3 inline-flex items-center justify-center gap-2\"\r\n          >\r\n            <LR.ArrowLeft size={16} />\r\n            {tMfa('backToLogin')}\r\n          </Button>\r\n        </div>\r\n      )}\r\n\r\n      {/* CAPTCHA only on Credentials(Username and Password) Provider login */}\r\n           \r\n      {step === 'login' && (\r\n        <div className=\"auth-captcha-wrapper\">\r\n          <ReCAPTCHA\r\n            ref={recaptchaRef}\r\n            key={`recaptcha-${authTheme}`}\r\n            sitekey={recaptchaSiteKey ?? ''}\r\n            onChange={(token) => onReCaptchaSuccess(token)}\r\n            theme={authTheme}\r\n          />\r\n        </div>\r\n      )}\r\n    </>\r\n  )\r\n}\r\n\r\ninterface SignInProps {\r\n  recaptchaSiteKey?: string\r\n  minioBaseUrl?: string\r\n}\r\n\r\nexport function SignIn({ recaptchaSiteKey,minioBaseUrl, }: SignInProps) {\r\n  return (\r\n    <AuthPage minioBaseUrl={minioBaseUrl}>\r\n      <SignInContent recaptchaSiteKey={recaptchaSiteKey} />\r\n    </AuthPage>\r\n  )\r\n}"],"mappings":"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","names":["_a"]}
+{"version":3,"sources":["../../../../src/core/components/authentication/Signin.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport { signIn } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as LR from 'lucide-react'\r\nimport { toast, Toaster } from 'sonner'\r\nimport { Button, GoogleIcon, Input, LoadingSpinner } from '../ui'\r\nimport { AuthPage, useAuthTheme } from './AuthPage'\r\nimport { useParams, useSearchParams } from 'next/navigation'\r\nimport ReCAPTCHA from 'react-google-recaptcha'\r\nimport { PasswordError } from '../authentication/PasswordError'\r\nimport { AuthHeader } from './SignInAuthHeader'\r\n//import { useAppConfigContext } from '../../store/AppConfig/context'\r\n\r\ninterface SignInContentProps {\r\n  recaptchaSiteKey?: string\r\n}\r\n\r\nfunction SignInContent({ recaptchaSiteKey, }) {\r\n  const [step, setStep] = React.useState<\r\n  'login'\r\n  | 'mfa'\r\n  | 'forgotPassword'\r\n  | 'forgotPasswordSent'\r\n  | 'changePassword'\r\n>('login')\r\n\r\n  const [email, setEmail] = React.useState('')\r\n  const [password, setPassword] = React.useState('')\r\n  const [code, setCode] = React.useState('')\r\n\r\n  const recaptchaRef = React.useRef<ReCAPTCHA>(null)\r\n  const [captchaStatus, setCaptchaStatus] = React.useState(false)\r\n  const [captchaToken, setCaptchaToken] = React.useState('')\r\n  const [isLoading, setIsLoading] = React.useState(false)\r\n  const [error, setError] = React.useState('')\r\n  const [showPassword, setShowPassword] = React.useState(false)\r\n  const [confirmPassword, setConfirmPassword] = React.useState('')\r\n\r\n  const [showNewPassword, setShowNewPassword] = React.useState(false)\r\n  const [showConfirmPassword, setShowConfirmPassword] = React.useState(false)\r\n  const [currentPassword, setCurrentPassword] = React.useState('')\r\n  const [newPassword, setNewPassword] = React.useState('')\r\n\r\n  const [newPasswordErrors, setNewPasswordErrors] = React.useState<string[]>([])\r\n  const [passwordErrors, setPasswordErrors] = React.useState<string[]>([])\r\n  const [confirmPasswordError, setConfirmPasswordError] = React.useState('')\r\n  const [hasAttemptedSave, setHasAttemptedSave] = React.useState(false)\r\n  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React.useState(false)\r\n  \r\n\r\n  const searchParams = useSearchParams()\r\n  const params = useParams()\r\n  const orgName = params.instance ?? 'canada'\r\n  const [googleError, setGoogleError] = React.useState(\r\n    searchParams.get('error')\r\n  )\r\n  //Clean up the Google query error in URL, and have it only return /orgName/signin to clear frontend error responses \r\n  React.useEffect(() => {\r\n    if (googleError) {\r\n      window.history.replaceState({}, '', `/${orgName}/signin`)\r\n    }\r\n  }, [googleError, orgName])\r\n\r\n  const t = useTranslations('Signin')\r\n  const tMfa = useTranslations('MFA')\r\n  const tforgotPassword = useTranslations('forgotPassword')\r\n  const tresetPassword = useTranslations('resetPassword')\r\n  const authTheme = useAuthTheme()\r\n\r\n  \r\n\r\n  const resetCaptcha = () => {\r\n    recaptchaRef.current?.reset()\r\n    setCaptchaToken('')\r\n    setCaptchaStatus(false)\r\n  }\r\n\r\n  const onReCaptchaSuccess = (token) => {\r\n    setCaptchaToken(token)\r\n    setCaptchaStatus(true)\r\n  }\r\n\r\n  // Initial LOGIN with Credentials(Username and Password)\r\n  const handleSubmit = async (e) => {\r\n    e.preventDefault()\r\n    setGoogleError(null)\r\n    setIsLoading(true)\r\n    setError('')\r\n\r\n    try {\r\n      const result = await signIn('credentials', {\r\n        redirect: false,\r\n        email,\r\n        password,\r\n        captchaToken,\r\n      })\r\n\r\n      if (result?.error) {\r\n\r\n        if (result.code === 'rate_limit_error') {\r\n\r\n          setIsLoading(true)\r\n          setError('Too many failed login attempts. Please try again later.')\r\n          return\r\n        }\r\n\r\n        else if (result.code === 'whitelist_invalid_credentials') {\r\n          setError('Invalid email or password')\r\n          setIsLoading(false)\r\n          resetCaptcha()\r\n          return\r\n        }\r\n\r\n        else if (!captchaStatus) {\r\n          setError('Captcha Verification Failed.')\r\n          setIsLoading(false)\r\n          resetCaptcha()\r\n          return\r\n        }\r\n\r\n        else if (result.code === 'invalid_credentials') {\r\n          setError('Invalid email or password')\r\n          setIsLoading(false)\r\n          resetCaptcha()\r\n          return\r\n        }\r\n        //MFA TRIGGER\r\n        else if (result.code === 'mfa_required') {\r\n          setStep('mfa')\r\n          setIsLoading(false)\r\n          return\r\n        }\r\n\r\n        else { //result.code === 'expired_recaptcha_token\r\n          setError('Captcha Verification Expired. Please try again later.')\r\n          setIsLoading(false)\r\n          resetCaptcha()\r\n          return\r\n        }\r\n      }\r\n\r\n      // Completed Login + MFA - Redirect to the Platform's Organization Dashboard \r\n      window.location.href = `/${orgName}`\r\n\r\n    } catch (err) {\r\n      setError('Unexpected error. Please try again.')\r\n      setIsLoading(false)\r\n    }\r\n  }\r\n\r\n  // VERIFY OTP for MFA\r\n  const handleVerifyOTP = async () => {\r\n    setIsLoading(true)\r\n    setError('')\r\n\r\n    try {\r\n      const res = await fetch('/api/mfa', {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ email, code }),\r\n      })\r\n\r\n      if (!res.ok) {\r\n        toast.error(tMfa('invalidCode'))\r\n        setIsLoading(false)\r\n        return\r\n      }\r\n\r\n      toast.success(tMfa('success'))\r\n\r\n      // FINAL LOGIN after successful MFA process\r\n      await signIn('credentials', {\r\n        email,\r\n        password,\r\n        mfaVerified: true,\r\n        redirect: true,\r\n        redirectTo: `/${orgName}`,\r\n      })\r\n\r\n    } catch (err) {\r\n      toast.error(tMfa('verificationFailed'))\r\n      setIsLoading(false)\r\n    }\r\n  }\r\n\r\n  // Password Policy for New Password used for Reset Password flow\r\n  const validatePassword = (password: string): string[] => {\r\n    const errors: string[] = []\r\n\r\n    // Regex Pattern - At least:\r\n    // 1 lowercase:(?=.*[a-z])\r\n    // 1 uppercase: (?=.*[A-Z])\r\n    // 1 digit: (?=.*\\d)\r\n    // 1 special char: (?=.*[@$!%*?&_])\r\n    //min 12 characters, max 65: {12,65}\r\n    const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[^a-zA-Z\\d\\s])[^\\s]{12,65}$/;\r\n      if (!passwordRegex.test(password)) {\r\n        errors.push(t('weakPassword'));\r\n      }\r\n    //   if (password.toLowerCase().includes(username.toLowerCase())) {\r\n    //      //errors.push(t('containsUsername'));\r\n    //      errors.push(t('weakPassword'));\r\n\r\n    //  }      \r\n\r\n    return errors\r\n  }\r\n\r\n    const handlePasswordChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const value = e.target.value\r\n    setNewPassword(value)\r\n    setNewPasswordErrors(validatePassword(value))\r\n    if (confirmPassword) {\r\n      setConfirmPasswordError(value === confirmPassword ? '' : tforgotPassword('noMatch'))\r\n    }\r\n  }\r\n  const handleConfirmPasswordChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const value = e.target.value\r\n    setConfirmPassword(value)\r\n    setConfirmPasswordError(value === newPassword ? '' : tforgotPassword('noMatch'))\r\n  } \r\n\r\n  //Forgot Password Flow: 1. User Clicks Reset Password > 2. OTP is emailed(forgotpassword API)\r\n  //  > 3. OTP is verified(verifyotp API) > 4. User chooses a new password(resetpassword API)\r\n\r\n  //2. Initiate ForgotPasword flow - OTP is emailed\r\n  const handleForgotPassword = async () => {\r\n  setIsLoading(true)\r\n  setError('')\r\n\r\n  try {\r\n    const res = await fetch('/api/forgotpassword', {\r\n      method: 'POST',\r\n      headers: {\r\n        'Content-Type': 'application/json',\r\n      },\r\n      body: JSON.stringify({\r\n        email\r\n      }),\r\n    })\r\n\r\n    if (!res.ok) {\r\n      setError('Unable to send password reset email.')\r\n      setIsLoading(false)\r\n      return\r\n    }\r\n\r\n    //Redirect to Verify OTP flow to enter OTP that has been emailed \r\n    setStep('forgotPasswordSent')\r\n    setIsLoading(false)\r\n\r\n  } catch {\r\n    setError('Unable to process')\r\n    setIsLoading(false)\r\n  }\r\n}\r\n\r\n// 3. Handle Change Password - OTP is getting verified\r\n  // VERIFY OTP for MFA\r\n  const handleVerifyOTPForPasswordChange = async () => {\r\n    //NEW------------------------------------------------------------------\r\n  setIsLoading(true)\r\n  setError('')\r\n\r\n  try {\r\n\r\n    const res = await fetch('/api/verifyotp', {\r\n\r\n      method: 'POST',\r\n\r\n      headers: {\r\n        'Content-Type': 'application/json',\r\n      },\r\n\r\n      body: JSON.stringify({\r\n        email,\r\n        code,\r\n      }),\r\n    })\r\n\r\n    if (!res.ok) {\r\n\r\n      //setError('Invalid verification code.')\r\n      toast.error('Invalid verification code.')\r\n      setIsLoading(false)\r\n      return\r\n\r\n    }\r\n    toast.success(\"SUCCESS\")\r\n    //Redirect User to enter New Password in Change Password page\r\n    setStep('changePassword')\r\n\r\n  } catch {\r\n\r\n    setError('Unable to verify code.')\r\n\r\n  } finally {\r\n\r\n    setIsLoading(false)\r\n\r\n  }\r\n\r\n  }\r\n\r\n  //Final Step: Reset Password \r\nconst handleResetPassword = async () => {\r\n\r\n  setHasAttemptedSubmit(true)\r\n\r\n  const errors = validatePassword(newPassword)\r\n\r\n  setPasswordErrors(errors)\r\n  \r\n\r\n  if (newPassword !== confirmPassword) {\r\n\r\n    toast.error(tforgotPassword('noMatch'))\r\n    return\r\n\r\n  }\r\n\r\n  if (errors.length > 0){\r\n    toast.error(tforgotPassword('passwordPolicyError'))\r\n    return\r\n  }\r\n  setIsLoading(true)\r\n  setError('')\r\n\r\n\r\n  try {\r\n\r\n    const res = await fetch('/api/resetpassword', {\r\n\r\n      method: 'POST',\r\n\r\n      headers: {\r\n        'Content-Type': 'application/json',\r\n      },\r\n\r\n      body: JSON.stringify({\r\n\r\n        email,\r\n        code,\r\n        newPassword,\r\n\r\n      }),\r\n    })\r\n\r\n    if (!res.ok) {\r\n\r\n      toast.error('Session Expired: Unable to reset password.')\r\n      setStep('login')\r\n      return\r\n\r\n    }\r\n\r\n    toast.success('Password successfully changed.')\r\n\r\n    setNewPassword('')\r\n    setConfirmPassword('')\r\n    setCode('')\r\n    setStep('login')\r\n\r\n  } finally {\r\n\r\n    setIsLoading(false)\r\n\r\n  }\r\n\r\n\r\n}\r\n  return (\r\n    <>\r\n      <Toaster richColors position=\"top-right\" />\r\n\r\n      {/* LOGIN FORM */}\r\n      {step === 'login' && (\r\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\r\n           {/* LOGIN Header */}\r\n          <div className=\"space-y-2 text-left\">\r\n\r\n        <h1 className=\"font-display font-bold\" style={{\r\n          fontSize: '1.75rem',\r\n          lineHeight: '1.1',\r\n          letterSpacing: '-0.02em',\r\n          color: 'var(--hp-on-surface)',\r\n        }}>\r\n         {/*  {step === 'login' ? t('title') : tMfa('title')} */}\r\n         {t('title')}\r\n        </h1>\r\n\r\n        <p style={{ color: 'var(--hp-on-surface-variant)', fontSize: '0.9rem' }}>\r\n         {/* {step === 'login'\r\n            ? t('message')\r\n            : tMfa('subtitle', { email })} */}\r\n          {t('message')}\r\n        </p>\r\n      </div> \r\n\r\n          <Input\r\n            type=\"email\"\r\n            placeholder={t('placeholder1')}\r\n            value={email}\r\n            onChange={(e) => setEmail(e.target.value)}\r\n            disabled={isLoading}\r\n            required\r\n          />\r\n\r\n          <div className=\"relative\">\r\n            <Input\r\n              type={showPassword ? 'text' : 'password'}\r\n              placeholder={t('placeholder2')}\r\n              value={password}\r\n              onChange={(e) => setPassword(e.target.value)}\r\n              disabled={isLoading}\r\n              required\r\n              className=\"pr-10\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              onClick={() => setShowPassword(v => !v)}\r\n              tabIndex={-1}\r\n              className=\"absolute right-3 top-1/2 -translate-y-1/2 transition-colors\"\r\n              style={{ color: 'var(--hp-on-surface-variant)' }}\r\n            >\r\n              {showPassword ? <LR.EyeOff size={16} /> : <LR.Eye size={16} />}\r\n            </button>\r\n          </div>\r\n          {/* Google Not Linked Error */}\r\n          {googleError === 'google_not_linked' && (\r\n            <div className=\"auth-pw-error\">\r\n              Your Google account is not linked. Please sign in with your credentials first, then link your Google account.\r\n            </div>\r\n          )}\r\n          {error && <div className=\"auth-pw-error\">{error}</div>}\r\n\r\n          <div className=\"flex items-center gap-2\">\r\n            <Button type=\"submit\" disabled={isLoading} className=\"flex-1 auth-btn-primary\">\r\n              {isLoading ? <LoadingSpinner /> : 'Login'}\r\n            </Button>\r\n\r\n            {/* Google button */}\r\n            {<button\r\n              type=\"button\"\r\n              onClick={() => signIn('google', { redirectTo: `/${orgName}` })}\r\n              disabled={isLoading}\r\n              aria-label=\"Sign in with Google\"\r\n              className=\"auth-google-btn\"\r\n            >\r\n              <GoogleIcon size={20} />\r\n            </button>}\r\n\r\n          </div>\r\n          {/* Reset Password Link */}\r\n          <button\r\n          type=\"button\"\r\n          onClick={() => {\r\n          setError('')\r\n          setStep('forgotPassword')\r\n          }}\r\n          className=\"text-sm underline underline-offset-4 hover:opacity-80\"\r\n          style={{ color: 'var(--hp-primary)' }}\r\n          >\r\n          Reset your password\r\n          </button>\r\n\r\n        </form>\r\n      )}\r\n\r\n      {/* MFA FORM */}\r\n      {step === 'mfa' && (\r\n        <div className=\"space-y-4\">\r\n                <div className=\"space-y-2 text-left\">\r\n        <h1 className=\"font-display font-bold\" style={{\r\n          fontSize: '1.75rem',\r\n          lineHeight: '1.1',\r\n          letterSpacing: '-0.02em',\r\n          color: 'var(--hp-on-surface)',\r\n        }}>\r\n         {/*  {step === 'login' ? t('title') : tMfa('title')} */}\r\n         {tMfa('title')}\r\n        </h1>\r\n\r\n        <p style={{ color: 'var(--hp-on-surface-variant)', fontSize: '0.9rem' }}>\r\n         {/* {step === 'login'\r\n            ? t('message')\r\n            : tMfa('subtitle', { email })} */}\r\n          {tMfa('subtitle',{email})}\r\n        </p>\r\n      </div>\r\n\r\n          <Input\r\n            placeholder={tMfa('placeholder')}\r\n            value={code}\r\n            onChange={(e) => setCode(e.target.value)}\r\n            disabled={isLoading}\r\n          />\r\n\r\n          <Button onClick={handleVerifyOTP} disabled={isLoading} className=\"w-full\">\r\n            {isLoading ? <LoadingSpinner /> : tMfa('verify')}\r\n          </Button>\r\n\r\n          {/* Back */}\r\n          <Button\r\n            variant=\"outline\"\r\n            onClick={() => setStep('login')}\r\n            className=\"w-full mt-3 inline-flex items-center justify-center gap-2\"\r\n          >\r\n            <LR.ArrowLeft size={16} />\r\n            {tMfa('backToLogin')}\r\n          </Button>\r\n        </div>\r\n      )}\r\n      {/*Forgot Password step: Send OTP for Reset */}\r\n      {step === 'forgotPassword' && (\r\n  <div className=\"space-y-4\">\r\n        <div className=\"space-y-2 text-left\">\r\n        <h1 className=\"font-display font-bold\" style={{\r\n          fontSize: '1.75rem',\r\n          lineHeight: '1.1',\r\n          letterSpacing: '-0.02em',\r\n          color: 'var(--hp-on-surface)',\r\n        }}>\r\n         {/*  {step === 'login' ? t('title') : tMfa('title')} */}\r\n         {tresetPassword('title')}\r\n        </h1>\r\n\r\n        <p style={{ color: 'var(--hp-on-surface-variant)', fontSize: '0.9rem' }}>\r\n         {/* {step === 'login'\r\n            ? t('message')\r\n            : tMfa('subtitle', { email })} */}\r\n          {tresetPassword('subtitle')}\r\n        </p>\r\n      </div> \r\n\r\n    <Input\r\n      type=\"email\"\r\n      placeholder=\"Enter your email address\"\r\n      value={email}\r\n      onChange={(e) => setEmail(e.target.value)}\r\n      disabled={isLoading}\r\n    />\r\n\r\n    {error && (\r\n      <div className=\"auth-pw-error\">\r\n        {error}\r\n      </div>\r\n    )}\r\n\r\n    <Button\r\n      onClick={handleForgotPassword}\r\n      disabled={isLoading || !email}\r\n      className=\"w-full\"\r\n    >\r\n      {isLoading\r\n        ? <LoadingSpinner />\r\n        : 'Send Reset Link'}\r\n    </Button>\r\n\r\n    <Button\r\n      variant=\"outline\"\r\n      onClick={() => setStep('login')}\r\n      className=\"w-full\"\r\n    >\r\n      <LR.ArrowLeft size={16} />\r\n      Back to Login\r\n    </Button>\r\n\r\n  </div>\r\n)}\r\n{/* Verify OTP for Password Change */}\r\n{step === 'forgotPasswordSent' && (\r\n  <div className=\"space-y-4\">\r\n                        <div className=\"space-y-2 text-left\">\r\n        <h1 className=\"font-display font-bold\" style={{\r\n          fontSize: '1.75rem',\r\n          lineHeight: '1.1',\r\n          letterSpacing: '-0.02em',\r\n          color: 'var(--hp-on-surface)',\r\n        }}>\r\n         {/*  {step === 'login' ? t('title') : tMfa('title')} */}\r\n         {tresetPassword('title')}\r\n        </h1>\r\n\r\n        <p style={{ color: 'var(--hp-on-surface-variant)', fontSize: '0.9rem' }}>\r\n         {/* {step === 'login'\r\n            ? t('message')\r\n            : tMfa('subtitle', { email })} */}\r\n          {tresetPassword('ifAnAccountExists',{email})}\r\n        </p>\r\n      </div>\r\n              <Input\r\n            placeholder={tMfa('placeholder')}\r\n            value={code}\r\n            onChange={(e) => setCode(e.target.value)}\r\n            disabled={isLoading}\r\n          />\r\n{error && (\r\n  <div className=\"auth-pw-error\">\r\n    {error}\r\n  </div>\r\n)}\r\n          <Button onClick={handleVerifyOTPForPasswordChange} disabled={isLoading} className=\"w-full\">\r\n            {isLoading ? <LoadingSpinner /> : tMfa('verify')}\r\n          </Button>\r\n\r\n    <Button\r\n      onClick={() => setStep('login')}\r\n      className=\"w-full\"\r\n    >\r\n      Back to Login\r\n    </Button>\r\n\r\n  </div>\r\n)}\r\n\r\n{/*Change PAssword */}\r\n{step === 'changePassword' && (\r\n\r\n<div className=\"space-y-4\">\r\n                          <div className=\"space-y-2 text-left\">\r\n        <h1 className=\"font-display font-bold\" style={{\r\n          fontSize: '1.75rem',\r\n          lineHeight: '1.1',\r\n          letterSpacing: '-0.02em',\r\n          color: 'var(--hp-on-surface)',\r\n        }}>\r\n         {/*  {step === 'login' ? t('title') : tMfa('title')} */}\r\n         {tresetPassword('newPasswordTitle')}\r\n        </h1>\r\n\r\n        <p style={{ color: 'var(--hp-on-surface-variant)', fontSize: '0.9rem' }}>\r\n         {/* {step === 'login'\r\n            ? t('message')\r\n            : tMfa('subtitle', { email })} */}\r\n          {tresetPassword('newPasswordMessage')}<br /> <br />\r\n          {tresetPassword('lowercase')} <br />\r\n          {tresetPassword('lowercase')} <br />\r\n          {tresetPassword('uppercase')} <br />\r\n          {tresetPassword('digit')} <br />\r\n          {tresetPassword('specialchar')} <br />\r\n          {tresetPassword('minmax')} <br />\r\n        </p>\r\n\r\n      </div>\r\n  \r\n                                     \r\n  <Input\r\n    type={showNewPassword ? 'text' : 'password'}\r\n    placeholder=\"New Password\"\r\n    className={`w-full ${hasAttemptedSave && newPasswordErrors.length > 0 ? 'border-destructive' : ''}`}\r\n    value={newPassword}\r\n    onChange={handlePasswordChange}\r\n  />\r\n\r\n                    {hasAttemptedSave && newPasswordErrors.map((error, idx) => (\r\n                      <PasswordError key={idx} message={error} />\r\n                    ))}\r\n\r\n\r\n  <Input\r\n    type={showConfirmPassword ? 'text' : 'password'}\r\n    placeholder=\"Confirm Password\"\r\n    value={confirmPassword}\r\n    onChange={handleConfirmPasswordChange}\r\n  />\r\n\r\n                    \r\n                    {hasAttemptedSave && confirmPasswordError && (\r\n                      <PasswordError message={confirmPasswordError} />\r\n                    )}\r\n\r\n  {error && (\r\n    <div className=\"auth-pw-error\">\r\n      {error}\r\n    </div>\r\n  )}\r\n\r\n  <Button\r\n    onClick={handleResetPassword}\r\n    disabled={isLoading}\r\n    className=\"w-full\"\r\n  >\r\n    {isLoading\r\n      ? <LoadingSpinner />\r\n      : 'Change Password'}\r\n  </Button>\r\n\r\n\r\n  <Button\r\n    variant=\"outline\"\r\n    onClick={() => setStep('login')}\r\n    className=\"w-full\"\r\n  >\r\n    <LR.ArrowLeft size={16} />\r\n    Back to Login\r\n  </Button>\r\n\r\n</div>\r\n\r\n)}\r\n      {/* CAPTCHA only on Credentials(Username and Password) Provider login */}\r\n           \r\n      {step === 'login' && (\r\n        <div className=\"auth-captcha-wrapper\">\r\n          <ReCAPTCHA\r\n            ref={recaptchaRef}\r\n            key={`recaptcha-${authTheme}`}\r\n            sitekey={recaptchaSiteKey ?? ''}\r\n            onChange={(token) => onReCaptchaSuccess(token)}\r\n            theme={authTheme}\r\n          />\r\n        </div>\r\n      )}\r\n    </>\r\n  )\r\n}\r\n\r\ninterface SignInProps {\r\n  recaptchaSiteKey?: string\r\n  minioBaseUrl?: string\r\n}\r\n\r\nexport function SignIn({ recaptchaSiteKey,minioBaseUrl, }: SignInProps) {\r\n  return (\r\n    <AuthPage minioBaseUrl={minioBaseUrl}>\r\n      <SignInContent recaptchaSiteKey={recaptchaSiteKey} />\r\n    </AuthPage>\r\n  )\r\n}"],"mappings":";AAyXI,mBACE,KAMI,YAPN;AApXJ,YAAY,WAAW;AACvB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,YAAY,QAAQ;AACpB,SAAS,OAAO,eAAe;AAC/B,SAAS,QAAQ,YAAY,OAAO,sBAAsB;AAC1D,SAAS,UAAU,oBAAoB;AACvC,SAAS,WAAW,uBAAuB;AAC3C,OAAO,eAAe;AACtB,SAAS,qBAAqB;AAQ9B,SAAS,cAAc,EAAE,iBAAkB,GAAG;AAtB9C;AAuBE,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAM9B,OAAO;AAEP,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,EAAE;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,EAAE;AACjD,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAE;AAEzC,QAAM,eAAe,MAAM,OAAkB,IAAI;AACjD,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,KAAK;AAC9D,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,EAAE;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,EAAE;AAC3C,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAC5D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,EAAE;AAE/D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,KAAK;AAClE,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,MAAM,SAAS,KAAK;AAC1E,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,EAAE;AAC/D,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAE;AAEvD,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAmB,CAAC,CAAC;AAC7E,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAmB,CAAC,CAAC;AACvE,QAAM,CAAC,sBAAsB,uBAAuB,IAAI,MAAM,SAAS,EAAE;AACzE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,KAAK;AACpE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,KAAK;AAGxE,QAAM,eAAe,gBAAgB;AACrC,QAAM,SAAS,UAAU;AACzB,QAAM,WAAU,YAAO,aAAP,YAAmB;AACnC,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM;AAAA,IAC1C,aAAa,IAAI,OAAO;AAAA,EAC1B;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,aAAa;AACf,aAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,IAAI,OAAO,SAAS;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,CAAC;AAEzB,QAAM,IAAI,gBAAgB,QAAQ;AAClC,QAAM,OAAO,gBAAgB,KAAK;AAClC,QAAM,kBAAkB,gBAAgB,gBAAgB;AACxD,QAAM,iBAAiB,gBAAgB,eAAe;AACtD,QAAM,YAAY,aAAa;AAI/B,QAAM,eAAe,MAAM;AA5E7B,QAAAA;AA6EI,KAAAA,MAAA,aAAa,YAAb,gBAAAA,IAAsB;AACtB,oBAAgB,EAAE;AAClB,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,qBAAqB,CAAC,UAAU;AACpC,oBAAgB,KAAK;AACrB,qBAAiB,IAAI;AAAA,EACvB;AAGA,QAAM,eAAe,OAAO,MAAM;AAChC,MAAE,eAAe;AACjB,mBAAe,IAAI;AACnB,iBAAa,IAAI;AACjB,aAAS,EAAE;AAEX,QAAI;AACF,YAAM,SAAS,MAAM,OAAO,eAAe;AAAA,QACzC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAED,UAAI,iCAAQ,OAAO;AAEjB,YAAI,OAAO,SAAS,oBAAoB;AAEtC,uBAAa,IAAI;AACjB,mBAAS,yDAAyD;AAClE;AAAA,QACF,WAES,OAAO,SAAS,iCAAiC;AACxD,mBAAS,2BAA2B;AACpC,uBAAa,KAAK;AAClB,uBAAa;AACb;AAAA,QACF,WAES,CAAC,eAAe;AACvB,mBAAS,8BAA8B;AACvC,uBAAa,KAAK;AAClB,uBAAa;AACb;AAAA,QACF,WAES,OAAO,SAAS,uBAAuB;AAC9C,mBAAS,2BAA2B;AACpC,uBAAa,KAAK;AAClB,uBAAa;AACb;AAAA,QACF,WAES,OAAO,SAAS,gBAAgB;AACvC,kBAAQ,KAAK;AACb,uBAAa,KAAK;AAClB;AAAA,QACF,OAEK;AACH,mBAAS,uDAAuD;AAChE,uBAAa,KAAK;AAClB,uBAAa;AACb;AAAA,QACF;AAAA,MACF;AAGA,aAAO,SAAS,OAAO,IAAI,OAAO;AAAA,IAEpC,SAAS,KAAK;AACZ,eAAS,qCAAqC;AAC9C,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAGA,QAAM,kBAAkB,YAAY;AAClC,iBAAa,IAAI;AACjB,aAAS,EAAE;AAEX,QAAI;AACF,YAAM,MAAM,MAAM,MAAM,YAAY;AAAA,QAClC,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU,EAAE,OAAO,KAAK,CAAC;AAAA,MACtC,CAAC;AAED,UAAI,CAAC,IAAI,IAAI;AACX,cAAM,MAAM,KAAK,aAAa,CAAC;AAC/B,qBAAa,KAAK;AAClB;AAAA,MACF;AAEA,YAAM,QAAQ,KAAK,SAAS,CAAC;AAG7B,YAAM,OAAO,eAAe;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb,UAAU;AAAA,QACV,YAAY,IAAI,OAAO;AAAA,MACzB,CAAC;AAAA,IAEH,SAAS,KAAK;AACZ,YAAM,MAAM,KAAK,oBAAoB,CAAC;AACtC,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAGA,QAAM,mBAAmB,CAACC,cAA+B;AACvD,UAAM,SAAmB,CAAC;AAQ1B,UAAM,gBAAgB;AACpB,QAAI,CAAC,cAAc,KAAKA,SAAQ,GAAG;AACjC,aAAO,KAAK,EAAE,cAAc,CAAC;AAAA,IAC/B;AAOF,WAAO;AAAA,EACT;AAEE,QAAM,uBAAuB,CAAC,MAA2C;AACzE,UAAM,QAAQ,EAAE,OAAO;AACvB,mBAAe,KAAK;AACpB,yBAAqB,iBAAiB,KAAK,CAAC;AAC5C,QAAI,iBAAiB;AACnB,8BAAwB,UAAU,kBAAkB,KAAK,gBAAgB,SAAS,CAAC;AAAA,IACrF;AAAA,EACF;AACA,QAAM,8BAA8B,CAAC,MAA2C;AAC9E,UAAM,QAAQ,EAAE,OAAO;AACvB,uBAAmB,KAAK;AACxB,4BAAwB,UAAU,cAAc,KAAK,gBAAgB,SAAS,CAAC;AAAA,EACjF;AAMA,QAAM,uBAAuB,YAAY;AACzC,iBAAa,IAAI;AACjB,aAAS,EAAE;AAEX,QAAI;AACF,YAAM,MAAM,MAAM,MAAM,uBAAuB;AAAA,QAC7C,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,gBAAgB;AAAA,QAClB;AAAA,QACA,MAAM,KAAK,UAAU;AAAA,UACnB;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAED,UAAI,CAAC,IAAI,IAAI;AACX,iBAAS,sCAAsC;AAC/C,qBAAa,KAAK;AAClB;AAAA,MACF;AAGA,cAAQ,oBAAoB;AAC5B,mBAAa,KAAK;AAAA,IAEpB,SAAQ;AACN,eAAS,mBAAmB;AAC5B,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAIE,QAAM,mCAAmC,YAAY;AAErD,iBAAa,IAAI;AACjB,aAAS,EAAE;AAEX,QAAI;AAEF,YAAM,MAAM,MAAM,MAAM,kBAAkB;AAAA,QAExC,QAAQ;AAAA,QAER,SAAS;AAAA,UACP,gBAAgB;AAAA,QAClB;AAAA,QAEA,MAAM,KAAK,UAAU;AAAA,UACnB;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAED,UAAI,CAAC,IAAI,IAAI;AAGX,cAAM,MAAM,4BAA4B;AACxC,qBAAa,KAAK;AAClB;AAAA,MAEF;AACA,YAAM,QAAQ,SAAS;AAEvB,cAAQ,gBAAgB;AAAA,IAE1B,SAAQ;AAEN,eAAS,wBAAwB;AAAA,IAEnC,UAAE;AAEA,mBAAa,KAAK;AAAA,IAEpB;AAAA,EAEA;AAGF,QAAM,sBAAsB,YAAY;AAEtC,0BAAsB,IAAI;AAE1B,UAAM,SAAS,iBAAiB,WAAW;AAE3C,sBAAkB,MAAM;AAGxB,QAAI,gBAAgB,iBAAiB;AAEnC,YAAM,MAAM,gBAAgB,SAAS,CAAC;AACtC;AAAA,IAEF;AAEA,QAAI,OAAO,SAAS,GAAE;AACpB,YAAM,MAAM,gBAAgB,qBAAqB,CAAC;AAClD;AAAA,IACF;AACA,iBAAa,IAAI;AACjB,aAAS,EAAE;AAGX,QAAI;AAEF,YAAM,MAAM,MAAM,MAAM,sBAAsB;AAAA,QAE5C,QAAQ;AAAA,QAER,SAAS;AAAA,UACP,gBAAgB;AAAA,QAClB;AAAA,QAEA,MAAM,KAAK,UAAU;AAAA,UAEnB;AAAA,UACA;AAAA,UACA;AAAA,QAEF,CAAC;AAAA,MACH,CAAC;AAED,UAAI,CAAC,IAAI,IAAI;AAEX,cAAM,MAAM,4CAA4C;AACxD,gBAAQ,OAAO;AACf;AAAA,MAEF;AAEA,YAAM,QAAQ,gCAAgC;AAE9C,qBAAe,EAAE;AACjB,yBAAmB,EAAE;AACrB,cAAQ,EAAE;AACV,cAAQ,OAAO;AAAA,IAEjB,UAAE;AAEA,mBAAa,KAAK;AAAA,IAEpB;AAAA,EAGF;AACE,SACE,iCACE;AAAA,wBAAC,WAAQ,YAAU,MAAC,UAAS,aAAY;AAAA,IAGxC,SAAS,WACR,qBAAC,UAAK,UAAU,cAAc,WAAU,aAEtC;AAAA,2BAAC,SAAI,WAAU,uBAEjB;AAAA,4BAAC,QAAG,WAAU,0BAAyB,OAAO;AAAA,UAC5C,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,OAAO;AAAA,QACT,GAEE,YAAE,OAAO,GACX;AAAA,QAEA,oBAAC,OAAE,OAAO,EAAE,OAAO,gCAAgC,UAAU,SAAS,GAInE,YAAE,SAAS,GACd;AAAA,SACF;AAAA,MAEI;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,aAAa,EAAE,cAAc;AAAA,UAC7B,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC,UAAU;AAAA,UACV,UAAQ;AAAA;AAAA,MACV;AAAA,MAEA,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,eAAe,SAAS;AAAA,YAC9B,aAAa,EAAE,cAAc;AAAA,YAC7B,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,YAC3C,UAAU;AAAA,YACV,UAAQ;AAAA,YACR,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,gBAAgB,OAAK,CAAC,CAAC;AAAA,YACtC,UAAU;AAAA,YACV,WAAU;AAAA,YACV,OAAO,EAAE,OAAO,+BAA+B;AAAA,YAE9C,yBAAe,oBAAC,GAAG,QAAH,EAAU,MAAM,IAAI,IAAK,oBAAC,GAAG,KAAH,EAAO,MAAM,IAAI;AAAA;AAAA,QAC9D;AAAA,SACF;AAAA,MAEC,gBAAgB,uBACf,oBAAC,SAAI,WAAU,iBAAgB,2HAE/B;AAAA,MAED,SAAS,oBAAC,SAAI,WAAU,iBAAiB,iBAAM;AAAA,MAEhD,qBAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,UAAO,MAAK,UAAS,UAAU,WAAW,WAAU,2BAClD,sBAAY,oBAAC,kBAAe,IAAK,SACpC;AAAA,QAGC;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,SAAS,MAAM,OAAO,UAAU,EAAE,YAAY,IAAI,OAAO,GAAG,CAAC;AAAA,YAC7D,UAAU;AAAA,YACV,cAAW;AAAA,YACX,WAAU;AAAA,YAEV,8BAAC,cAAW,MAAM,IAAI;AAAA;AAAA,QACxB;AAAA,SAEF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACD,MAAK;AAAA,UACL,SAAS,MAAM;AACf,qBAAS,EAAE;AACX,oBAAQ,gBAAgB;AAAA,UACxB;AAAA,UACA,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,oBAAoB;AAAA,UACnC;AAAA;AAAA,MAED;AAAA,OAEF;AAAA,IAID,SAAS,SACR,qBAAC,SAAI,WAAU,aACP;AAAA,2BAAC,SAAI,WAAU,uBACvB;AAAA,4BAAC,QAAG,WAAU,0BAAyB,OAAO;AAAA,UAC5C,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,OAAO;AAAA,QACT,GAEE,eAAK,OAAO,GACd;AAAA,QAEA,oBAAC,OAAE,OAAO,EAAE,OAAO,gCAAgC,UAAU,SAAS,GAInE,eAAK,YAAW,EAAC,MAAK,CAAC,GAC1B;AAAA,SACF;AAAA,MAEI;AAAA,QAAC;AAAA;AAAA,UACC,aAAa,KAAK,aAAa;AAAA,UAC/B,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA,UACvC,UAAU;AAAA;AAAA,MACZ;AAAA,MAEA,oBAAC,UAAO,SAAS,iBAAiB,UAAU,WAAW,WAAU,UAC9D,sBAAY,oBAAC,kBAAe,IAAK,KAAK,QAAQ,GACjD;AAAA,MAGA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM,QAAQ,OAAO;AAAA,UAC9B,WAAU;AAAA,UAEV;AAAA,gCAAC,GAAG,WAAH,EAAa,MAAM,IAAI;AAAA,YACvB,KAAK,aAAa;AAAA;AAAA;AAAA,MACrB;AAAA,OACF;AAAA,IAGD,SAAS,oBACd,qBAAC,SAAI,WAAU,aACT;AAAA,2BAAC,SAAI,WAAU,uBACf;AAAA,4BAAC,QAAG,WAAU,0BAAyB,OAAO;AAAA,UAC5C,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,OAAO;AAAA,QACT,GAEE,yBAAe,OAAO,GACxB;AAAA,QAEA,oBAAC,OAAE,OAAO,EAAE,OAAO,gCAAgC,UAAU,SAAS,GAInE,yBAAe,UAAU,GAC5B;AAAA,SACF;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC,UAAU;AAAA;AAAA,MACZ;AAAA,MAEC,SACC,oBAAC,SAAI,WAAU,iBACZ,iBACH;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU,aAAa,CAAC;AAAA,UACxB,WAAU;AAAA,UAET,sBACG,oBAAC,kBAAe,IAChB;AAAA;AAAA,MACN;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM,QAAQ,OAAO;AAAA,UAC9B,WAAU;AAAA,UAEV;AAAA,gCAAC,GAAG,WAAH,EAAa,MAAM,IAAI;AAAA,YAAE;AAAA;AAAA;AAAA,MAE5B;AAAA,OAEF;AAAA,IAGD,SAAS,wBACR,qBAAC,SAAI,WAAU,aACO;AAAA,2BAAC,SAAI,WAAU,uBAC/B;AAAA,4BAAC,QAAG,WAAU,0BAAyB,OAAO;AAAA,UAC5C,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,OAAO;AAAA,QACT,GAEE,yBAAe,OAAO,GACxB;AAAA,QAEA,oBAAC,OAAE,OAAO,EAAE,OAAO,gCAAgC,UAAU,SAAS,GAInE,yBAAe,qBAAoB,EAAC,MAAK,CAAC,GAC7C;AAAA,SACF;AAAA,MACQ;AAAA,QAAC;AAAA;AAAA,UACH,aAAa,KAAK,aAAa;AAAA,UAC/B,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA,UACvC,UAAU;AAAA;AAAA,MACZ;AAAA,MACT,SACC,oBAAC,SAAI,WAAU,iBACZ,iBACH;AAAA,MAEQ,oBAAC,UAAO,SAAS,kCAAkC,UAAU,WAAW,WAAU,UAC/E,sBAAY,oBAAC,kBAAe,IAAK,KAAK,QAAQ,GACjD;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM,QAAQ,OAAO;AAAA,UAC9B,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OAEF;AAAA,IAID,SAAS,oBAEV,qBAAC,SAAI,WAAU,aACW;AAAA,2BAAC,SAAI,WAAU,uBACjC;AAAA,4BAAC,QAAG,WAAU,0BAAyB,OAAO;AAAA,UAC5C,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,OAAO;AAAA,QACT,GAEE,yBAAe,kBAAkB,GACnC;AAAA,QAEA,qBAAC,OAAE,OAAO,EAAE,OAAO,gCAAgC,UAAU,SAAS,GAInE;AAAA,yBAAe,oBAAoB;AAAA,UAAE,oBAAC,QAAG;AAAA,UAAE;AAAA,UAAC,oBAAC,QAAG;AAAA,UAChD,eAAe,WAAW;AAAA,UAAE;AAAA,UAAC,oBAAC,QAAG;AAAA,UACjC,eAAe,WAAW;AAAA,UAAE;AAAA,UAAC,oBAAC,QAAG;AAAA,UACjC,eAAe,WAAW;AAAA,UAAE;AAAA,UAAC,oBAAC,QAAG;AAAA,UACjC,eAAe,OAAO;AAAA,UAAE;AAAA,UAAC,oBAAC,QAAG;AAAA,UAC7B,eAAe,aAAa;AAAA,UAAE;AAAA,UAAC,oBAAC,QAAG;AAAA,UACnC,eAAe,QAAQ;AAAA,UAAE;AAAA,UAAC,oBAAC,QAAG;AAAA,WACjC;AAAA,SAEF;AAAA,MAGJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,kBAAkB,SAAS;AAAA,UACjC,aAAY;AAAA,UACZ,WAAW,UAAU,oBAAoB,kBAAkB,SAAS,IAAI,uBAAuB,EAAE;AAAA,UACjG,OAAO;AAAA,UACP,UAAU;AAAA;AAAA,MACZ;AAAA,MAEmB,oBAAoB,kBAAkB,IAAI,CAACC,QAAO,QACjD,oBAAC,iBAAwB,SAASA,UAAd,GAAqB,CAC1C;AAAA,MAGnB;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,sBAAsB,SAAS;AAAA,UACrC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA;AAAA,MACZ;AAAA,MAGmB,oBAAoB,wBACnB,oBAAC,iBAAc,SAAS,sBAAsB;AAAA,MAGjE,SACC,oBAAC,SAAI,WAAU,iBACZ,iBACH;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAU;AAAA,UAET,sBACG,oBAAC,kBAAe,IAChB;AAAA;AAAA,MACN;AAAA,MAGA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM,QAAQ,OAAO;AAAA,UAC9B,WAAU;AAAA,UAEV;AAAA,gCAAC,GAAG,WAAH,EAAa,MAAM,IAAI;AAAA,YAAE;AAAA;AAAA;AAAA,MAE5B;AAAA,OAEF;AAAA,IAKO,SAAS,WACR,oBAAC,SAAI,WAAU,wBACb;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QAEL,SAAS,8CAAoB;AAAA,QAC7B,UAAU,CAAC,UAAU,mBAAmB,KAAK;AAAA,QAC7C,OAAO;AAAA;AAAA,MAHF,aAAa,SAAS;AAAA,IAI7B,GACF;AAAA,KAEJ;AAEJ;AAOO,SAAS,OAAO,EAAE,kBAAiB,aAAc,GAAgB;AACtE,SACE,oBAAC,YAAS,cACR,8BAAC,iBAAc,kBAAoC,GACrD;AAEJ;","names":["_a","password","error"]}

package/dist/core/components/settings/index.js

@@ -14,10 +14,10 @@ function UserSettings({ minioBaseUrl }) {
     { key: "users", label: t("users") },
     { key: "organization", label: t("organization") }
   ], [t]);
-  return /* @__PURE__ */ jsx("div", { className: "sm:p-2 overflow-hidden bg-[#fafafa] h-full", children: /* @__PURE__ */ jsx("div", { className: "bg-background rounded-xl shadow min-h-full", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen", children: [
+  return /* @__PURE__ */ jsx("div", { className: "sm:p-2 overflow-hidden bg-[#fafafa] h-full", children: /* @__PURE__ */ jsx("div", { className: "bg-background rounded-xl shadow min-h-full", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
     /* @__PURE__ */ jsx(SettingsHeader, { title: t("settings") }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2 p-6 h-full overflow-hidden", children: [
-      /* @__PURE__ */ jsx("div", { className: "hidden md:!flex flex-shrink-0 pr-4 lg:w-[280px]", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row gap-2 p-6 flex-1 min-h-0 overflow-y-auto md:overflow-hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 md:pr-4 lg:w-[280px]", children: /* @__PURE__ */ jsx(
         SettingsSidebar,
         {
           tabs,

package/dist/core/components/settings/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/settings/index.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\n\r\nimport { Separator } from '../ui/'\r\n\r\nimport SettingsHeader from './src/SettingsHeader'\r\nimport SettingsSidebar from './src/SettingsSidebar'\r\nimport SettingsContent from './src/SettingsContent'\r\nimport type { SettingsTabKey } from './src/types'\r\n\r\nexport function UserSettings({ minioBaseUrl }: { minioBaseUrl?: string }) {\r\n  const t = useTranslations('UserSettings')\r\n  const [activeTab, setActiveTab] = React.useState<SettingsTabKey>('account')\r\n\r\n  const tabs = React.useMemo(() => (\r\n    [\r\n      { key: 'account' as const, label: t('account') },\r\n      { key: 'users' as const, label: t('users') },\r\n      { key: 'organization' as const, label: t('organization') },\r\n    ]\r\n  ), [t])\r\n\r\n  return (\r\n    <div className=\"sm:p-2 overflow-hidden bg-[#fafafa] h-full\">\r\n      <div className=\"bg-background rounded-xl shadow min-h-full\">\r\n        <div className=\"flex flex-col h-screen\">\r\n          <SettingsHeader title={t('settings')} />\r\n\r\n          <div className=\"flex flex-row gap-2 p-6 h-full overflow-hidden\">\r\n            <div className=\"hidden md:!flex flex-shrink-0 pr-4 lg:w-[280px]\">\r\n              <SettingsSidebar\r\n                tabs={tabs}\r\n                activeTab={activeTab}\r\n                onTabChange={setActiveTab}\r\n              />\r\n            </div>\r\n\r\n            <Separator orientation=\"vertical\" className=\"hidden md:!flex\" />\r\n\r\n            <SettingsContent activeTab={activeTab} minioBaseUrl={minioBaseUrl} />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AA+BU,cAEA,YAFA;AA1BV,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAEhC,SAAS,iBAAiB;AAE1B,OAAO,oBAAoB;AAC3B,OAAO,qBAAqB;AAC5B,OAAO,qBAAqB;AAGrB,SAAS,aAAa,EAAE,aAAa,GAA8B;AACxE,QAAM,IAAI,gBAAgB,cAAc;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAyB,SAAS;AAE1E,QAAM,OAAO,MAAM,QAAQ,MACzB;AAAA,IACE,EAAE,KAAK,WAAoB,OAAO,EAAE,SAAS,EAAE;AAAA,IAC/C,EAAE,KAAK,SAAkB,OAAO,EAAE,OAAO,EAAE;AAAA,IAC3C,EAAE,KAAK,gBAAyB,OAAO,EAAE,cAAc,EAAE;AAAA,EAC3D,GACC,CAAC,CAAC,CAAC;AAEN,SACE,oBAAC,SAAI,WAAU,8CACb,8BAAC,SAAI,WAAU,8CACb,+BAAC,SAAI,WAAU,0BACb;AAAA,wBAAC,kBAAe,OAAO,EAAE,UAAU,GAAG;AAAA,IAEtC,qBAAC,SAAI,WAAU,kDACb;AAAA,0BAAC,SAAI,WAAU,mDACb;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,aAAa;AAAA;AAAA,MACf,GACF;AAAA,MAEA,oBAAC,aAAU,aAAY,YAAW,WAAU,mBAAkB;AAAA,MAE9D,oBAAC,mBAAgB,WAAsB,cAA4B;AAAA,OACrE;AAAA,KACF,GACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/core/components/settings/index.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\n\r\nimport { Separator } from '../ui/'\r\n\r\nimport SettingsHeader from './src/SettingsHeader'\r\nimport SettingsSidebar from './src/SettingsSidebar'\r\nimport SettingsContent from './src/SettingsContent'\r\nimport type { SettingsTabKey } from './src/types'\r\n\r\nexport function UserSettings({ minioBaseUrl }: { minioBaseUrl?: string }) {\r\n  const t = useTranslations('UserSettings')\r\n  const [activeTab, setActiveTab] = React.useState<SettingsTabKey>('account')\r\n\r\n  const tabs = React.useMemo(() => (\r\n    [\r\n      { key: 'account' as const, label: t('account') },\r\n      { key: 'users' as const, label: t('users') },\r\n      { key: 'organization' as const, label: t('organization') },\r\n    ]\r\n  ), [t])\r\n\r\n  return (\r\n    <div className=\"sm:p-2 overflow-hidden bg-[#fafafa] h-full\">\r\n      <div className=\"bg-background rounded-xl shadow min-h-full\">\r\n        <div className=\"flex flex-col h-full\">\r\n          <SettingsHeader title={t('settings')} />\r\n\r\n          <div className=\"flex flex-col md:flex-row gap-2 p-6 flex-1 min-h-0 overflow-y-auto md:overflow-hidden\">\r\n            <div className=\"flex-shrink-0 md:pr-4 lg:w-[280px]\">\r\n              <SettingsSidebar\r\n                tabs={tabs}\r\n                activeTab={activeTab}\r\n                onTabChange={setActiveTab}\r\n              />\r\n            </div>\r\n\r\n            <Separator orientation=\"vertical\" className=\"hidden md:!flex\" />\r\n\r\n            <SettingsContent activeTab={activeTab} minioBaseUrl={minioBaseUrl} />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AA+BU,cAEA,YAFA;AA1BV,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAEhC,SAAS,iBAAiB;AAE1B,OAAO,oBAAoB;AAC3B,OAAO,qBAAqB;AAC5B,OAAO,qBAAqB;AAGrB,SAAS,aAAa,EAAE,aAAa,GAA8B;AACxE,QAAM,IAAI,gBAAgB,cAAc;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAyB,SAAS;AAE1E,QAAM,OAAO,MAAM,QAAQ,MACzB;AAAA,IACE,EAAE,KAAK,WAAoB,OAAO,EAAE,SAAS,EAAE;AAAA,IAC/C,EAAE,KAAK,SAAkB,OAAO,EAAE,OAAO,EAAE;AAAA,IAC3C,EAAE,KAAK,gBAAyB,OAAO,EAAE,cAAc,EAAE;AAAA,EAC3D,GACC,CAAC,CAAC,CAAC;AAEN,SACE,oBAAC,SAAI,WAAU,8CACb,8BAAC,SAAI,WAAU,8CACb,+BAAC,SAAI,WAAU,wBACb;AAAA,wBAAC,kBAAe,OAAO,EAAE,UAAU,GAAG;AAAA,IAEtC,qBAAC,SAAI,WAAU,yFACb;AAAA,0BAAC,SAAI,WAAU,sCACb;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,aAAa;AAAA;AAAA,MACf,GACF;AAAA,MAEA,oBAAC,aAAU,aAAY,YAAW,WAAU,mBAAkB;AAAA,MAE9D,oBAAC,mBAAgB,WAAsB,cAA4B;AAAA,OACrE;AAAA,KACF,GACF,GACF;AAEJ;","names":[]}

package/dist/core/components/settings/src/OrganizationSettingsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationSettingsPanel.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/settings/src/OrganizationSettingsPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0B9B,UAAU,8BAA8B;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,YAAY,GACb,EAAE,8BAA8B,qBA+chC"}
+{"version":3,"file":"OrganizationSettingsPanel.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/settings/src/OrganizationSettingsPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0B9B,UAAU,8BAA8B;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,YAAY,GACb,EAAE,8BAA8B,qBAgdhC"}

package/dist/core/components/settings/src/OrganizationSettingsPanel.js

@@ -290,11 +290,12 @@ function OrganizationSettingsPanel({
             /* @__PURE__ */ jsx(
               Input,
               {
-                value: getFieldValue("name") || "",
-                onChange: (e) => handleInputChange("name", e.target.value),
-                disabled: !isEditing || !ability.can("update", "Organization")
+                value: (organization == null ? void 0 : organization.name) || "",
+                disabled: true,
+                readOnly: true
               }
-            )
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("fields.nameLocked") })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("fields.title") }),