@plumile/backoffice-react 0.1.70 → 0.1.73

package/lib/esm/synchronizeAuthStatusQuery-lLR0XFew.js

@@ -0,0 +1,323 @@
+import { a as e, c as t, d as n, f as r, o as i, r as a, s as o, t as s } from "./loginPage.css-BDQJNcSr.js";
+import { o as c } from "./useAuth-AczFS-oL.js";
+import { t as l } from "./AuthPanel-ttoH9YxE.js";
+import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { Trans as h } from "react-i18next";
+import { AuthLayout as g, Button as _, FormError as v, FormField as y, LoginForm as b, cx as x } from "@plumile/ui";
+import S from "relay-runtime";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/auth/login/PasskeyLoginForm.tsx
+var T = ({ auth: i, onSuccess: a, defaultEmail: c, isAttemptingPasskey: l = !1, onShowMethods: f }) => {
+	let { t: p } = r(), [h, g] = m(i.emailHint ?? ""), [b, x] = m(null);
+	d(() => {
+		i.emailHint != null && i.emailHint !== "" ? g(i.emailHint) : c != null && c !== "" && g(c);
+	}, [i.emailHint, c]);
+	let S = u(async (e) => {
+		if (e.preventDefault(), x(null), h.trim() === "") {
+			x(p("auth.passkey.errors.emailRequired"));
+			return;
+		}
+		try {
+			let e = await i.beginAuthentication(h.trim());
+			if (Array.isArray(e.methods) && e.methods.length === 0) {
+				x(e.lockedUntil == null ? p("auth.passkey.errors.locked") : p("auth.passkey.errors.lockedWithTime", { time: new Date(e.lockedUntil).toLocaleString() }));
+				return;
+			}
+			if (Array.isArray(e.methods) && !e.methods.includes("PASSKEY")) {
+				x(p("auth.passkey.errors.notAvailable"));
+				return;
+			}
+			await i.loginWithPasskey({ email: h.trim() }) === "success" && a();
+		} catch {
+			let e = i.error?.message;
+			x(e ?? p("auth.passkey.errors.failed"));
+		}
+	}, [
+		i,
+		h,
+		a,
+		p
+	]), T = b ?? i.error?.message ?? null;
+	return /* @__PURE__ */ w("form", {
+		className: e,
+		onSubmit: S,
+		noValidate: !0,
+		children: [/* @__PURE__ */ w("div", {
+			className: n,
+			children: [
+				/* @__PURE__ */ C("p", {
+					className: o,
+					children: p("auth.passkey.helper")
+				}),
+				T == null ? null : /* @__PURE__ */ C(v, { children: T }),
+				/* @__PURE__ */ C(y, {
+					label: p("auth.passkey.form.emailLabel"),
+					name: "passkey-email",
+					type: "email",
+					value: h,
+					onChange: (e) => {
+						g(e.target.value), x(null);
+					},
+					placeholder: p("auth.passkey.form.emailPlaceholder"),
+					autoComplete: "email",
+					required: !0
+				})
+			]
+		}), /* @__PURE__ */ w("div", {
+			className: s,
+			children: [/* @__PURE__ */ C(_, {
+				type: "submit",
+				variant: "primary",
+				isLoading: i.isLoading,
+				children: p(l ? "auth.passkey.actions.submitting" : "auth.passkey.actions.submit")
+			}), f == null ? null : /* @__PURE__ */ C("button", {
+				type: "button",
+				className: t,
+				onClick: f,
+				children: p("auth.passkey.actions.showMethods")
+			})]
+		})]
+	});
+}, E = ({ email: s, methods: c, lockedUntil: l, onSelect: u, onBack: d }) => {
+	let { t: f } = r(), p = c.length === 0, m = l == null ? f("auth.methodChooser.locked") : f("auth.methodChooser.lockedWithTime", { time: new Date(l).toLocaleString() }), g = c.map((e) => {
+		let t = e === "PASSKEY" ? f("auth.methodChooser.methods.passkey") : e === "PASSWORD" ? f("auth.methodChooser.methods.password") : f("auth.methodChooser.methods.other", { method: e.toLowerCase() });
+		return /* @__PURE__ */ C(_, {
+			type: "button",
+			variant: "secondary",
+			onClick: () => {
+				u(e);
+			},
+			className: x(i, a),
+			children: t
+		}, e);
+	});
+	return /* @__PURE__ */ C("div", {
+		className: e,
+		children: /* @__PURE__ */ w("div", {
+			className: n,
+			children: [
+				/* @__PURE__ */ C("p", {
+					className: o,
+					children: /* @__PURE__ */ C(h, {
+						i18nKey: "auth.methodChooser.prompt",
+						values: { email: s },
+						components: { strong: /* @__PURE__ */ C("strong", {}) }
+					})
+				}),
+				p ? /* @__PURE__ */ C(v, { children: m }) : null,
+				p ? null : g,
+				/* @__PURE__ */ C(_, {
+					type: "button",
+					variant: "text",
+					onClick: d,
+					className: t,
+					children: f("auth.methodChooser.actions.back")
+				})
+			]
+		})
+	});
+}, D = ({ email: n, errorMessage: i, isLoading: a, onEmailChange: c, onContinue: u, onForgotPassword: d }) => {
+	let { t: f } = r();
+	return /* @__PURE__ */ C(l, { children: /* @__PURE__ */ w("div", {
+		className: e,
+		children: [
+			/* @__PURE__ */ C("p", {
+				className: o,
+				children: f("auth.emailCapture.description")
+			}),
+			i != null && /* @__PURE__ */ C(v, { children: i }),
+			/* @__PURE__ */ C(y, {
+				label: f("auth.emailCapture.emailLabel"),
+				name: "email",
+				type: "email",
+				value: n,
+				onChange: (e) => {
+					c(e.target.value);
+				},
+				placeholder: f("auth.emailCapture.emailPlaceholder"),
+				autoComplete: "email",
+				required: !0
+			}),
+			/* @__PURE__ */ w("div", {
+				className: s,
+				children: [/* @__PURE__ */ C(_, {
+					type: "button",
+					variant: "primary",
+					onClick: u,
+					isLoading: a,
+					children: f("auth.emailCapture.continue")
+				}), /* @__PURE__ */ C("button", {
+					type: "button",
+					className: t,
+					onClick: d,
+					children: f("auth.emailCapture.forgotPassword")
+				})]
+			})
+		]
+	}) });
+}, O = "/auth/oidc/start", k = ({ providers: e }) => {
+	let { t } = r();
+	return e.length === 0 ? null : /* @__PURE__ */ C("div", {
+		className: n,
+		children: e.map((e) => {
+			let n = t("auth.oidc.buttons.generic");
+			e === "GOOGLE" ? n = t("auth.oidc.buttons.google") : e === "APPLE" && (n = t("auth.oidc.buttons.apple"));
+			let r = e.toLowerCase();
+			return /* @__PURE__ */ C(_, {
+				type: "button",
+				variant: "secondary",
+				className: a,
+				onClick: () => {
+					window.location.assign(`${O}?provider=${r}`);
+				},
+				children: n
+			}, e);
+		})
+	});
+}, A = ({ auth: n, defaultEmail: i, onForgotPassword: a, onSuccess: o, providers: c }) => {
+	let { t: u } = r();
+	return /* @__PURE__ */ C(l, {
+		title: u("auth.passwordLogin.title"),
+		children: /* @__PURE__ */ w("div", {
+			className: e,
+			children: [
+				/* @__PURE__ */ C(b, {
+					auth: n,
+					onSuccess: o,
+					defaultEmail: i
+				}),
+				/* @__PURE__ */ C("div", {
+					className: s,
+					children: /* @__PURE__ */ C("button", {
+						type: "button",
+						className: t,
+						onClick: a,
+						children: u("auth.passwordLogin.forgotPassword")
+					})
+				}),
+				/* @__PURE__ */ C(k, { providers: c })
+			]
+		})
+	});
+}, j = ({ auth: e, oidcProviders: t, onLoginSuccess: n, onForgotPassword: i }) => {
+	let { t: a } = r(), [o, s] = m(""), [h, _] = m([]), [v, y] = m(null), [b, x] = m("email"), [S, w] = m(!1), [O, k] = m(null), j = p(!0), M = f(() => ({
+		...e,
+		beginAuthentication: async (t) => {
+			let n = await e.beginAuthentication(t);
+			return s(t), _(n.methods), y(n.lockedUntil), n;
+		}
+	}), [e]), N = u(({ force: t } = { force: !1 }) => {
+		!t && e.nextStep === "TOTP" || n();
+	}, [e.nextStep, n]), P = e.nextStep === "TOTP" || b === "mfa", F = a(P ? "auth.loginFlow.title.mfa" : "auth.loginFlow.title.default"), I = a(P ? "auth.loginFlow.subtitle.mfa" : "auth.loginFlow.subtitle.default"), L = u(async (t) => {
+		k(null);
+		try {
+			let n = t.trim(), r = await e.beginAuthentication(n);
+			s(n), _(r.methods), y(r.lockedUntil), r.methods.some((e) => e === "PASSKEY") ? x("passkey") : r.methods.includes("PASSWORD") ? x("password") : x("methods");
+		} catch (e) {
+			k(e instanceof Error ? e.message : a("auth.loginFlow.errors.tryAgain"));
+		}
+	}, [e, a]);
+	d(() => {
+		j.current = !0;
+		let e = o.trim();
+		return b === "passkey" && !S && e !== "" && (w(!0), (async () => {
+			try {
+				let t = await M.loginWithPasskey({ email: e });
+				if (!j.current) return;
+				if (t === "success") {
+					N();
+					return;
+				}
+				if (t === "mfa-required") {
+					x("mfa");
+					return;
+				}
+				x("methods"), k(a("auth.loginFlow.errors.passkeyUnavailable"));
+			} catch (e) {
+				if (!j.current) return;
+				k(e instanceof Error ? e.message : a("auth.loginFlow.errors.passkeyUnavailable")), x("methods");
+			}
+		})().catch(() => {})), () => {
+			j.current = !1;
+		};
+	}, [
+		o,
+		N,
+		S,
+		M,
+		a,
+		b
+	]);
+	let R;
+	return R = P ? /* @__PURE__ */ C(l, { children: /* @__PURE__ */ C(c, {
+		auth: e,
+		onSuccess: () => {
+			N({ force: !0 });
+		},
+		onBack: () => {
+			e.reset(), x("email");
+		}
+	}) }) : b === "passkey" ? /* @__PURE__ */ C(l, {
+		title: a("auth.loginFlow.passkey.title"),
+		description: a("auth.loginFlow.passkey.description", { email: o }),
+		children: /* @__PURE__ */ C(T, {
+			auth: M,
+			onSuccess: N,
+			onShowMethods: () => {
+				x("methods");
+			},
+			defaultEmail: o,
+			isAttemptingPasskey: e.isLoading
+		})
+	}) : b === "methods" ? /* @__PURE__ */ C(l, {
+		title: a("auth.loginFlow.methods.title"),
+		children: /* @__PURE__ */ C(E, {
+			email: o,
+			methods: h,
+			lockedUntil: v,
+			onSelect: (e) => {
+				if (e === "PASSKEY") {
+					x("passkey");
+					return;
+				}
+				e === "PASSWORD" && x("password");
+			},
+			onBack: () => {
+				x("email");
+			}
+		})
+	}) : b === "password" ? /* @__PURE__ */ C(A, {
+		auth: M,
+		defaultEmail: o,
+		onForgotPassword: i,
+		onSuccess: N,
+		providers: t
+	}) : /* @__PURE__ */ C(D, {
+		email: o,
+		errorMessage: O,
+		isLoading: e.isLoading,
+		onEmailChange: (e) => {
+			s(e), k(null);
+		},
+		onContinue: () => {
+			let e = o.trim();
+			if (e === "") {
+				k(a("auth.loginFlow.errors.emailRequired"));
+				return;
+			}
+			L(e).catch(() => {});
+		},
+		onForgotPassword: i
+	}), /* @__PURE__ */ C(g, {
+		title: F,
+		subtitle: I,
+		children: R
+	});
+}, { fetchQuery: M } = S;
+async function N(e, t) {
+	return (await M(e, t, {}, { fetchPolicy: "network-only" }).toPromise())?.isLoggedIn === !0;
+}
+//#endregion
+export { j as n, N as t };
+
+//# sourceMappingURL=synchronizeAuthStatusQuery-lLR0XFew.js.map

package/lib/esm/synchronizeAuthStatusQuery-lLR0XFew.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"synchronizeAuthStatusQuery-lLR0XFew.js","names":[],"sources":["../../src/auth/login/PasskeyLoginForm.tsx","../../src/auth/login/MethodChooser.tsx","../../src/auth/login/EmailCapturePanel.tsx","../../src/auth/login/OidcButtons.tsx","../../src/auth/login/PasswordLoginPanel.tsx","../../src/auth/login/LoginFlow.tsx","../../src/auth/login/synchronizeAuthStatusQuery.ts"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  type FormEvent,\n  type JSX,\n} from 'react';\nimport { useSharedTranslation } from '../../i18n/useSharedTranslation.js';\n\nimport { Button, FormError, FormField } from '@plumile/ui';\n\nimport type { UseAuthReturn } from '../../hooks/useAuth.js';\n\nimport * as styles from './loginPage.css.js';\n\ntype Props = {\n  auth: Pick<\n    UseAuthReturn,\n    | 'loginWithPasskey'\n    | 'isLoading'\n    | 'error'\n    | 'emailHint'\n    | 'nextStep'\n    | 'beginAuthentication'\n    | 'lockedUntil'\n    | 'availableMethods'\n  >;\n  onSuccess: () => void;\n  defaultEmail?: string;\n  isAttemptingPasskey?: boolean;\n  onShowMethods?: () => void;\n};\n\nexport const PasskeyLoginForm = ({\n  auth,\n  onSuccess,\n  defaultEmail,\n  isAttemptingPasskey = false,\n  onShowMethods,\n}: Props): JSX.Element => {\n  const { t } = useSharedTranslation();\n  const [email, setEmail] = useState(auth.emailHint ?? '');\n  const [localError, setLocalError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (auth.emailHint != null && auth.emailHint !== '') {\n      setEmail(auth.emailHint);\n    } else if (defaultEmail != null && defaultEmail !== '') {\n      setEmail(defaultEmail);\n    }\n  }, [auth.emailHint, defaultEmail]);\n\n  const handleSubmit = useCallback(\n    async (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      setLocalError(null);\n\n      if (email.trim() === '') {\n        setLocalError(t('auth.passkey.errors.emailRequired'));\n        return;\n      }\n\n      try {\n        const result = await auth.beginAuthentication(email.trim());\n        if (Array.isArray(result.methods) && result.methods.length === 0) {\n          const lockedUntilMessage =\n            result.lockedUntil != null\n              ? t('auth.passkey.errors.lockedWithTime', {\n                  time: new Date(result.lockedUntil).toLocaleString(),\n                })\n              : t('auth.passkey.errors.locked');\n          setLocalError(lockedUntilMessage);\n          return;\n        }\n        if (\n          Array.isArray(result.methods) &&\n          !result.methods.includes('PASSKEY')\n        ) {\n          setLocalError(t('auth.passkey.errors.notAvailable'));\n          return;\n        }\n\n        const status = await auth.loginWithPasskey({ email: email.trim() });\n        if (status === 'success') {\n          onSuccess();\n        }\n      } catch {\n        const authMessage = auth.error?.message;\n        setLocalError(authMessage ?? t('auth.passkey.errors.failed'));\n      }\n    },\n    [auth, email, onSuccess, t],\n  );\n\n  const formError = localError ?? auth.error?.message ?? null;\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-misused-promises\n    <form className={styles.formSurface} onSubmit={handleSubmit} noValidate>\n      <div className={styles.stack}>\n        <p className={styles.helper}>{t('auth.passkey.helper')}</p>\n        {formError != null ? <FormError>{formError}</FormError> : null}\n        <FormField\n          label={t('auth.passkey.form.emailLabel')}\n          name=\"passkey-email\"\n          type=\"email\"\n          value={email}\n          onChange={(event) => {\n            setEmail(event.target.value);\n            setLocalError(null);\n          }}\n          placeholder={t('auth.passkey.form.emailPlaceholder')}\n          autoComplete=\"email\"\n          required\n        />\n      </div>\n      <div className={styles.actionsRow}>\n        <Button type=\"submit\" variant=\"primary\" isLoading={auth.isLoading}>\n          {isAttemptingPasskey\n            ? t('auth.passkey.actions.submitting')\n            : t('auth.passkey.actions.submit')}\n        </Button>\n        {onShowMethods != null ? (\n          <button\n            type=\"button\"\n            className={styles.inlineLink}\n            onClick={onShowMethods}\n          >\n            {t('auth.passkey.actions.showMethods')}\n          </button>\n        ) : null}\n      </div>\n    </form>\n  );\n};\n","/* eslint-disable no-ternary */\nimport { type JSX } from 'react';\nimport { Trans } from 'react-i18next';\nimport { Button, FormError, cx } from '@plumile/ui';\n\nimport type { AuthMethod } from '../../modules/sharedSchemaTypes.js';\nimport { useSharedTranslation } from '../../i18n/useSharedTranslation.js';\n\nimport * as styles from './loginPage.css.js';\n\ntype Props = {\n  email: string;\n  methods: readonly AuthMethod[];\n  lockedUntil: string | null;\n  onSelect: (method: AuthMethod) => void;\n  onBack: () => void;\n};\n\nexport const MethodChooser = ({\n  email,\n  methods,\n  lockedUntil,\n  onSelect,\n  onBack,\n}: Props): JSX.Element => {\n  const { t } = useSharedTranslation();\n  const isLocked = methods.length === 0;\n  const lockedMessage =\n    lockedUntil != null\n      ? t('auth.methodChooser.lockedWithTime', {\n          time: new Date(lockedUntil).toLocaleString(),\n        })\n      : t('auth.methodChooser.locked');\n\n  const methodButtons = methods.map((method) => {\n    const label =\n      method === 'PASSKEY'\n        ? t('auth.methodChooser.methods.passkey')\n        : method === 'PASSWORD'\n          ? t('auth.methodChooser.methods.password')\n          : t('auth.methodChooser.methods.other', {\n              method: method.toLowerCase(),\n            });\n    return (\n      <Button\n        key={method}\n        type=\"button\"\n        variant=\"secondary\"\n        onClick={() => {\n          onSelect(method);\n        }}\n        className={cx(styles.fullWidth, styles.brandGhostButton)}\n      >\n        {label}\n      </Button>\n    );\n  });\n\n  return (\n    <div className={styles.formSurface}>\n      <div className={styles.stack}>\n        <p className={styles.helper}>\n          <Trans\n            i18nKey=\"auth.methodChooser.prompt\"\n            values={{ email }}\n            components={{ strong: <strong /> }}\n          />\n        </p>\n        {isLocked ? <FormError>{lockedMessage}</FormError> : null}\n        {!isLocked ? methodButtons : null}\n        <Button\n          type=\"button\"\n          variant=\"text\"\n          onClick={onBack}\n          className={styles.inlineLink}\n        >\n          {t('auth.methodChooser.actions.back')}\n        </Button>\n      </div>\n    </div>\n  );\n};\n","import { type JSX } from 'react';\nimport { useSharedTranslation } from '../../i18n/useSharedTranslation.js';\n\nimport { Button, FormError, FormField } from '@plumile/ui';\n\nimport { AuthPanel } from './AuthPanel.js';\nimport * as styles from './loginPage.css.js';\n\ntype Props = {\n  email: string;\n  errorMessage: string | null;\n  isLoading: boolean;\n  onEmailChange: (value: string) => void;\n  onContinue: () => void;\n  onForgotPassword: () => void;\n};\n\nexport const EmailCapturePanel = ({\n  email,\n  errorMessage,\n  isLoading,\n  onEmailChange,\n  onContinue,\n  onForgotPassword,\n}: Props): JSX.Element => {\n  const { t } = useSharedTranslation();\n  return (\n    <AuthPanel>\n      <div className={styles.formSurface}>\n        <p className={styles.helper}>{t('auth.emailCapture.description')}</p>\n        {errorMessage != null && <FormError>{errorMessage}</FormError>}\n        <FormField\n          label={t('auth.emailCapture.emailLabel')}\n          name=\"email\"\n          type=\"email\"\n          value={email}\n          onChange={(event) => {\n            onEmailChange(event.target.value);\n          }}\n          placeholder={t('auth.emailCapture.emailPlaceholder')}\n          autoComplete=\"email\"\n          required\n        />\n        <div className={styles.actionsRow}>\n          <Button\n            type=\"button\"\n            variant=\"primary\"\n            onClick={onContinue}\n            isLoading={isLoading}\n          >\n            {t('auth.emailCapture.continue')}\n          </Button>\n          <button\n            type=\"button\"\n            className={styles.inlineLink}\n            onClick={onForgotPassword}\n          >\n            {t('auth.emailCapture.forgotPassword')}\n          </button>\n        </div>\n      </div>\n    </AuthPanel>\n  );\n};\n","import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui';\n\nimport type { OidcProviderKind } from '../../modules/sharedSchemaTypes.js';\nimport { useSharedTranslation } from '../../i18n/useSharedTranslation.js';\n\nimport * as styles from './loginPage.css.js';\n\nconst OIDC_START_PATH = '/auth/oidc/start';\n\ntype Props = {\n  providers: readonly OidcProviderKind[];\n};\n\nexport const OidcButtons = ({ providers }: Props): JSX.Element | null => {\n  const { t } = useSharedTranslation();\n\n  if (providers.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={styles.stack}>\n      {providers.map((provider) => {\n        let label = t('auth.oidc.buttons.generic');\n        if (provider === 'GOOGLE') {\n          label = t('auth.oidc.buttons.google');\n        } else if (provider === 'APPLE') {\n          label = t('auth.oidc.buttons.apple');\n        }\n        const providerName = provider.toLowerCase();\n        return (\n          <Button\n            key={provider}\n            type=\"button\"\n            variant=\"secondary\"\n            className={styles.brandGhostButton}\n            onClick={() => {\n              window.location.assign(\n                `${OIDC_START_PATH}?provider=${providerName}`,\n              );\n            }}\n          >\n            {label}\n          </Button>\n        );\n      })}\n    </div>\n  );\n};\n","import { type JSX } from 'react';\nimport { useSharedTranslation } from '../../i18n/useSharedTranslation.js';\n\nimport { LoginForm, type LoginFormAuthAdapter } from '@plumile/ui';\n\nimport type { OidcProviderKind } from '../../modules/sharedSchemaTypes.js';\n\nimport { AuthPanel } from './AuthPanel.js';\nimport { OidcButtons } from './OidcButtons.js';\nimport * as styles from './loginPage.css.js';\n\ntype Props = {\n  auth: LoginFormAuthAdapter;\n  defaultEmail: string;\n  onForgotPassword: () => void;\n  onSuccess: () => void;\n  providers: readonly OidcProviderKind[];\n};\n\nexport const PasswordLoginPanel = ({\n  auth,\n  defaultEmail,\n  onForgotPassword,\n  onSuccess,\n  providers,\n}: Props): JSX.Element => {\n  const { t } = useSharedTranslation();\n  return (\n    <AuthPanel title={t('auth.passwordLogin.title')}>\n      <div className={styles.formSurface}>\n        <LoginForm\n          auth={auth}\n          onSuccess={onSuccess}\n          defaultEmail={defaultEmail}\n        />\n        <div className={styles.actionsRow}>\n          <button\n            type=\"button\"\n            className={styles.inlineLink}\n            onClick={onForgotPassword}\n          >\n            {t('auth.passwordLogin.forgotPassword')}\n          </button>\n        </div>\n        <OidcButtons providers={providers} />\n      </div>\n    </AuthPanel>\n  );\n};\n","/* eslint-disable no-ternary */\nimport {\n  type JSX,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useSharedTranslation } from '../../i18n/useSharedTranslation.js';\n\nimport { AuthLayout } from '@plumile/ui';\n\nimport type {\n  AuthMethod,\n  OidcProviderKind,\n} from '../../modules/sharedSchemaTypes.js';\nimport type { UseAuthReturn } from '../../hooks/useAuth.js';\n\nimport { MfaChallengeForm } from './MfaChallengeForm.js';\nimport { PasskeyLoginForm } from './PasskeyLoginForm.js';\nimport { MethodChooser } from './MethodChooser.js';\nimport AuthPanel from './AuthPanel.js';\nimport { EmailCapturePanel } from './EmailCapturePanel.js';\nimport { PasswordLoginPanel } from './PasswordLoginPanel.js';\n\nexport type LoginFlowProps = {\n  auth: UseAuthReturn;\n  oidcProviders: readonly OidcProviderKind[];\n  onLoginSuccess: () => void;\n  onForgotPassword: () => void;\n};\n\ntype View = 'email' | 'passkey' | 'methods' | 'password' | 'mfa';\n\nexport const LoginFlow = ({\n  auth,\n  oidcProviders,\n  onLoginSuccess,\n  onForgotPassword,\n}: LoginFlowProps): JSX.Element => {\n  const { t } = useSharedTranslation();\n  const [email, setEmail] = useState('');\n  const [methods, setMethods] = useState<readonly AuthMethod[]>([]);\n  const [lockedUntil, setLockedUntil] = useState<string | null>(null);\n  const [view, setView] = useState<View>('email');\n  const [hasTriedPasskey, setHasTriedPasskey] = useState(false);\n  const [localError, setLocalError] = useState<string | null>(null);\n  const passkeyAttemptActive = useRef(true);\n\n  const loginAdapter = useMemo(() => {\n    return {\n      ...auth,\n      beginAuthentication: async (inputEmail: string) => {\n        const result = await auth.beginAuthentication(inputEmail);\n        setEmail(inputEmail);\n        setMethods(result.methods);\n        setLockedUntil(result.lockedUntil);\n        return result;\n      },\n    };\n  }, [auth]);\n\n  const handleLoginSuccess = useCallback(\n    ({ force } = { force: false }) => {\n      if (!force && auth.nextStep === 'TOTP') {\n        return;\n      }\n      onLoginSuccess();\n    },\n    [auth.nextStep, onLoginSuccess],\n  );\n\n  const isMfaStep = auth.nextStep === 'TOTP' || view === 'mfa';\n  const title = isMfaStep\n    ? t('auth.loginFlow.title.mfa')\n    : t('auth.loginFlow.title.default');\n  const subtitle = isMfaStep\n    ? t('auth.loginFlow.subtitle.mfa')\n    : t('auth.loginFlow.subtitle.default');\n\n  const startFlowForEmail = useCallback(\n    async (inputEmail: string) => {\n      setLocalError(null);\n      try {\n        const trimmed = inputEmail.trim();\n        const result = await auth.beginAuthentication(trimmed);\n        setEmail(trimmed);\n        setMethods(result.methods);\n        setLockedUntil(result.lockedUntil);\n        const hasPasskey = result.methods.some((method) => {\n          return method === 'PASSKEY';\n        });\n\n        if (hasPasskey) {\n          setView('passkey');\n        } else if (result.methods.includes('PASSWORD')) {\n          setView('password');\n        } else {\n          setView('methods');\n        }\n      } catch (beginError) {\n        const message =\n          beginError instanceof Error\n            ? beginError.message\n            : t('auth.loginFlow.errors.tryAgain');\n        setLocalError(message);\n      }\n    },\n    [auth, t],\n  );\n\n  useEffect(() => {\n    passkeyAttemptActive.current = true;\n    const trimmedEmail = email.trim();\n    const shouldAttempt =\n      view === 'passkey' && !hasTriedPasskey && trimmedEmail !== '';\n\n    if (shouldAttempt) {\n      setHasTriedPasskey(true);\n      const runPasskeyLogin = async () => {\n        try {\n          const status = await loginAdapter.loginWithPasskey({\n            email: trimmedEmail,\n          });\n\n          if (!passkeyAttemptActive.current) {\n            return;\n          }\n\n          if (status === 'success') {\n            handleLoginSuccess();\n            return;\n          }\n\n          if (status === 'mfa-required') {\n            setView('mfa');\n            return;\n          }\n\n          setView('methods');\n          setLocalError(t('auth.loginFlow.errors.passkeyUnavailable'));\n        } catch (passkeyError) {\n          if (!passkeyAttemptActive.current) {\n            return;\n          }\n\n          const message =\n            passkeyError instanceof Error\n              ? passkeyError.message\n              : t('auth.loginFlow.errors.passkeyUnavailable');\n          setLocalError(message);\n          setView('methods');\n        }\n      };\n      runPasskeyLogin().catch(() => {\n        // Errors are handled inside runPasskeyLogin; ignore any unexpected rethrow.\n      });\n    }\n\n    return () => {\n      passkeyAttemptActive.current = false;\n    };\n  }, [email, handleLoginSuccess, hasTriedPasskey, loginAdapter, t, view]);\n\n  let content: JSX.Element;\n\n  if (isMfaStep) {\n    content = (\n      <AuthPanel>\n        <MfaChallengeForm\n          auth={auth}\n          onSuccess={() => {\n            handleLoginSuccess({ force: true });\n          }}\n          onBack={() => {\n            auth.reset();\n            setView('email');\n          }}\n        />\n      </AuthPanel>\n    );\n  } else if (view === 'passkey') {\n    content = (\n      <AuthPanel\n        title={t('auth.loginFlow.passkey.title')}\n        description={t('auth.loginFlow.passkey.description', { email })}\n      >\n        <PasskeyLoginForm\n          auth={loginAdapter}\n          onSuccess={handleLoginSuccess}\n          onShowMethods={() => {\n            setView('methods');\n          }}\n          defaultEmail={email}\n          isAttemptingPasskey={auth.isLoading}\n        />\n      </AuthPanel>\n    );\n  } else if (view === 'methods') {\n    content = (\n      <AuthPanel title={t('auth.loginFlow.methods.title')}>\n        <MethodChooser\n          email={email}\n          methods={methods}\n          lockedUntil={lockedUntil}\n          onSelect={(method) => {\n            if (method === 'PASSKEY') {\n              setView('passkey');\n              return;\n            }\n            if (method === 'PASSWORD') {\n              setView('password');\n            }\n          }}\n          onBack={() => {\n            setView('email');\n          }}\n        />\n      </AuthPanel>\n    );\n  } else if (view === 'password') {\n    content = (\n      <PasswordLoginPanel\n        auth={loginAdapter}\n        defaultEmail={email}\n        onForgotPassword={onForgotPassword}\n        onSuccess={handleLoginSuccess}\n        providers={oidcProviders}\n      />\n    );\n  } else {\n    // email capture only\n    content = (\n      <EmailCapturePanel\n        email={email}\n        errorMessage={localError}\n        isLoading={auth.isLoading}\n        onEmailChange={(value) => {\n          setEmail(value);\n          setLocalError(null);\n        }}\n        onContinue={() => {\n          const trimmed = email.trim();\n          if (trimmed === '') {\n            setLocalError(t('auth.loginFlow.errors.emailRequired'));\n            return;\n          }\n          startFlowForEmail(trimmed).catch(() => {\n            // startFlowForEmail handles its own errors.\n          });\n        }}\n        onForgotPassword={onForgotPassword}\n      />\n    );\n  }\n\n  return (\n    <AuthLayout title={title} subtitle={subtitle}>\n      {content}\n    </AuthLayout>\n  );\n};\n","import RelayRuntime, {\n  type GraphQLTaggedNode,\n  type IEnvironment,\n  type OperationType,\n} from 'relay-runtime';\n\nconst { fetchQuery } = RelayRuntime;\n\ntype AuthStatusQueryResponse = {\n  readonly isLoggedIn?: boolean | null;\n};\n\n/**\n * Forces a fresh auth-status read from network to avoid stale cache guards\n * right after login mutations complete.\n */\nexport async function synchronizeAuthStatusQuery<TQuery extends OperationType>(\n  environment: IEnvironment,\n  query: GraphQLTaggedNode,\n): Promise<boolean> {\n  const response = await fetchQuery<TQuery>(\n    environment,\n    query,\n    {},\n    { fetchPolicy: 'network-only' },\n  ).toPromise();\n\n  const isLoggedIn = (response as AuthStatusQueryResponse | null | undefined)\n    ?.isLoggedIn;\n  return isLoggedIn === true;\n}\n"],"mappings":"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"}

package/lib/esm/{components/backoffice/actions/toastViewAction.js → toastViewAction-BGTS7vqm.js}

@@ -22,6 +22,6 @@ var e = (e, t) => e(t), t = (t, n) => {
 	}];
 };
 //#endregion
-export { t as resolveToastSpec, n as resolveToastViewActions };
+export { n, t };
 
-//# sourceMappingURL=toastViewAction.js.map
+//# sourceMappingURL=toastViewAction-BGTS7vqm.js.map

package/lib/esm/{components/backoffice/actions/toastViewAction.js.map → toastViewAction-BGTS7vqm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toastViewAction.js","names":[],"sources":["../../../../../src/components/backoffice/actions/toastViewAction.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeActionToastSpec,\n  BackofficeEntityManifestMap,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { ToastAction } from '@plumile/ui';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const resolveToastSpec = <Node = unknown, Response = unknown>(\n  toast: BackofficeActionToastSpec<Node, Response>,\n  tApp: TFunction,\n): { title: string; message?: string } => {\n  const title = resolveLabel(toast.title, tApp);\n  let message: string | undefined;\n  if (toast.message != null) {\n    message = resolveLabel(toast.message, tApp);\n  }\n  return { title, message };\n};\n\nexport const resolveToastViewActions = <\n  Node = unknown,\n  Response = unknown,\n>(input: {\n  toast: BackofficeActionToastSpec<Node, Response>;\n  response: Response;\n  node: Node;\n  tApp: TFunction;\n  entities: BackofficeEntityManifestMap;\n  defaultLabel: string;\n  navigateTo: (to: string) => void;\n}): readonly ToastAction[] | undefined => {\n  const { toast } = input;\n  if (toast.view == null) {\n    return undefined;\n  }\n\n  const targetId = toast.view.getTargetId(input.response, input.node);\n  if (targetId == null || targetId.trim() === '') {\n    return undefined;\n  }\n\n  const entity = input.entities[toast.view.entityId];\n  if (entity == null) {\n    return undefined;\n  }\n\n  const href = entity.routes.detail(targetId);\n  let label = input.defaultLabel;\n  if (toast.view.label != null) {\n    label = resolveLabel(toast.view.label, input.tApp);\n  }\n\n  return [\n    {\n      id: `view-${toast.view.entityId}-${targetId}`,\n      label,\n      onClick: () => {\n        input.navigateTo(href);\n      },\n    },\n  ];\n};\n"],"mappings":";AASA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGP,KACX,GACA,MACwC;CACxC,IAAM,IAAQ,EAAa,EAAM,OAAO,EAAK,EACzC;AAIJ,QAHI,EAAM,WAAW,SACnB,IAAU,EAAa,EAAM,SAAS,EAAK,GAEtC;EAAE;EAAO;EAAS;GAGd,KAGX,MAQwC;CACxC,IAAM,EAAE,aAAU;AAClB,KAAI,EAAM,QAAQ,KAChB;CAGF,IAAM,IAAW,EAAM,KAAK,YAAY,EAAM,UAAU,EAAM,KAAK;AACnE,KAAI,KAAY,QAAQ,EAAS,MAAM,KAAK,GAC1C;CAGF,IAAM,IAAS,EAAM,SAAS,EAAM,KAAK;AACzC,KAAI,KAAU,KACZ;CAGF,IAAM,IAAO,EAAO,OAAO,OAAO,EAAS,EACvC,IAAQ,EAAM;AAKlB,QAJI,EAAM,KAAK,SAAS,SACtB,IAAQ,EAAa,EAAM,KAAK,OAAO,EAAM,KAAK,GAG7C,CACL;EACE,IAAI,QAAQ,EAAM,KAAK,SAAS,GAAG;EACnC;EACA,eAAe;AACb,KAAM,WAAW,EAAK;;EAEzB,CACF"}
+{"version":3,"file":"toastViewAction-BGTS7vqm.js","names":[],"sources":["../../src/components/backoffice/actions/toastViewAction.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeActionToastSpec,\n  BackofficeEntityManifestMap,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { ToastAction } from '@plumile/ui';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const resolveToastSpec = <Node = unknown, Response = unknown>(\n  toast: BackofficeActionToastSpec<Node, Response>,\n  tApp: TFunction,\n): { title: string; message?: string } => {\n  const title = resolveLabel(toast.title, tApp);\n  let message: string | undefined;\n  if (toast.message != null) {\n    message = resolveLabel(toast.message, tApp);\n  }\n  return { title, message };\n};\n\nexport const resolveToastViewActions = <\n  Node = unknown,\n  Response = unknown,\n>(input: {\n  toast: BackofficeActionToastSpec<Node, Response>;\n  response: Response;\n  node: Node;\n  tApp: TFunction;\n  entities: BackofficeEntityManifestMap;\n  defaultLabel: string;\n  navigateTo: (to: string) => void;\n}): readonly ToastAction[] | undefined => {\n  const { toast } = input;\n  if (toast.view == null) {\n    return undefined;\n  }\n\n  const targetId = toast.view.getTargetId(input.response, input.node);\n  if (targetId == null || targetId.trim() === '') {\n    return undefined;\n  }\n\n  const entity = input.entities[toast.view.entityId];\n  if (entity == null) {\n    return undefined;\n  }\n\n  const href = entity.routes.detail(targetId);\n  let label = input.defaultLabel;\n  if (toast.view.label != null) {\n    label = resolveLabel(toast.view.label, input.tApp);\n  }\n\n  return [\n    {\n      id: `view-${toast.view.entityId}-${targetId}`,\n      label,\n      onClick: () => {\n        input.navigateTo(href);\n      },\n    },\n  ];\n};\n"],"mappings":";AASA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGP,KACX,GACA,MACwC;CACxC,IAAM,IAAQ,EAAa,EAAM,OAAO,EAAK,EACzC;AAIJ,QAHI,EAAM,WAAW,SACnB,IAAU,EAAa,EAAM,SAAS,EAAK,GAEtC;EAAE;EAAO;EAAS;GAGd,KAGX,MAQwC;CACxC,IAAM,EAAE,aAAU;AAClB,KAAI,EAAM,QAAQ,KAChB;CAGF,IAAM,IAAW,EAAM,KAAK,YAAY,EAAM,UAAU,EAAM,KAAK;AACnE,KAAI,KAAY,QAAQ,EAAS,MAAM,KAAK,GAC1C;CAGF,IAAM,IAAS,EAAM,SAAS,EAAM,KAAK;AACzC,KAAI,KAAU,KACZ;CAGF,IAAM,IAAO,EAAO,OAAO,OAAO,EAAS,EACvC,IAAQ,EAAM;AAKlB,QAJI,EAAM,KAAK,SAAS,SACtB,IAAQ,EAAa,EAAM,KAAK,OAAO,EAAM,KAAK,GAG7C,CACL;EACE,IAAI,QAAQ,EAAM,KAAK,SAAS,GAAG;EACnC;EACA,eAAe;AACb,KAAM,WAAW,EAAK;;EAEzB,CACF"}