@massimo.mazzoleni/cognito-max 1.0.0

package/dist/ui/index.js

@@ -0,0 +1,1109 @@
+import { useAuth, useMfa } from '../chunk-N4OQLBV6.js';
+import '../chunk-DKPFVGTY.js';
+import { useState, useCallback, useId, useRef, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function useSignInForm(options = {}) {
+  const {
+    signIn,
+    respondToMfaChallenge,
+    respondToNewPasswordChallenge,
+    setupTotpChallenge,
+    verifyTotpChallenge
+  } = useAuth();
+  const [step, setStep] = useState("credentials");
+  const [isLoading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [mfaType, setMfaType] = useState(null);
+  const [challengeSession, setChallengeSession] = useState(null);
+  const [mfaCode, setMfaCode] = useState("");
+  const [newPwd, setNewPwd] = useState("");
+  const [confirmPwd, setConfirmPwd] = useState("");
+  const [requiredAttributes, setRequiredAttributes] = useState([]);
+  const [mfaSetupQrCodeUri, setMfaSetupQrCodeUri] = useState(null);
+  const [mfaSetupSecretCode, setMfaSetupSecretCode] = useState(null);
+  const [mfaSetupTotpCode, setMfaSetupTotpCode] = useState("");
+  const handleSignInResult = useCallback(
+    (result) => {
+      if (result.status === "SUCCESS") {
+        options.onSuccess?.(result);
+      } else if (result.status === "MFA_REQUIRED") {
+        setMfaType(result.mfaType);
+        setChallengeSession(result.challengeSession);
+        setStep("mfa");
+      } else if (result.status === "NEW_PASSWORD_REQUIRED") {
+        setChallengeSession(result.challengeSession);
+        setRequiredAttributes(result.requiredAttributes);
+        setStep("new_password");
+      } else if (result.status === "MFA_SETUP_REQUIRED") {
+        setChallengeSession(result.challengeSession);
+        setStep("mfa_setup");
+      }
+    },
+    [options]
+  );
+  const handleCredentialsSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      setError(null);
+      setLoading(true);
+      try {
+        const result = await signIn(email, password);
+        handleSignInResult(result);
+      } catch (err) {
+        const authErr = err;
+        setError(authErr);
+        options.onError?.(authErr);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [email, password, signIn, handleSignInResult, options]
+  );
+  const handleMfaSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      if (!challengeSession || !mfaType) return;
+      setError(null);
+      setLoading(true);
+      try {
+        const result = await respondToMfaChallenge(challengeSession, mfaCode, mfaType);
+        handleSignInResult(result);
+      } catch (err) {
+        const authErr = err;
+        setError(authErr);
+        options.onError?.(authErr);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [challengeSession, mfaType, mfaCode, respondToMfaChallenge, handleSignInResult, options]
+  );
+  const handleNewPasswordSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      if (!challengeSession) return;
+      if (newPwd !== confirmPwd) {
+        setError({ message: "Le password non coincidono", code: "INVALID_PASSWORD" });
+        return;
+      }
+      setError(null);
+      setLoading(true);
+      try {
+        const result = await respondToNewPasswordChallenge(challengeSession, newPwd);
+        handleSignInResult(result);
+      } catch (err) {
+        const authErr = err;
+        setError(authErr);
+        options.onError?.(authErr);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [challengeSession, newPwd, confirmPwd, respondToNewPasswordChallenge, handleSignInResult, options]
+  );
+  const handleMfaSetupStart = useCallback(async () => {
+    if (!challengeSession) return;
+    setError(null);
+    setLoading(true);
+    try {
+      const result = await setupTotpChallenge(challengeSession);
+      setMfaSetupQrCodeUri(result.qrCodeUri);
+      setMfaSetupSecretCode(result.secretCode);
+    } catch (err) {
+      const authErr = err;
+      setError(authErr);
+      options.onError?.(authErr);
+    } finally {
+      setLoading(false);
+    }
+  }, [challengeSession, setupTotpChallenge, options]);
+  const handleMfaSetupVerify = useCallback(
+    async (e) => {
+      e.preventDefault();
+      if (!challengeSession) return;
+      setError(null);
+      setLoading(true);
+      try {
+        const result = await verifyTotpChallenge(challengeSession, mfaSetupTotpCode);
+        handleSignInResult(result);
+      } catch (err) {
+        const authErr = err;
+        setError(authErr);
+        options.onError?.(authErr);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [challengeSession, mfaSetupTotpCode, verifyTotpChallenge, handleSignInResult, options]
+  );
+  const reset = useCallback(() => {
+    setStep("credentials");
+    setEmail("");
+    setPassword("");
+    setMfaCode("");
+    setNewPwd("");
+    setConfirmPwd("");
+    setError(null);
+    setMfaType(null);
+    setChallengeSession(null);
+    setMfaSetupQrCodeUri(null);
+    setMfaSetupSecretCode(null);
+    setMfaSetupTotpCode("");
+  }, []);
+  return {
+    step,
+    isLoading,
+    error,
+    mfaType,
+    credentials: { email, password, setEmail, setPassword, onSubmit: handleCredentialsSubmit },
+    mfa: { code: mfaCode, setCode: setMfaCode, onSubmit: handleMfaSubmit },
+    newPassword: {
+      password: newPwd,
+      confirmPassword: confirmPwd,
+      requiredAttributes,
+      setPassword: setNewPwd,
+      setConfirmPassword: setConfirmPwd,
+      onSubmit: handleNewPasswordSubmit
+    },
+    mfaSetup: {
+      qrCodeUri: mfaSetupQrCodeUri,
+      secretCode: mfaSetupSecretCode,
+      totpCode: mfaSetupTotpCode,
+      setTotpCode: setMfaSetupTotpCode,
+      start: handleMfaSetupStart,
+      onVerify: handleMfaSetupVerify
+    },
+    reset
+  };
+}
+function useRegisterForm(options = {}) {
+  const { signUp, confirmSignUp, resendConfirmationCode } = useAuth();
+  const [step, setStep] = useState("register");
+  const [isLoading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const [code, setCode] = useState("");
+  const handleRegisterSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      if (password !== confirmPassword) {
+        setError({ message: "Le password non coincidono", code: "INVALID_PASSWORD" });
+        return;
+      }
+      setError(null);
+      setLoading(true);
+      try {
+        await signUp(email, password, options.extraAttributes);
+        setStep("confirm");
+      } catch (err) {
+        const authErr = err;
+        setError(authErr);
+        options.onError?.(authErr);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [email, password, confirmPassword, signUp, options]
+  );
+  const handleConfirmSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      setError(null);
+      setLoading(true);
+      try {
+        await confirmSignUp(email, code);
+        options.onSuccess?.();
+      } catch (err) {
+        const authErr = err;
+        setError(authErr);
+        options.onError?.(authErr);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [email, code, confirmSignUp, options]
+  );
+  const resend = useCallback(async () => {
+    setError(null);
+    try {
+      await resendConfirmationCode(email);
+    } catch (err) {
+      setError(err);
+    }
+  }, [email, resendConfirmationCode]);
+  const reset = useCallback(() => {
+    setStep("register");
+    setEmail("");
+    setPassword("");
+    setConfirmPassword("");
+    setCode("");
+    setError(null);
+  }, []);
+  return {
+    step,
+    isLoading,
+    error,
+    register: { email, password, confirmPassword, setEmail, setPassword, setConfirmPassword, onSubmit: handleRegisterSubmit },
+    confirm: { email, code, setCode, onSubmit: handleConfirmSubmit, resend },
+    reset
+  };
+}
+function useForgotPasswordForm(options = {}) {
+  const { forgotPassword, confirmForgotPassword } = useAuth();
+  const [step, setStep] = useState("request");
+  const [isLoading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [email, setEmail] = useState("");
+  const [code, setCode] = useState("");
+  const [newPassword, setNewPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const handleRequestSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      setError(null);
+      setLoading(true);
+      try {
+        await forgotPassword(email);
+        setStep("reset");
+      } catch (err) {
+        const authErr = err;
+        setError(authErr);
+        options.onError?.(authErr);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [email, forgotPassword, options]
+  );
+  const handleResetSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      if (newPassword !== confirmPassword) {
+        setError({ message: "Le password non coincidono", code: "INVALID_PASSWORD" });
+        return;
+      }
+      setError(null);
+      setLoading(true);
+      try {
+        await confirmForgotPassword(email, code, newPassword);
+        options.onSuccess?.();
+      } catch (err) {
+        const authErr = err;
+        setError(authErr);
+        options.onError?.(authErr);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [email, code, newPassword, confirmPassword, confirmForgotPassword, options]
+  );
+  const restart = useCallback(() => {
+    setStep("request");
+    setCode("");
+    setNewPassword("");
+    setConfirmPassword("");
+    setError(null);
+  }, []);
+  return {
+    step,
+    isLoading,
+    error,
+    request: { email, setEmail, onSubmit: handleRequestSubmit },
+    reset: { email, code, newPassword, confirmPassword, setCode, setNewPassword, setConfirmPassword, onSubmit: handleResetSubmit },
+    restart
+  };
+}
+function useChangePasswordForm(options = {}) {
+  const { changePassword } = useAuth();
+  const [isLoading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [success, setSuccess] = useState(false);
+  const [currentPassword, setCurrentPassword] = useState("");
+  const [newPassword, setNewPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const handleSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      if (newPassword !== confirmPassword) {
+        setError({ message: "Le nuove password non coincidono", code: "INVALID_PASSWORD" });
+        return;
+      }
+      setError(null);
+      setLoading(true);
+      try {
+        await changePassword(currentPassword, newPassword);
+        setSuccess(true);
+        options.onSuccess?.();
+      } catch (err) {
+        const authErr = err;
+        setError(authErr);
+        options.onError?.(authErr);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [currentPassword, newPassword, confirmPassword, changePassword, options]
+  );
+  const reset = useCallback(() => {
+    setCurrentPassword("");
+    setNewPassword("");
+    setConfirmPassword("");
+    setError(null);
+    setSuccess(false);
+  }, []);
+  return {
+    isLoading,
+    error,
+    success,
+    currentPassword,
+    newPassword,
+    confirmPassword,
+    setCurrentPassword,
+    setNewPassword,
+    setConfirmPassword,
+    onSubmit: handleSubmit,
+    reset
+  };
+}
+function useMfaSetup(options = {}) {
+  const { setup, verifySetup } = useMfa();
+  const [step, setStep] = useState("idle");
+  const [error, setError] = useState(null);
+  const [qrCodeUri, setQrCodeUri] = useState(null);
+  const [secretCode, setSecretCode] = useState(null);
+  const [totpCode, setTotpCode] = useState("");
+  const start = useCallback(async () => {
+    setError(null);
+    setStep("loading");
+    try {
+      const result = await setup();
+      setQrCodeUri(result.qrCodeUri);
+      setSecretCode(result.secretCode);
+      setStep("scan");
+    } catch (err) {
+      const authErr = err;
+      setError(authErr);
+      setStep("idle");
+      options.onError?.(authErr);
+    }
+  }, [setup, options]);
+  const handleVerify = useCallback(
+    async (e) => {
+      e.preventDefault();
+      setError(null);
+      setStep("loading");
+      try {
+        await verifySetup(totpCode);
+        setStep("done");
+        options.onSuccess?.();
+      } catch (err) {
+        const authErr = err;
+        setError(authErr);
+        setStep("verify");
+        options.onError?.(authErr);
+      }
+    },
+    [totpCode, verifySetup, options]
+  );
+  const reset = useCallback(() => {
+    setStep("idle");
+    setError(null);
+    setQrCodeUri(null);
+    setSecretCode(null);
+    setTotpCode("");
+  }, []);
+  return {
+    step,
+    isLoading: step === "loading",
+    error,
+    qrCodeUri,
+    secretCode,
+    totpCode,
+    setTotpCode,
+    start,
+    onVerify: handleVerify,
+    reset
+  };
+}
+function SignInForm({
+  className,
+  labels = {},
+  forgotPasswordLink,
+  registerLink,
+  renderQrCode,
+  onSuccess,
+  onError
+}) {
+  const uid = useId();
+  const form = useSignInForm({ onSuccess, onError });
+  const firstInputRef = useRef(null);
+  useEffect(() => {
+    firstInputRef.current?.focus();
+    if (form.step === "mfa_setup") {
+      void form.mfaSetup.start();
+    }
+  }, [form.step]);
+  const l = {
+    email: labels.email ?? "Email",
+    password: labels.password ?? "Password",
+    submit: labels.submit ?? "Accedi",
+    mfaCode: labels.mfaCode ?? "Codice",
+    mfaSubmit: labels.mfaSubmit ?? "Verifica",
+    newPassword: labels.newPassword ?? "Nuova password",
+    confirmNewPassword: labels.confirmNewPassword ?? "Conferma password",
+    newPasswordSubmit: labels.newPasswordSubmit ?? "Imposta password",
+    mfaSetupScanInstruction: labels.mfaSetupScanInstruction ?? "Scansiona il QR code con la tua app authenticator (Google Authenticator, Authy, 1Password\u2026)",
+    mfaSetupSecretLabel: labels.mfaSetupSecretLabel ?? "Oppure inserisci il codice manualmente",
+    mfaSetupCode: labels.mfaSetupCode ?? "Codice a 6 cifre",
+    mfaSetupSubmit: labels.mfaSetupSubmit ?? "Verifica e attiva"
+  };
+  const errorId = `${uid}-error`;
+  if (form.step === "mfa") {
+    return /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: form.mfa.onSubmit,
+        className,
+        "aria-label": "Verifica codice MFA",
+        children: [
+          /* @__PURE__ */ jsxs("p", { children: [
+            "Inserisci il codice",
+            " ",
+            form.mfaType === "TOTP" ? "dall'app authenticator" : "ricevuto via SMS"
+          ] }),
+          /* @__PURE__ */ jsx("div", { id: errorId, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: form.error?.message }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-mfa-code`, children: l.mfaCode }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: `${uid}-mfa-code`,
+                ref: firstInputRef,
+                type: "text",
+                inputMode: "numeric",
+                maxLength: 6,
+                autoComplete: "one-time-code",
+                autoFocus: true,
+                required: true,
+                "aria-required": "true",
+                "aria-invalid": !!form.error,
+                "aria-describedby": form.error ? errorId : void 0,
+                value: form.mfa.code,
+                onChange: (e) => form.mfa.setCode(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "submit", disabled: form.isLoading, "aria-busy": form.isLoading, children: form.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "..." }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Caricamento..." })
+          ] }) : l.mfaSubmit })
+        ]
+      }
+    );
+  }
+  if (form.step === "new_password") {
+    return /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: form.newPassword.onSubmit,
+        className,
+        "aria-label": "Imposta nuova password",
+        children: [
+          /* @__PURE__ */ jsx("p", { children: "Devi impostare una nuova password per continuare." }),
+          /* @__PURE__ */ jsx("div", { id: errorId, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: form.error?.message }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-new-password`, children: l.newPassword }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: `${uid}-new-password`,
+                ref: firstInputRef,
+                type: "password",
+                autoComplete: "new-password",
+                autoFocus: true,
+                required: true,
+                "aria-required": "true",
+                "aria-invalid": !!form.error,
+                "aria-describedby": form.error ? errorId : void 0,
+                value: form.newPassword.password,
+                onChange: (e) => form.newPassword.setPassword(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-confirm-password`, children: l.confirmNewPassword }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: `${uid}-confirm-password`,
+                type: "password",
+                autoComplete: "new-password",
+                required: true,
+                "aria-required": "true",
+                "aria-invalid": !!form.error,
+                value: form.newPassword.confirmPassword,
+                onChange: (e) => form.newPassword.setConfirmPassword(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "submit", disabled: form.isLoading, "aria-busy": form.isLoading, children: form.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "..." }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Caricamento..." })
+          ] }) : l.newPasswordSubmit })
+        ]
+      }
+    );
+  }
+  if (form.step === "mfa_setup") {
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      /* @__PURE__ */ jsx("div", { id: errorId, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: form.error?.message }),
+      form.isLoading && !form.mfaSetup.qrCodeUri && /* @__PURE__ */ jsx("p", { "aria-live": "polite", "aria-atomic": "true", children: "Inizializzazione in corso..." }),
+      form.mfaSetup.qrCodeUri && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { children: l.mfaSetupScanInstruction }),
+        renderQrCode ? renderQrCode(form.mfaSetup.qrCodeUri) : /* @__PURE__ */ jsx("code", { style: { wordBreak: "break-all", fontSize: "0.75em" }, children: form.mfaSetup.qrCodeUri }),
+        form.mfaSetup.secretCode && /* @__PURE__ */ jsxs("p", { children: [
+          l.mfaSetupSecretLabel,
+          ": ",
+          /* @__PURE__ */ jsx("code", { children: form.mfaSetup.secretCode })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("form", { onSubmit: form.mfaSetup.onVerify, "aria-label": "Verifica configurazione MFA", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-totp-code`, children: l.mfaSetupCode }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: `${uid}-totp-code`,
+              ref: firstInputRef,
+              type: "text",
+              inputMode: "numeric",
+              maxLength: 6,
+              autoComplete: "one-time-code",
+              autoFocus: true,
+              required: true,
+              "aria-required": "true",
+              "aria-invalid": !!form.error,
+              "aria-describedby": form.error ? errorId : void 0,
+              disabled: form.isLoading && !form.mfaSetup.qrCodeUri,
+              value: form.mfaSetup.totpCode,
+              onChange: (e) => form.mfaSetup.setTotpCode(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "submit",
+            disabled: form.isLoading || form.mfaSetup.totpCode.length !== 6,
+            "aria-busy": form.isLoading,
+            children: form.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "..." }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Caricamento..." })
+            ] }) : l.mfaSetupSubmit
+          }
+        )
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: form.credentials.onSubmit,
+      className,
+      "aria-label": "Accedi al tuo account",
+      children: [
+        /* @__PURE__ */ jsx("div", { id: errorId, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: form.error?.message }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-email`, children: l.email }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: `${uid}-email`,
+              ref: firstInputRef,
+              type: "email",
+              autoComplete: "email",
+              autoFocus: true,
+              required: true,
+              "aria-required": "true",
+              "aria-invalid": !!form.error,
+              "aria-describedby": form.error ? errorId : void 0,
+              value: form.credentials.email,
+              onChange: (e) => form.credentials.setEmail(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-password`, children: l.password }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: `${uid}-password`,
+              type: "password",
+              autoComplete: "current-password",
+              required: true,
+              "aria-required": "true",
+              "aria-invalid": !!form.error,
+              value: form.credentials.password,
+              onChange: (e) => form.credentials.setPassword(e.target.value)
+            }
+          )
+        ] }),
+        forgotPasswordLink,
+        /* @__PURE__ */ jsx("button", { type: "submit", disabled: form.isLoading, "aria-busy": form.isLoading, children: form.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "..." }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Caricamento..." })
+        ] }) : l.submit }),
+        registerLink
+      ]
+    }
+  );
+}
+function RegisterForm({
+  className,
+  labels = {},
+  signInLink,
+  onSuccess,
+  onError,
+  extraAttributes
+}) {
+  const uid = useId();
+  const form = useRegisterForm({ onSuccess, onError, extraAttributes });
+  const firstInputRef = useRef(null);
+  useEffect(() => {
+    firstInputRef.current?.focus();
+  }, [form.step]);
+  const l = {
+    email: labels.email ?? "Email",
+    password: labels.password ?? "Password",
+    confirmPassword: labels.confirmPassword ?? "Conferma password",
+    submit: labels.submit ?? "Registrati",
+    code: labels.code ?? "Codice di verifica",
+    confirmSubmit: labels.confirmSubmit ?? "Conferma",
+    resend: labels.resend ?? "Invia di nuovo"
+  };
+  const errorId = `${uid}-error`;
+  if (form.step === "confirm") {
+    return /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: form.confirm.onSubmit,
+        className,
+        "aria-label": "Conferma registrazione",
+        children: [
+          /* @__PURE__ */ jsxs("p", { children: [
+            "Controlla la tua email ",
+            /* @__PURE__ */ jsx("strong", { children: form.confirm.email }),
+            " e inserisci il codice ricevuto."
+          ] }),
+          /* @__PURE__ */ jsx("div", { id: errorId, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: form.error?.message }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-code`, children: l.code }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: `${uid}-code`,
+                ref: firstInputRef,
+                type: "text",
+                inputMode: "numeric",
+                maxLength: 6,
+                autoComplete: "one-time-code",
+                autoFocus: true,
+                required: true,
+                "aria-required": "true",
+                "aria-invalid": !!form.error,
+                "aria-describedby": form.error ? errorId : void 0,
+                value: form.confirm.code,
+                onChange: (e) => form.confirm.setCode(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "submit", disabled: form.isLoading, "aria-busy": form.isLoading, children: form.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "..." }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Caricamento..." })
+          ] }) : l.confirmSubmit }),
+          /* @__PURE__ */ jsx("button", { type: "button", onClick: form.confirm.resend, children: l.resend })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: form.register.onSubmit,
+      className,
+      "aria-label": "Crea un nuovo account",
+      children: [
+        /* @__PURE__ */ jsx("div", { id: errorId, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: form.error?.message }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-email`, children: l.email }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: `${uid}-email`,
+              ref: firstInputRef,
+              type: "email",
+              autoComplete: "email",
+              autoFocus: true,
+              required: true,
+              "aria-required": "true",
+              "aria-invalid": !!form.error,
+              "aria-describedby": form.error ? errorId : void 0,
+              value: form.register.email,
+              onChange: (e) => form.register.setEmail(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-password`, children: l.password }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: `${uid}-password`,
+              type: "password",
+              autoComplete: "new-password",
+              required: true,
+              "aria-required": "true",
+              "aria-invalid": !!form.error,
+              value: form.register.password,
+              onChange: (e) => form.register.setPassword(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-confirm-password`, children: l.confirmPassword }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: `${uid}-confirm-password`,
+              type: "password",
+              autoComplete: "new-password",
+              required: true,
+              "aria-required": "true",
+              "aria-invalid": !!form.error,
+              value: form.register.confirmPassword,
+              onChange: (e) => form.register.setConfirmPassword(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "submit", disabled: form.isLoading, "aria-busy": form.isLoading, children: form.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "..." }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Caricamento..." })
+        ] }) : l.submit }),
+        signInLink
+      ]
+    }
+  );
+}
+function ForgotPasswordForm({
+  className,
+  labels = {},
+  signInLink,
+  onSuccess,
+  onError
+}) {
+  const uid = useId();
+  const form = useForgotPasswordForm({ onSuccess, onError });
+  const firstInputRef = useRef(null);
+  useEffect(() => {
+    firstInputRef.current?.focus();
+  }, [form.step]);
+  const l = {
+    email: labels.email ?? "Email",
+    requestSubmit: labels.requestSubmit ?? "Invia codice",
+    code: labels.code ?? "Codice di verifica",
+    newPassword: labels.newPassword ?? "Nuova password",
+    confirmPassword: labels.confirmPassword ?? "Conferma password",
+    resetSubmit: labels.resetSubmit ?? "Reimposta password"
+  };
+  const errorId = `${uid}-error`;
+  if (form.step === "reset") {
+    return /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: form.reset.onSubmit,
+        className,
+        "aria-label": "Reimposta password",
+        children: [
+          /* @__PURE__ */ jsxs("p", { children: [
+            "Abbiamo inviato un codice a ",
+            /* @__PURE__ */ jsx("strong", { children: form.reset.email }),
+            "."
+          ] }),
+          /* @__PURE__ */ jsx("div", { id: errorId, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: form.error?.message }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-code`, children: l.code }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: `${uid}-code`,
+                ref: firstInputRef,
+                type: "text",
+                inputMode: "numeric",
+                maxLength: 6,
+                autoComplete: "one-time-code",
+                autoFocus: true,
+                required: true,
+                "aria-required": "true",
+                "aria-invalid": !!form.error,
+                "aria-describedby": form.error ? errorId : void 0,
+                value: form.reset.code,
+                onChange: (e) => form.reset.setCode(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-new-password`, children: l.newPassword }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: `${uid}-new-password`,
+                type: "password",
+                autoComplete: "new-password",
+                required: true,
+                "aria-required": "true",
+                "aria-invalid": !!form.error,
+                value: form.reset.newPassword,
+                onChange: (e) => form.reset.setNewPassword(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-confirm-password`, children: l.confirmPassword }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: `${uid}-confirm-password`,
+                type: "password",
+                autoComplete: "new-password",
+                required: true,
+                "aria-required": "true",
+                "aria-invalid": !!form.error,
+                value: form.reset.confirmPassword,
+                onChange: (e) => form.reset.setConfirmPassword(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "submit", disabled: form.isLoading, "aria-busy": form.isLoading, children: form.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "..." }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Caricamento..." })
+          ] }) : l.resetSubmit }),
+          /* @__PURE__ */ jsx("button", { type: "button", onClick: form.restart, children: "Torna all'inizio" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: form.request.onSubmit,
+      className,
+      "aria-label": "Richiedi codice di reimpostazione password",
+      children: [
+        /* @__PURE__ */ jsx("p", { children: "Inserisci la tua email per ricevere il codice di reimpostazione." }),
+        /* @__PURE__ */ jsx("div", { id: errorId, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: form.error?.message }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-email`, children: l.email }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: `${uid}-email`,
+              ref: firstInputRef,
+              type: "email",
+              autoComplete: "email",
+              autoFocus: true,
+              required: true,
+              "aria-required": "true",
+              "aria-invalid": !!form.error,
+              "aria-describedby": form.error ? errorId : void 0,
+              value: form.request.email,
+              onChange: (e) => form.request.setEmail(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "submit", disabled: form.isLoading, "aria-busy": form.isLoading, children: form.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "..." }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Caricamento..." })
+        ] }) : l.requestSubmit }),
+        signInLink
+      ]
+    }
+  );
+}
+function ChangePasswordForm({
+  className,
+  labels = {},
+  onSuccess,
+  onError
+}) {
+  const uid = useId();
+  const form = useChangePasswordForm({ onSuccess, onError });
+  const firstInputRef = useRef(null);
+  const l = {
+    currentPassword: labels.currentPassword ?? "Password attuale",
+    newPassword: labels.newPassword ?? "Nuova password",
+    confirmPassword: labels.confirmPassword ?? "Conferma nuova password",
+    submit: labels.submit ?? "Cambia password",
+    successMessage: labels.successMessage ?? "Password aggiornata con successo."
+  };
+  const errorId = `${uid}-error`;
+  if (form.success) {
+    return /* @__PURE__ */ jsx("p", { role: "status", children: l.successMessage });
+  }
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: form.onSubmit,
+      className,
+      "aria-label": "Cambia password",
+      children: [
+        /* @__PURE__ */ jsx("div", { id: errorId, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: form.error?.message }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-current-password`, children: l.currentPassword }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: `${uid}-current-password`,
+              ref: firstInputRef,
+              type: "password",
+              autoComplete: "current-password",
+              autoFocus: true,
+              required: true,
+              "aria-required": "true",
+              "aria-invalid": !!form.error,
+              "aria-describedby": form.error ? errorId : void 0,
+              value: form.currentPassword,
+              onChange: (e) => form.setCurrentPassword(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-new-password`, children: l.newPassword }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: `${uid}-new-password`,
+              type: "password",
+              autoComplete: "new-password",
+              required: true,
+              "aria-required": "true",
+              "aria-invalid": !!form.error,
+              value: form.newPassword,
+              onChange: (e) => form.setNewPassword(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-confirm-password`, children: l.confirmPassword }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: `${uid}-confirm-password`,
+              type: "password",
+              autoComplete: "new-password",
+              required: true,
+              "aria-required": "true",
+              "aria-invalid": !!form.error,
+              value: form.confirmPassword,
+              onChange: (e) => form.setConfirmPassword(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "submit", disabled: form.isLoading, "aria-busy": form.isLoading, children: form.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "..." }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Caricamento..." })
+        ] }) : l.submit })
+      ]
+    }
+  );
+}
+function MfaSetupWizard({
+  className,
+  labels = {},
+  renderQrCode,
+  onSuccess,
+  onError
+}) {
+  const uid = useId();
+  const wizard = useMfaSetup({ onSuccess, onError });
+  const firstInputRef = useRef(null);
+  useEffect(() => {
+    firstInputRef.current?.focus();
+  }, [wizard.step]);
+  const l = {
+    start: labels.start ?? "Configura autenticazione a due fattori (TOTP)",
+    scanInstruction: labels.scanInstruction ?? "Scansiona il QR code con la tua app authenticator (Google Authenticator, Authy, 1Password\u2026)",
+    manualEntry: labels.manualEntry ?? "Oppure inserisci il codice manualmente:",
+    codeLabel: labels.codeLabel ?? "Codice a 6 cifre",
+    verifySubmit: labels.verifySubmit ?? "Verifica e attiva",
+    successMessage: labels.successMessage ?? "Autenticazione a due fattori attivata con successo."
+  };
+  const errorId = `${uid}-error`;
+  if (wizard.step === "done") {
+    return /* @__PURE__ */ jsx("p", { role: "status", children: l.successMessage });
+  }
+  if (wizard.step === "idle") {
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      /* @__PURE__ */ jsx("div", { id: errorId, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: wizard.error?.message }),
+      /* @__PURE__ */ jsx("button", { type: "button", autoFocus: true, onClick: wizard.start, children: l.start })
+    ] });
+  }
+  if (wizard.step === "loading") {
+    return /* @__PURE__ */ jsx("div", { className, "aria-live": "polite", "aria-atomic": "true", children: "..." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsx("div", { id: errorId, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: wizard.error?.message }),
+    wizard.qrCodeUri && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { children: l.scanInstruction }),
+      renderQrCode ? renderQrCode(wizard.qrCodeUri) : /* @__PURE__ */ jsx("code", { style: { wordBreak: "break-all", fontSize: "0.75em" }, children: wizard.qrCodeUri }),
+      wizard.secretCode && /* @__PURE__ */ jsxs("p", { children: [
+        l.manualEntry,
+        " ",
+        /* @__PURE__ */ jsx("code", { children: wizard.secretCode })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: wizard.onVerify, "aria-label": "Verifica dispositivo TOTP", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-totp-code`, children: l.codeLabel }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: `${uid}-totp-code`,
+            ref: firstInputRef,
+            type: "text",
+            inputMode: "numeric",
+            maxLength: 6,
+            autoComplete: "one-time-code",
+            autoFocus: true,
+            required: true,
+            "aria-required": "true",
+            "aria-invalid": !!wizard.error,
+            "aria-describedby": wizard.error ? errorId : void 0,
+            value: wizard.totpCode,
+            onChange: (e) => wizard.setTotpCode(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "submit",
+          disabled: wizard.isLoading || wizard.totpCode.length !== 6,
+          "aria-busy": wizard.isLoading,
+          children: wizard.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "..." }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Caricamento..." })
+          ] }) : l.verifySubmit
+        }
+      )
+    ] })
+  ] });
+}
+
+export { ChangePasswordForm, ForgotPasswordForm, MfaSetupWizard, RegisterForm, SignInForm, useChangePasswordForm, useForgotPasswordForm, useMfaSetup, useRegisterForm, useSignInForm };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map