@plumile/backoffice-react 0.1.105 → 0.1.106

package/lib/esm/auth/login/PasskeyLoginForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeyLoginForm.js","names":[],"sources":["../../../../src/auth/login/PasskeyLoginForm.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  type FormEvent,\n  type JSX,\n} from 'react';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.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 } = useBackofficeReactTranslation();\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        setLocalError(t('auth.passkey.errors.failed'));\n      }\n    },\n    [auth, email, onSuccess, t],\n  );\n\n  const formError = localError;\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"],"mappings":";;;;;;AAkCA,IAAa,KAAoB,EAC/B,SACA,cACA,iBACA,yBAAsB,IACtB,uBACwB;CACxB,IAAM,EAAE,SAAM,GAA+B,EACvC,CAAC,GAAO,KAAY,EAAS,EAAK,aAAa,GAAG,EAClD,CAAC,GAAY,KAAiB,EAAwB,KAAK;CAEjE,QAAgB;EACd,AAAI,EAAK,aAAa,QAAQ,EAAK,cAAc,KAC/C,EAAS,EAAK,UAAU,GACf,KAAgB,QAAQ,MAAiB,MAClD,EAAS,EAAa;IAEvB,CAAC,EAAK,WAAW,EAAa,CAAC;CAElC,IAAM,IAAe,EACnB,OAAO,MAAsC;EAI3C,IAHA,EAAM,gBAAgB,EACtB,EAAc,KAAK,EAEf,EAAM,MAAM,KAAK,IAAI;GACvB,EAAc,EAAE,oCAAoC,CAAC;GACrD;;EAGF,IAAI;GACF,IAAM,IAAS,MAAM,EAAK,oBAAoB,EAAM,MAAM,CAAC;GAC3D,IAAI,MAAM,QAAQ,EAAO,QAAQ,IAAI,EAAO,QAAQ,WAAW,GAAG;IAOhE,EALE,EAAO,eAAe,OAIlB,EAAE,6BAA6B,GAH/B,EAAE,sCAAsC,EACtC,MAAM,IAAI,KAAK,EAAO,YAAY,CAAC,gBAAgB,EACpD,CAAC,CAEyB;IACjC;;GAEF,IACE,MAAM,QAAQ,EAAO,QAAQ,IAC7B,CAAC,EAAO,QAAQ,SAAS,UAAU,EACnC;IACA,EAAc,EAAE,mCAAmC,CAAC;IACpD;;GAIF,AAAI,MADiB,EAAK,iBAAiB,EAAE,OAAO,EAAM,MAAM,EAAE,CAAC,KACpD,aACb,GAAW;UAEP;GACN,EAAc,EAAE,6BAA6B,CAAC;;IAGlD;EAAC;EAAM;EAAO;EAAW;EAAE,CAC5B,EAEK,IAAY;CAElB,OAEE,kBAAC,QAAD;EAAM,WAAW;EAAoB,UAAU;EAAc,YAAA;YAA7D,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB;IACE,kBAAC,KAAD;KAAG,WAAW;eAAgB,EAAE,sBAAsB;KAAK,CAAA;IAC1D,KAAa,OAA4C,OAArC,kBAAC,GAAD,EAAA,UAAY,GAAsB,CAAA;IACvD,kBAAC,GAAD;KACE,OAAO,EAAE,+BAA+B;KACxC,MAAK;KACL,MAAK;KACL,OAAO;KACP,WAAW,MAAU;MAEnB,AADA,EAAS,EAAM,OAAO,MAAM,EAC5B,EAAc,KAAK;;KAErB,aAAa,EAAE,qCAAqC;KACpD,cAAa;KACb,UAAA;KACA,CAAA;IACE;MACN,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,GAAD;IAAQ,MAAK;IAAS,SAAQ;IAAU,WAAW,EAAK;cAElD,EADH,IACK,oCACA,8BAA8B;IAC7B,CAAA,EACR,KAAiB,OAQd,OAPF,kBAAC,UAAD;IACE,MAAK;IACL,WAAW;IACX,SAAS;cAER,EAAE,mCAAmC;IAC/B,CAAA,CAEP;KACD"}

package/lib/esm/auth/login/PasswordLoginPanel.js

@@ -0,0 +1,37 @@
+import { actionsRow as e, formSurface as t, inlineLink as n } from "./loginPage.css.js";
+import { AuthPanel as r } from "./AuthPanel.js";
+import { useBackofficeReactTranslation as i } from "../../i18n/useBackofficeReactTranslation.js";
+import { OidcButtons as a } from "./OidcButtons.js";
+import { LoginForm as o } from "@plumile/ui";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/auth/login/PasswordLoginPanel.tsx
+var l = ({ auth: l, defaultEmail: u, onForgotPassword: d, onSuccess: f, providers: p }) => {
+	let { t: m } = i();
+	return /* @__PURE__ */ s(r, {
+		title: m("auth.passwordLogin.title"),
+		children: /* @__PURE__ */ c("div", {
+			className: t,
+			children: [
+				/* @__PURE__ */ s(o, {
+					auth: l,
+					onSuccess: f,
+					defaultEmail: u
+				}),
+				/* @__PURE__ */ s("div", {
+					className: e,
+					children: /* @__PURE__ */ s("button", {
+						type: "button",
+						className: n,
+						onClick: d,
+						children: m("auth.passwordLogin.forgotPassword")
+					})
+				}),
+				/* @__PURE__ */ s(a, { providers: p })
+			]
+		})
+	});
+};
+//#endregion
+export { l as PasswordLoginPanel };
+
+//# sourceMappingURL=PasswordLoginPanel.js.map

package/lib/esm/auth/login/PasswordLoginPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordLoginPanel.js","names":[],"sources":["../../../../src/auth/login/PasswordLoginPanel.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.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 } = useBackofficeReactTranslation();\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"],"mappings":";;;;;;;AAmBA,IAAa,KAAsB,EACjC,SACA,iBACA,qBACA,cACA,mBACwB;CACxB,IAAM,EAAE,SAAM,GAA+B;CAC7C,OACE,kBAAC,GAAD;EAAW,OAAO,EAAE,2BAA2B;YAC7C,kBAAC,OAAD;GAAK,WAAW;aAAhB;IACE,kBAAC,GAAD;KACQ;KACK;KACG;KACd,CAAA;IACF,kBAAC,OAAD;KAAK,WAAW;eACd,kBAAC,UAAD;MACE,MAAK;MACL,WAAW;MACX,SAAS;gBAER,EAAE,oCAAoC;MAChC,CAAA;KACL,CAAA;IACN,kBAAC,GAAD,EAAwB,cAAa,CAAA;IACjC;;EACI,CAAA"}

package/lib/esm/auth/login/loginPage.css.js

@@ -0,0 +1,7 @@
+/* empty css                         */
+//#region src/auth/login/loginPage.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaop", t = "txvbqb9ip txvbqbai7 txvbqbu7g", n = "txvbqbvbd txvbqb8y txvbqbfcp txvbqbf5y", r = "txvbqbcp txvbqbvbd txvbqb9ip txvbqbao7 txvbqbhyy txvbqbg0p", i = "txvbqbv5h txvbqbcgp txvbqb9my txvbqb1t7 txvbqbvbx", a = "txvbqbcp txvbqb9ip txvbqbajy txvbqbaog txvbqbdpp txvbqbhyg", o = "w8yhmy0 txvbqbvaz txvbqbamp txvbqb78 txvbqb6x txvbqb7k", s = "txvbqbnwy txvbqbok7 txvbqbp7g txvbqblz7 txvbqb767 txvbqb73g txvbqb7d7 txvbqb7ag", c = "txvbqb9ip txvbqbai7 txvbqbaop", l = "txvbqbu7g", u = "txvbqbfcp txvbqb9p txvbqbamy txvbqbvaz txvbqbee7", d = "txvbqbhyp", f = "w8yhmy1 txvbqb107 txvbqb1dg txvbqb1qg txvbqbvaz txvbqbv5t txvbqb78 txvbqb6w txvbqb7k";
+//#endregion
+export { a as actionsRow, c as block, f as brandGhostButton, r as divider, i as dividerLine, d as footer, t as formSurface, l as fullWidth, n as helper, o as inlineLink, s as panel, u as panelTitle, e as stack };
+
+//# sourceMappingURL=loginPage.css.js.map

package/lib/esm/auth/login/loginPage.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loginPage.css.js","names":[],"sources":["../../../../src/auth/login/loginPage.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const stack = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const formSurface = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  width: 'full',\n});\n\nexport const helper = sprinkles({\n  color: 'brandDarkGray',\n  fontSize: 'sm',\n  margin: 0,\n  lineHeight: 1.6,\n});\n\nexport const divider = sprinkles({\n  alignItems: 'center',\n  color: 'brandDarkGray',\n  display: 'flex',\n  gap: 2,\n  marginTop: 5,\n  marginBottom: 3,\n});\n\nexport const dividerLine = sprinkles({\n  backgroundColor: 'brandPrimaryRed',\n  height: 'px',\n  flex: 1,\n  borderRadius: 'full',\n  opacity: 35,\n});\n\nexport const actionsRow = sprinkles({\n  alignItems: 'center',\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 3,\n  justifyContent: 'space-between',\n  marginTop: 3,\n});\n\nexport const inlineLink = style([\n  sprinkles({\n    color: 'brandPrimaryRed',\n    fontWeight: 'semibold',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    background: 'transparent',\n    borderWidth: 0,\n    borderStyle: 'none',\n    cursor: 'pointer',\n    padding: 0,\n    textDecoration: 'none',\n    ':hover': {\n      color: vars.colors.brandSecondaryOrange,\n      textDecoration: 'underline',\n    },\n  },\n]);\n\nexport const panel = sprinkles({\n  borderTopLeftRadius: 'none',\n  borderTopRightRadius: 'none',\n  borderBottomLeftRadius: '2xl',\n  borderBottomRightRadius: '2xl',\n  paddingX: 6,\n  paddingY: 6,\n});\n\nexport const block = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const fullWidth = sprinkles({\n  width: 'full',\n});\n\nexport const panelTitle = sprinkles({\n  margin: 0,\n  fontSize: 'xl',\n  fontWeight: 'bold',\n  color: 'brandPrimaryRed',\n  letterSpacing: 'tight',\n});\n\nexport const footer = sprinkles({\n  marginTop: 4,\n});\n\nexport const brandGhostButton = style([\n  sprinkles({\n    borderColor: 'brandPrimaryRed',\n    borderWidth: 'px',\n    borderStyle: 'solid',\n    color: 'brandPrimaryRed',\n    backgroundColor: 'brandLightGray',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover:not(:disabled)': {\n        backgroundColor: `color-mix(in srgb, ${vars.colors.brandPrimaryRed} 8%, transparent)`,\n        color: vars.colors.brandSecondaryOrange,\n        borderColor: vars.colors.brandSecondaryOrange,\n      },\n    },\n  },\n]);\n"],"mappings":""}

package/lib/esm/auth/login/synchronizeAuthStatusQuery.js

@@ -0,0 +1,10 @@
+import e from "relay-runtime";
+//#region src/auth/login/synchronizeAuthStatusQuery.ts
+var { fetchQuery: t } = e;
+async function n(e, n) {
+	return (await t(e, n, {}, { fetchPolicy: "network-only" }).toPromise())?.isLoggedIn === !0;
+}
+//#endregion
+export { n as synchronizeAuthStatusQuery };
+
+//# sourceMappingURL=synchronizeAuthStatusQuery.js.map

package/lib/esm/auth/login/synchronizeAuthStatusQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"synchronizeAuthStatusQuery.js","names":[],"sources":["../../../../src/auth/login/synchronizeAuthStatusQuery.ts"],"sourcesContent":["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":";;AAMA,IAAM,EAAE,YAAA,MAAe;AAUvB,eAAsB,EACpB,GACA,GACkB;CAUlB,QAFoB,MAPG,EACrB,GACA,GACA,EAAE,EACF,EAAE,aAAa,gBAAgB,CAChC,CAAC,WAAW,GAGT,eACkB"}

package/lib/esm/{AcceptInvitationScreen-VaWXQPHp.js → auth/pages/AcceptInvitationScreen.js}

@@ -1,13 +1,13 @@
-import { t as e } from "./useBackofficeReactTranslation-Btt58EIo.js";
-import { a as t, d as n, s as r } from "./loginPage.css-B7Io_DuU.js";
-import { o as i } from "./useAuth-CWf8ZspF.js";
-import { t as a } from "./AuthPanel-BaIRFGbX.js";
+import { formSurface as e, helper as t, stack as n } from "../login/loginPage.css.js";
+import { AuthPanel as r } from "../login/AuthPanel.js";
+import { useBackofficeReactTranslation as i } from "../../i18n/useBackofficeReactTranslation.js";
+import { MfaChallengeForm as a } from "../login/MfaChallengeForm.js";
 import { useCallback as o, useMemo as s, useState as c } from "react";
 import { AuthLayout as l, Button as u, FormError as d, FormField as f } from "@plumile/ui";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/auth/pages/AcceptInvitationScreen.tsx
 var h = ({ auth: h, onSuccessRedirect: g, onBackToLogin: _, token: v }) => {
-	let { t: y } = e(), { acceptInvitation: b } = h, [x, S] = c("idle"), [C, w] = c(""), [T, E] = c(""), [D, O] = c(!1), [k, A] = c(null), j = s(() => v ?? (typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("token") ?? ""), [v]), M = o((e) => {
+	let { t: y } = i(), { acceptInvitation: b } = h, [x, S] = c("idle"), [C, w] = c(""), [T, E] = c(""), [D, O] = c(!1), [k, A] = c(null), j = s(() => v ?? (typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("token") ?? ""), [v]), M = o((e) => {
 		if (e.preventDefault(), j === "") {
 			A(y("auth.acceptInvitation.errors.missingToken")), S("error");
 			return;
@@ -46,7 +46,7 @@ var h = ({ auth: h, onSuccessRedirect: g, onBackToLogin: _, token: v }) => {
 	if (x === "mfa") return /* @__PURE__ */ p(l, {
 		title: y("auth.acceptInvitation.mfaTitle"),
 		subtitle: y("auth.acceptInvitation.mfaSubtitle"),
-		children: /* @__PURE__ */ p(i, {
+		children: /* @__PURE__ */ p(a, {
 			auth: h,
 			onSuccess: N,
 			onBack: () => {
@@ -58,13 +58,13 @@ var h = ({ auth: h, onSuccessRedirect: g, onBackToLogin: _, token: v }) => {
 	return F = x === "completed" ? /* @__PURE__ */ p("div", {
 		className: n,
 		children: /* @__PURE__ */ p("p", {
-			className: r,
+			className: t,
 			children: y("auth.acceptInvitation.status.success")
 		})
-	}) : /* @__PURE__ */ p(a, {
+	}) : /* @__PURE__ */ p(r, {
 		description: y("auth.acceptInvitation.subtitle"),
 		children: /* @__PURE__ */ m("form", {
-			className: t,
+			className: e,
 			onSubmit: M,
 			noValidate: !0,
 			children: [
@@ -112,6 +112,6 @@ var h = ({ auth: h, onSuccessRedirect: g, onBackToLogin: _, token: v }) => {
 	});
 };
 //#endregion
-export { h as t };
+export { h as AcceptInvitationScreen };
 
-//# sourceMappingURL=AcceptInvitationScreen-VaWXQPHp.js.map
+//# sourceMappingURL=AcceptInvitationScreen.js.map

package/lib/esm/auth/pages/AcceptInvitationScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcceptInvitationScreen.js","names":[],"sources":["../../../../src/auth/pages/AcceptInvitationScreen.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  useCallback,\n  useMemo,\n  useState,\n  type FormEvent,\n  type JSX,\n} from 'react';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.js';\n\nimport { AuthLayout, Button, FormError, FormField } from '@plumile/ui';\n\nimport type { UseAuthReturn } from '../../hooks/useAuth.js';\nimport { MfaChallengeForm } from '../login/MfaChallengeForm.js';\nimport AuthPanel from '../login/AuthPanel.js';\nimport * as styles from '../login/loginPage.css.js';\n\ntype AcceptanceState = 'pending' | 'mfa' | 'completed' | 'error' | 'idle';\n\ntype Props = {\n  auth: UseAuthReturn;\n  onSuccessRedirect: () => void;\n  onBackToLogin: () => void;\n  token?: string;\n};\n\nexport const AcceptInvitationScreen = ({\n  auth,\n  onSuccessRedirect,\n  onBackToLogin,\n  token,\n}: Props): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const { acceptInvitation } = auth;\n  const [status, setStatus] = useState<AcceptanceState>('idle');\n  const [password, setPassword] = useState('');\n  const [passwordConfirmation, setPasswordConfirmation] = useState('');\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n\n  const resolvedToken = useMemo(() => {\n    if (token != null) {\n      return token;\n    }\n    if (typeof window === 'undefined') {\n      return '';\n    }\n    const params = new URLSearchParams(window.location.search);\n    return params.get('token') ?? '';\n  }, [token]);\n\n  const handleSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      if (resolvedToken === '') {\n        setErrorMessage(t('auth.acceptInvitation.errors.missingToken'));\n        setStatus('error');\n        return;\n      }\n\n      if (password !== passwordConfirmation) {\n        setErrorMessage(t('auth.acceptInvitation.errors.passwordMismatch'));\n        setStatus('error');\n        return;\n      }\n\n      setStatus('pending');\n      setErrorMessage(null);\n      setIsSubmitting(true);\n\n      // eslint-disable-next-line no-void\n      void acceptInvitation({\n        token: resolvedToken,\n        password,\n        passwordConfirmation,\n      })\n        .then((result) => {\n          if (result === 'mfa-required') {\n            setStatus('mfa');\n            return;\n          }\n          setStatus('completed');\n          onSuccessRedirect();\n        })\n        .catch(() => {\n          setStatus('error');\n          setErrorMessage(t('auth.acceptInvitation.errors.default'));\n        })\n        .finally(() => {\n          setIsSubmitting(false);\n        });\n    },\n    [\n      acceptInvitation,\n      onSuccessRedirect,\n      password,\n      passwordConfirmation,\n      resolvedToken,\n      t,\n    ],\n  );\n\n  const handleMfaSuccess = useCallback(() => {\n    setStatus('completed');\n    onSuccessRedirect();\n  }, [onSuccessRedirect]);\n\n  const handleRetry = useCallback(() => {\n    setStatus('idle');\n    setErrorMessage(null);\n    setIsSubmitting(false);\n  }, []);\n\n  if (status === 'mfa') {\n    return (\n      <AuthLayout\n        title={t('auth.acceptInvitation.mfaTitle')}\n        subtitle={t('auth.acceptInvitation.mfaSubtitle')}\n      >\n        <MfaChallengeForm\n          auth={auth}\n          onSuccess={handleMfaSuccess}\n          onBack={() => {\n            auth.reset();\n            handleRetry();\n          }}\n        />\n      </AuthLayout>\n    );\n  }\n\n  let content: JSX.Element;\n  if (status === 'completed') {\n    content = (\n      <div className={styles.stack}>\n        <p className={styles.helper}>\n          {t('auth.acceptInvitation.status.success')}\n        </p>\n      </div>\n    );\n  } else {\n    content = (\n      <AuthPanel description={t('auth.acceptInvitation.subtitle')}>\n        <form className={styles.formSurface} onSubmit={handleSubmit} noValidate>\n          {errorMessage != null ? <FormError>{errorMessage}</FormError> : null}\n          <FormField\n            label={t('auth.acceptInvitation.form.passwordLabel')}\n            name=\"password\"\n            type=\"password\"\n            value={password}\n            onChange={(event) => {\n              setPassword(event.target.value);\n              setErrorMessage(null);\n              if (status === 'error') {\n                setStatus('idle');\n              }\n            }}\n            placeholder={t('auth.acceptInvitation.form.passwordPlaceholder')}\n            autoComplete=\"new-password\"\n            required\n          />\n          <FormField\n            label={t('auth.acceptInvitation.form.confirmLabel')}\n            name=\"password-confirmation\"\n            type=\"password\"\n            value={passwordConfirmation}\n            onChange={(event) => {\n              setPasswordConfirmation(event.target.value);\n              setErrorMessage(null);\n              if (status === 'error') {\n                setStatus('idle');\n              }\n            }}\n            placeholder={t('auth.acceptInvitation.form.confirmPlaceholder')}\n            autoComplete=\"new-password\"\n            required\n          />\n          <Button type=\"submit\" isLoading={isSubmitting}>\n            {status === 'pending'\n              ? t('auth.acceptInvitation.status.workingButton')\n              : t('auth.acceptInvitation.form.submit')}\n          </Button>\n          <Button type=\"button\" variant=\"secondary\" onClick={onBackToLogin}>\n            {t('auth.acceptInvitation.actions.backToLogin')}\n          </Button>\n        </form>\n      </AuthPanel>\n    );\n  }\n\n  return (\n    <AuthLayout title={t('auth.acceptInvitation.title')}>{content}</AuthLayout>\n  );\n};\n"],"mappings":"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"}

package/lib/esm/{PasswordResetCompleteScreen-Cgg96DPo.js → auth/pages/PasswordResetCompleteScreen.js}

@@ -1,12 +1,12 @@
-import { t as e } from "./useBackofficeReactTranslation-Btt58EIo.js";
-import { a as t, r as n, s as r } from "./loginPage.css-B7Io_DuU.js";
-import { t as i } from "./AuthPanel-BaIRFGbX.js";
+import { brandGhostButton as e, formSurface as t, helper as n } from "../login/loginPage.css.js";
+import { AuthPanel as r } from "../login/AuthPanel.js";
+import { useBackofficeReactTranslation as i } from "../../i18n/useBackofficeReactTranslation.js";
 import { useCallback as a, useMemo as o, useState as s } from "react";
 import { AuthLayout as c, Button as l, FormError as u, FormField as d } from "@plumile/ui";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/auth/pages/PasswordResetCompleteScreen.tsx
 var m = 8, h = ({ onBackToLogin: h, onCompletePasswordReset: g, token: _ }) => {
-	let { t: v } = e(), [y, b] = s(""), [x, S] = s(""), [C, w] = s("idle"), [T, E] = s(null), [D, O] = s(!1), k = o(() => _ ?? (typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("token") ?? ""), [_]), A = a((e) => {
+	let { t: v } = i(), [y, b] = s(""), [x, S] = s(""), [C, w] = s("idle"), [T, E] = s(null), [D, O] = s(!1), k = o(() => _ ?? (typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("token") ?? ""), [_]), A = a((e) => {
 		if (e.preventDefault(), E(null), k === "") {
 			E(v("auth.passwordResetComplete.errors.missingToken"));
 			return;
@@ -38,21 +38,21 @@ var m = 8, h = ({ onBackToLogin: h, onCompletePasswordReset: g, token: _ }) => {
 		k,
 		v
 	]), j;
-	return j = C === "completed" ? /* @__PURE__ */ f(i, {
+	return j = C === "completed" ? /* @__PURE__ */ f(r, {
 		title: v("auth.passwordResetComplete.success.title"),
 		description: v("auth.passwordResetComplete.success.description"),
 		footer: /* @__PURE__ */ f(l, {
 			type: "button",
 			variant: "secondary",
-			className: n,
+			className: e,
 			onClick: h,
 			children: v("auth.passwordResetComplete.success.action")
 		}),
 		children: /* @__PURE__ */ f("p", {
-			className: r,
+			className: n,
 			children: v("auth.passwordResetComplete.success.helper")
 		})
-	}) : /* @__PURE__ */ f(i, {
+	}) : /* @__PURE__ */ f(r, {
 		title: v("auth.passwordResetComplete.form.title"),
 		description: v("auth.passwordResetComplete.form.description"),
 		children: /* @__PURE__ */ p("form", {
@@ -99,6 +99,6 @@ var m = 8, h = ({ onBackToLogin: h, onCompletePasswordReset: g, token: _ }) => {
 	});
 };
 //#endregion
-export { h as t };
+export { h as PasswordResetCompleteScreen };
 
-//# sourceMappingURL=PasswordResetCompleteScreen-Cgg96DPo.js.map
+//# sourceMappingURL=PasswordResetCompleteScreen.js.map

package/lib/esm/auth/pages/PasswordResetCompleteScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetCompleteScreen.js","names":[],"sources":["../../../../src/auth/pages/PasswordResetCompleteScreen.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  useCallback,\n  useMemo,\n  useState,\n  type FormEvent,\n  type JSX,\n} from 'react';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.js';\n\nimport { AuthLayout, Button, FormError, FormField } from '@plumile/ui';\n\nimport * as styles from '../login/loginPage.css.js';\nimport AuthPanel from '../login/AuthPanel.js';\n\nconst MIN_PASSWORD_LENGTH = 8;\n\ntype Props = {\n  onBackToLogin: () => void;\n  onCompletePasswordReset: (input: {\n    newPassword: string;\n    token: string;\n  }) => Promise<boolean>;\n  token?: string;\n};\n\nexport const PasswordResetCompleteScreen = ({\n  onBackToLogin,\n  onCompletePasswordReset,\n  token,\n}: Props): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const [password, setPassword] = useState('');\n  const [passwordConfirm, setPasswordConfirm] = useState('');\n  const [status, setStatus] = useState<'idle' | 'completed'>('idle');\n  const [error, setError] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const resolvedToken = useMemo(() => {\n    if (token != null) {\n      return token;\n    }\n    if (typeof window === 'undefined') {\n      return '';\n    }\n    const params = new URLSearchParams(window.location.search);\n    return params.get('token') ?? '';\n  }, [token]);\n\n  const handleSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      setError(null);\n\n      if (resolvedToken === '') {\n        setError(t('auth.passwordResetComplete.errors.missingToken'));\n        return;\n      }\n\n      if (password.length < MIN_PASSWORD_LENGTH) {\n        setError(\n          t('auth.passwordResetComplete.errors.minLength', {\n            minLength: MIN_PASSWORD_LENGTH,\n          }),\n        );\n        return;\n      }\n\n      if (password !== passwordConfirm) {\n        setError(t('auth.passwordResetComplete.errors.mismatch'));\n        return;\n      }\n\n      setIsSubmitting(true);\n\n      const completePasswordReset = async (): Promise<void> => {\n        try {\n          const success = await onCompletePasswordReset({\n            newPassword: password,\n            token: resolvedToken,\n          });\n          if (success) {\n            setStatus('completed');\n          } else {\n            setError(t('auth.passwordResetComplete.errors.invalid'));\n          }\n        } catch (mutationError) {\n          setError(\n            mutationError instanceof Error\n              ? mutationError.message\n              : t('auth.passwordResetComplete.errors.invalid'),\n          );\n        } finally {\n          setIsSubmitting(false);\n        }\n      };\n\n      completePasswordReset().catch(() => {\n        return undefined;\n      });\n    },\n    [onCompletePasswordReset, password, passwordConfirm, resolvedToken, t],\n  );\n\n  let content: JSX.Element;\n  if (status === 'completed') {\n    content = (\n      <AuthPanel\n        title={t('auth.passwordResetComplete.success.title')}\n        description={t('auth.passwordResetComplete.success.description')}\n        footer={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className={styles.brandGhostButton}\n            onClick={onBackToLogin}\n          >\n            {t('auth.passwordResetComplete.success.action')}\n          </Button>\n        }\n      >\n        <p className={styles.helper}>\n          {t('auth.passwordResetComplete.success.helper')}\n        </p>\n      </AuthPanel>\n    );\n  } else {\n    content = (\n      <AuthPanel\n        title={t('auth.passwordResetComplete.form.title')}\n        description={t('auth.passwordResetComplete.form.description')}\n      >\n        <form className={styles.formSurface} onSubmit={handleSubmit} noValidate>\n          {error != null ? <FormError>{error}</FormError> : null}\n          <FormField\n            label={t('auth.passwordResetComplete.form.passwordLabel')}\n            name=\"new-password\"\n            type=\"password\"\n            value={password}\n            onChange={(event) => {\n              setPassword(event.target.value);\n              setError(null);\n            }}\n            placeholder={t(\n              'auth.passwordResetComplete.form.passwordPlaceholder',\n            )}\n            autoComplete=\"new-password\"\n            required\n          />\n          <FormField\n            label={t('auth.passwordResetComplete.form.confirmLabel')}\n            name=\"confirm-password\"\n            type=\"password\"\n            value={passwordConfirm}\n            onChange={(event) => {\n              setPasswordConfirm(event.target.value);\n              setError(null);\n            }}\n            placeholder={t(\n              'auth.passwordResetComplete.form.confirmPlaceholder',\n            )}\n            autoComplete=\"new-password\"\n            required\n          />\n          <Button type=\"submit\" isLoading={isSubmitting}>\n            {t('auth.passwordResetComplete.form.submit')}\n          </Button>\n        </form>\n      </AuthPanel>\n    );\n  }\n\n  return (\n    <AuthLayout\n      title={t('auth.passwordResetComplete.title')}\n      subtitle={t('auth.passwordResetComplete.subtitle')}\n    >\n      {content}\n    </AuthLayout>\n  );\n};\n"],"mappings":";;;;;;;AAeA,IAAM,IAAsB,GAWf,KAA+B,EAC1C,kBACA,4BACA,eACwB;CACxB,IAAM,EAAE,SAAM,GAA+B,EACvC,CAAC,GAAU,KAAe,EAAS,GAAG,EACtC,CAAC,GAAiB,KAAsB,EAAS,GAAG,EACpD,CAAC,GAAQ,KAAa,EAA+B,OAAO,EAC5D,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAc,KAAmB,EAAS,GAAM,EAEjD,IAAgB,QAChB,MAGA,OAAO,SAAW,MACb,KAGF,IADY,gBAAgB,OAAO,SAAS,OAC5C,CAAO,IAAI,QAAQ,IAAI,KAC7B,CAAC,EAAM,CAAC,EAEL,IAAe,GAClB,MAAsC;EAIrC,IAHA,EAAM,gBAAgB,EACtB,EAAS,KAAK,EAEV,MAAkB,IAAI;GACxB,EAAS,EAAE,iDAAiD,CAAC;GAC7D;;EAGF,IAAI,EAAS,SAAS,GAAqB;GACzC,EACE,EAAE,+CAA+C,EAC/C,WAAW,GACZ,CAAC,CACH;GACD;;EAGF,IAAI,MAAa,GAAiB;GAChC,EAAS,EAAE,6CAA6C,CAAC;GACzD;;EA2BF,AAxBA,EAAgB,GAAK,GAwBrB,YAtByD;GACvD,IAAI;IAKF,AAAI,MAJkB,EAAwB;KAC5C,aAAa;KACb,OAAO;KACR,CAAC,GAEA,EAAU,YAAY,GAEtB,EAAS,EAAE,4CAA4C,CAAC;YAEnD,GAAe;IACtB,EACE,aAAyB,QACrB,EAAc,UACd,EAAE,4CAA4C,CACnD;aACO;IACR,EAAgB,GAAM;;MAIH,CAAC,YAAY,GAElC;IAEJ;EAAC;EAAyB;EAAU;EAAiB;EAAe;EAAE,CACvE,EAEG;CAoEJ,OAnEA,AAsBE,IAtBE,MAAW,cAEX,kBAAC,GAAD;EACE,OAAO,EAAE,2CAA2C;EACpD,aAAa,EAAE,iDAAiD;EAChE,QACE,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,WAAW;GACX,SAAS;aAER,EAAE,4CAA4C;GACxC,CAAA;YAGX,kBAAC,KAAD;GAAG,WAAW;aACX,EAAE,4CAA4C;GAC7C,CAAA;EACM,CAAA,GAIZ,kBAAC,GAAD;EACE,OAAO,EAAE,wCAAwC;EACjD,aAAa,EAAE,8CAA8C;YAE7D,kBAAC,QAAD;GAAM,WAAW;GAAoB,UAAU;GAAc,YAAA;aAA7D;IACG,KAAS,OAAwC,OAAjC,kBAAC,GAAD,EAAA,UAAY,GAAkB,CAAA;IAC/C,kBAAC,GAAD;KACE,OAAO,EAAE,gDAAgD;KACzD,MAAK;KACL,MAAK;KACL,OAAO;KACP,WAAW,MAAU;MAEnB,AADA,EAAY,EAAM,OAAO,MAAM,EAC/B,EAAS,KAAK;;KAEhB,aAAa,EACX,sDACD;KACD,cAAa;KACb,UAAA;KACA,CAAA;IACF,kBAAC,GAAD;KACE,OAAO,EAAE,+CAA+C;KACxD,MAAK;KACL,MAAK;KACL,OAAO;KACP,WAAW,MAAU;MAEnB,AADA,EAAmB,EAAM,OAAO,MAAM,EACtC,EAAS,KAAK;;KAEhB,aAAa,EACX,qDACD;KACD,cAAa;KACb,UAAA;KACA,CAAA;IACF,kBAAC,GAAD;KAAQ,MAAK;KAAS,WAAW;eAC9B,EAAE,yCAAyC;KACrC,CAAA;IACJ;;EACG,CAAA,EAKd,kBAAC,GAAD;EACE,OAAO,EAAE,mCAAmC;EAC5C,UAAU,EAAE,sCAAsC;YAEjD;EACU,CAAA"}

package/lib/esm/{PasswordResetRequestScreen-I1nFvGLd.js → auth/pages/PasswordResetRequestScreen.js}

@@ -1,12 +1,12 @@
-import { t as e } from "./useBackofficeReactTranslation-Btt58EIo.js";
-import { a as t, s as n } from "./loginPage.css-B7Io_DuU.js";
-import { t as r } from "./AuthPanel-BaIRFGbX.js";
+import { formSurface as e, helper as t } from "../login/loginPage.css.js";
+import { AuthPanel as n } from "../login/AuthPanel.js";
+import { useBackofficeReactTranslation as r } from "../../i18n/useBackofficeReactTranslation.js";
 import { useCallback as i, useMemo as a, useState as o } from "react";
 import { AuthLayout as s, Button as c, FormError as l, FormField as u } from "@plumile/ui";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/auth/pages/PasswordResetRequestScreen.tsx
 var p = ({ onStartPasswordReset: p }) => {
-	let { i18n: m, t: h } = e(), [g, _] = o(""), [v, y] = o("idle"), [b, x] = o(null), [S, C] = o(!1), w = a(() => {
+	let { i18n: m, t: h } = r(), [g, _] = o(""), [v, y] = o("idle"), [b, x] = o(null), [S, C] = o(!1), w = a(() => {
 		let e = m.language.trim();
 		if (e !== "") return e;
 		if (!(typeof navigator > "u")) return navigator.language;
@@ -31,7 +31,7 @@ var p = ({ onStartPasswordReset: p }) => {
 		p,
 		h
 	]), E;
-	return E = v === "sent" ? /* @__PURE__ */ d(r, {
+	return E = v === "sent" ? /* @__PURE__ */ d(n, {
 		title: h("auth.passwordResetRequest.sent.title"),
 		description: h("auth.passwordResetRequest.sent.description", { email: g }),
 		footer: /* @__PURE__ */ d(c, {
@@ -43,13 +43,13 @@ var p = ({ onStartPasswordReset: p }) => {
 			children: h("auth.passwordResetRequest.sent.action")
 		}),
 		children: /* @__PURE__ */ d("p", {
-			className: n,
+			className: t,
 			children: h("auth.passwordResetRequest.sent.helper")
 		})
-	}) : /* @__PURE__ */ d(r, {
+	}) : /* @__PURE__ */ d(n, {
 		description: h("auth.passwordResetRequest.form.description"),
 		children: /* @__PURE__ */ f("form", {
-			className: t,
+			className: e,
 			onSubmit: T,
 			noValidate: !0,
 			children: [
@@ -80,6 +80,6 @@ var p = ({ onStartPasswordReset: p }) => {
 	});
 };
 //#endregion
-export { p as t };
+export { p as PasswordResetRequestScreen };
 
-//# sourceMappingURL=PasswordResetRequestScreen-I1nFvGLd.js.map
+//# sourceMappingURL=PasswordResetRequestScreen.js.map

package/lib/esm/auth/pages/PasswordResetRequestScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetRequestScreen.js","names":[],"sources":["../../../../src/auth/pages/PasswordResetRequestScreen.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  useCallback,\n  useMemo,\n  useState,\n  type FormEvent,\n  type JSX,\n} from 'react';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.js';\n\nimport { AuthLayout, Button, FormError, FormField } from '@plumile/ui';\n\nimport * as styles from '../login/loginPage.css.js';\nimport AuthPanel from '../login/AuthPanel.js';\n\ntype Props = {\n  onStartPasswordReset: (input: {\n    email: string;\n    locale?: string;\n  }) => Promise<boolean>;\n};\n\nexport const PasswordResetRequestScreen = ({\n  onStartPasswordReset,\n}: Props): JSX.Element => {\n  const { i18n, t } = useBackofficeReactTranslation();\n  const [email, setEmail] = useState('');\n  const [status, setStatus] = useState<'idle' | 'sent'>('idle');\n  const [error, setError] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const locale = useMemo(() => {\n    const language = i18n.language.trim();\n    if (language !== '') {\n      return language;\n    }\n    if (typeof navigator === 'undefined') {\n      return undefined;\n    }\n    return navigator.language;\n  }, [i18n.language]);\n\n  const handleSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      setError(null);\n\n      if (email.trim() === '') {\n        setError(t('auth.passwordResetRequest.errors.emailRequired'));\n        return;\n      }\n\n      setIsSubmitting(true);\n      onStartPasswordReset({\n        email: email.trim(),\n        locale,\n      })\n        .then((success) => {\n          if (success) {\n            setStatus('sent');\n          } else {\n            setError(t('auth.passwordResetRequest.errors.startFailed'));\n          }\n        })\n        .catch((mutationError) => {\n          setError(\n            mutationError instanceof Error\n              ? mutationError.message\n              : t('auth.passwordResetRequest.errors.startFailed'),\n          );\n        })\n        .finally(() => {\n          setIsSubmitting(false);\n        });\n    },\n    [email, locale, onStartPasswordReset, t],\n  );\n\n  let content: JSX.Element;\n  if (status === 'sent') {\n    content = (\n      <AuthPanel\n        title={t('auth.passwordResetRequest.sent.title')}\n        description={t('auth.passwordResetRequest.sent.description', { email })}\n        footer={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={() => {\n              setStatus('idle');\n            }}\n          >\n            {t('auth.passwordResetRequest.sent.action')}\n          </Button>\n        }\n      >\n        <p className={styles.helper}>\n          {t('auth.passwordResetRequest.sent.helper')}\n        </p>\n      </AuthPanel>\n    );\n  } else {\n    content = (\n      <AuthPanel description={t('auth.passwordResetRequest.form.description')}>\n        <form className={styles.formSurface} onSubmit={handleSubmit} noValidate>\n          {error != null ? <FormError>{error}</FormError> : null}\n          <FormField\n            label={t('auth.passwordResetRequest.form.emailLabel')}\n            name=\"email\"\n            type=\"email\"\n            value={email}\n            onChange={(event) => {\n              setEmail(event.target.value);\n              setError(null);\n            }}\n            placeholder={t('auth.passwordResetRequest.form.emailPlaceholder')}\n            autoComplete=\"email\"\n            autoFocus\n            required\n          />\n          <Button type=\"submit\" isLoading={isSubmitting}>\n            {t('auth.passwordResetRequest.form.submit')}\n          </Button>\n        </form>\n      </AuthPanel>\n    );\n  }\n\n  return (\n    <AuthLayout title={t('auth.passwordResetRequest.title')}>\n      {content}\n    </AuthLayout>\n  );\n};\n"],"mappings":";;;;;;;AAsBA,IAAa,KAA8B,EACzC,8BACwB;CACxB,IAAM,EAAE,SAAM,SAAM,GAA+B,EAC7C,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,CAAC,GAAQ,KAAa,EAA0B,OAAO,EACvD,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAc,KAAmB,EAAS,GAAM,EAEjD,IAAS,QAAc;EAC3B,IAAM,IAAW,EAAK,SAAS,MAAM;EACrC,IAAI,MAAa,IACf,OAAO;EAEL,aAAO,YAAc,MAGzB,OAAO,UAAU;IAChB,CAAC,EAAK,SAAS,CAAC,EAEb,IAAe,GAClB,MAAsC;EAIrC,IAHA,EAAM,gBAAgB,EACtB,EAAS,KAAK,EAEV,EAAM,MAAM,KAAK,IAAI;GACvB,EAAS,EAAE,iDAAiD,CAAC;GAC7D;;EAIF,AADA,EAAgB,GAAK,EACrB,EAAqB;GACnB,OAAO,EAAM,MAAM;GACnB;GACD,CAAC,CACC,MAAM,MAAY;GACjB,AAAI,IACF,EAAU,OAAO,GAEjB,EAAS,EAAE,+CAA+C,CAAC;IAE7D,CACD,OAAO,MAAkB;GACxB,EACE,aAAyB,QACrB,EAAc,UACd,EAAE,+CAA+C,CACtD;IACD,CACD,cAAc;GACb,EAAgB,GAAM;IACtB;IAEN;EAAC;EAAO;EAAQ;EAAsB;EAAE,CACzC,EAEG;CAkDJ,OAjDA,AAuBE,IAvBE,MAAW,SAEX,kBAAC,GAAD;EACE,OAAO,EAAE,uCAAuC;EAChD,aAAa,EAAE,8CAA8C,EAAE,UAAO,CAAC;EACvE,QACE,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,eAAe;IACb,EAAU,OAAO;;aAGlB,EAAE,wCAAwC;GACpC,CAAA;YAGX,kBAAC,KAAD;GAAG,WAAW;aACX,EAAE,wCAAwC;GACzC,CAAA;EACM,CAAA,GAIZ,kBAAC,GAAD;EAAW,aAAa,EAAE,6CAA6C;YACrE,kBAAC,QAAD;GAAM,WAAW;GAAoB,UAAU;GAAc,YAAA;aAA7D;IACG,KAAS,OAAwC,OAAjC,kBAAC,GAAD,EAAA,UAAY,GAAkB,CAAA;IAC/C,kBAAC,GAAD;KACE,OAAO,EAAE,4CAA4C;KACrD,MAAK;KACL,MAAK;KACL,OAAO;KACP,WAAW,MAAU;MAEnB,AADA,EAAS,EAAM,OAAO,MAAM,EAC5B,EAAS,KAAK;;KAEhB,aAAa,EAAE,kDAAkD;KACjE,cAAa;KACb,WAAA;KACA,UAAA;KACA,CAAA;IACF,kBAAC,GAAD;KAAQ,MAAK;KAAS,WAAW;eAC9B,EAAE,wCAAwC;KACpC,CAAA;IACJ;;EACG,CAAA,EAKd,kBAAC,GAAD;EAAY,OAAO,EAAE,kCAAkC;YACpD;EACU,CAAA"}

package/lib/esm/{VerifyEmailScreen-Br5KyHjg.js → auth/pages/VerifyEmailScreen.js}

@@ -1,11 +1,11 @@
-import { t as e } from "./useBackofficeReactTranslation-Btt58EIo.js";
-import { d as t, s as n } from "./loginPage.css-B7Io_DuU.js";
+import { helper as e, stack as t } from "../login/loginPage.css.js";
+import { useBackofficeReactTranslation as n } from "../../i18n/useBackofficeReactTranslation.js";
 import { useEffect as r, useMemo as i, useState as a } from "react";
 import { AuthLayout as o, Button as s, FormError as c } from "@plumile/ui";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/auth/pages/VerifyEmailScreen.tsx
 var d = ({ onBackToLogin: d, onVerifyEmail: f, token: p }) => {
-	let { t: m } = e(), [h, g] = a("pending"), [_, v] = a(null), y = i(() => p ?? (typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("token") ?? ""), [p]);
+	let { t: m } = n(), [h, g] = a("pending"), [_, v] = a(null), y = i(() => p ?? (typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("token") ?? ""), [p]);
 	r(() => {
 		if (y === "") {
 			g("error"), v(m("auth.verifyEmail.errors.missingToken"));
@@ -27,7 +27,7 @@ var d = ({ onBackToLogin: d, onVerifyEmail: f, token: p }) => {
 	return b = h === "success" ? /* @__PURE__ */ u("div", {
 		className: t,
 		children: [/* @__PURE__ */ l("p", {
-			className: n,
+			className: e,
 			children: m("auth.verifyEmail.status.success")
 		}), /* @__PURE__ */ l(s, {
 			type: "button",
@@ -46,7 +46,7 @@ var d = ({ onBackToLogin: d, onVerifyEmail: f, token: p }) => {
 	}) : /* @__PURE__ */ u("div", {
 		className: t,
 		children: [/* @__PURE__ */ l("p", {
-			className: n,
+			className: e,
 			children: m("auth.verifyEmail.status.verifying")
 		}), /* @__PURE__ */ l(s, {
 			type: "button",
@@ -60,6 +60,6 @@ var d = ({ onBackToLogin: d, onVerifyEmail: f, token: p }) => {
 	});
 };
 //#endregion
-export { d as t };
+export { d as VerifyEmailScreen };
 
-//# sourceMappingURL=VerifyEmailScreen-Br5KyHjg.js.map
+//# sourceMappingURL=VerifyEmailScreen.js.map

package/lib/esm/auth/pages/VerifyEmailScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifyEmailScreen.js","names":[],"sources":["../../../../src/auth/pages/VerifyEmailScreen.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { useEffect, useMemo, useState, type JSX } from 'react';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.js';\n\nimport { AuthLayout, Button, FormError } from '@plumile/ui';\n\nimport * as styles from '../login/loginPage.css.js';\n\ntype VerificationState = 'pending' | 'success' | 'error';\n\ntype Props = {\n  onBackToLogin: () => void;\n  onVerifyEmail: (input: { token: string }) => Promise<boolean>;\n  token?: string;\n};\n\nexport const VerifyEmailScreen = ({\n  onBackToLogin,\n  onVerifyEmail,\n  token,\n}: Props): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const [state, setState] = useState<VerificationState>('pending');\n  const [error, setError] = useState<string | null>(null);\n\n  const resolvedToken = useMemo(() => {\n    if (token != null) {\n      return token;\n    }\n    if (typeof window === 'undefined') {\n      return '';\n    }\n    const params = new URLSearchParams(window.location.search);\n    return params.get('token') ?? '';\n  }, [token]);\n\n  useEffect(() => {\n    if (resolvedToken === '') {\n      setState('error');\n      setError(t('auth.verifyEmail.errors.missingToken'));\n      return;\n    }\n\n    const verifyEmail = async (): Promise<void> => {\n      try {\n        const success = await onVerifyEmail({ token: resolvedToken });\n        if (success) {\n          setState('success');\n        } else {\n          setState('error');\n          setError(t('auth.verifyEmail.errors.invalid'));\n        }\n      } catch (mutationError) {\n        setState('error');\n        setError(\n          mutationError instanceof Error\n            ? mutationError.message\n            : t('auth.verifyEmail.errors.invalid'),\n        );\n      }\n    };\n\n    verifyEmail().catch(() => {\n      return undefined;\n    });\n  }, [onVerifyEmail, resolvedToken, t]);\n\n  let content: JSX.Element;\n  if (state === 'success') {\n    content = (\n      <div className={styles.stack}>\n        <p className={styles.helper}>{t('auth.verifyEmail.status.success')}</p>\n        <Button type=\"button\" variant=\"secondary\" onClick={onBackToLogin}>\n          {t('auth.verifyEmail.actions.continue')}\n        </Button>\n      </div>\n    );\n  } else if (state === 'error') {\n    content = (\n      <div className={styles.stack}>\n        {error != null ? <FormError>{error}</FormError> : null}\n        <Button type=\"button\" variant=\"secondary\" onClick={onBackToLogin}>\n          {t('auth.verifyEmail.actions.return')}\n        </Button>\n      </div>\n    );\n  } else {\n    content = (\n      <div className={styles.stack}>\n        <p className={styles.helper}>\n          {t('auth.verifyEmail.status.verifying')}\n        </p>\n        <Button type=\"button\" isLoading>\n          {t('auth.verifyEmail.status.verifyingButton')}\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <AuthLayout\n      title={t('auth.verifyEmail.title')}\n      subtitle={t('auth.verifyEmail.subtitle')}\n    >\n      {content}\n    </AuthLayout>\n  );\n};\n"],"mappings":";;;;;;AAgBA,IAAa,KAAqB,EAChC,kBACA,kBACA,eACwB;CACxB,IAAM,EAAE,SAAM,GAA+B,EACvC,CAAC,GAAO,KAAY,EAA4B,UAAU,EAC1D,CAAC,GAAO,KAAY,EAAwB,KAAK,EAEjD,IAAgB,QAChB,MAGA,OAAO,SAAW,MACb,KAGF,IADY,gBAAgB,OAAO,SAAS,OAC5C,CAAO,IAAI,QAAQ,IAAI,KAC7B,CAAC,EAAM,CAAC;CAEX,QAAgB;EACd,IAAI,MAAkB,IAAI;GAExB,AADA,EAAS,QAAQ,EACjB,EAAS,EAAE,uCAAuC,CAAC;GACnD;;EAsBF,aAnB+C;GAC7C,IAAI;IAEF,AAAI,MADkB,EAAc,EAAE,OAAO,GAAe,CAAC,GAE3D,EAAS,UAAU,IAEnB,EAAS,QAAQ,EACjB,EAAS,EAAE,kCAAkC,CAAC;YAEzC,GAAe;IAEtB,AADA,EAAS,QAAQ,EACjB,EACE,aAAyB,QACrB,EAAc,UACd,EAAE,kCAAkC,CACzC;;MAIQ,CAAC,YAAY,GAExB;IACD;EAAC;EAAe;EAAe;EAAE,CAAC;CAErC,IAAI;CAgCJ,OA/BA,AAmBE,IAnBE,MAAU,YAEV,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,KAAD;GAAG,WAAW;aAAgB,EAAE,kCAAkC;GAAK,CAAA,EACvE,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;GAAY,SAAS;aAChD,EAAE,oCAAoC;GAChC,CAAA,CACL;MAEC,MAAU,UAEjB,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,KAAS,OAAwC,OAAjC,kBAAC,GAAD,EAAA,UAAY,GAAkB,CAAA,EAC/C,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;GAAY,SAAS;aAChD,EAAE,kCAAkC;GAC9B,CAAA,CACL;MAIN,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,KAAD;GAAG,WAAW;aACX,EAAE,oCAAoC;GACrC,CAAA,EACJ,kBAAC,GAAD;GAAQ,MAAK;GAAS,WAAA;aACnB,EAAE,0CAA0C;GACtC,CAAA,CACL;KAKR,kBAAC,GAAD;EACE,OAAO,EAAE,yBAAyB;EAClC,UAAU,EAAE,4BAA4B;YAEvC;EACU,CAAA"}