@plumile/backoffice-react 0.1.59

package/lib/esm/pages/BackofficeLayoutPage.js

@@ -0,0 +1,141 @@
+import { useBackofficeReactTranslation as e } from "../i18n/useBackofficeReactTranslation.js";
+import { useBackofficeConfig as t } from "../provider/BackofficeConfigContext.js";
+import { BackofficeTopbarPortalContextProvider as n } from "../components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js";
+import { resolveSidebarGroups as r, resolveVisibleEntityIds as i } from "../components/backoffice/layout/sidebarUtils.js";
+import { buildSidebarSections as a } from "../components/backoffice/layout/buildSidebarSections.js";
+import o from "../components/backoffice/layout/mapViewerToSidebarProfileView.js";
+import { BackofficeContentBoundary as s } from "../components/backoffice/routing/BackofficeContentBoundary.js";
+import { resetRelayStore as c } from "../relay/environment.js";
+import { useRelayEnvironment as l } from "../relay/useRelayEnvironment.js";
+import u from "../hooks/useBackofficeSidebarPins.js";
+import d from "../hooks/useSidebarGroupCollapse.js";
+import { getBackofficeLoginPath as f } from "../router/backofficeAuthPaths.js";
+import { jsx as p } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import { ToastProvider as h } from "@plumile/ui";
+import { useCallback as g, useContext as _, useMemo as v, useState as y } from "react";
+import { commitMutation as b, usePreloadedQuery as x } from "react-relay";
+import { RoutingContext as S, useLocation as ee } from "@plumile/router";
+import { GlobalSearchInput as te } from "@plumile/ui-backoffice/backoffice/molecules/global_search_input/GlobalSearchInput.js";
+import { BackofficeShellTemplate as ne } from "@plumile/ui-backoffice/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js";
+import { EnvironmentBadge as C } from "@plumile/ui-backoffice/backoffice/atoms/environment_badge/EnvironmentBadge.js";
+import { BackofficeSidebarProfileMenu as w } from "@plumile/ui-backoffice/backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js";
+//#region src/pages/BackofficeLayoutPage.tsx
+var T = ({ children: x, permissions: T, authStatus: E, activeGroupId: D }) => {
+	let { t: O } = m(), { t: k } = e(), { pathname: A } = ee(), j = _(S), M = l(), { auth: N, basePath: P, entities: F, sidebar: I } = t(), [L, R] = y(""), [z, B] = y(!1), [V, H] = y(!1), [U, W] = y(null), G = v(() => r(F, I), [F, I]), K = v(() => Object.keys(G), [G]), { pins: q, toggle: J, reorder: Y } = u({ visibleEntityIds: v(() => i(G, F, I, T), [
+		F,
+		G,
+		T,
+		I
+	]) }), { collapsedByGroupId: X, setCollapsed: Z } = d({
+		groupIds: K,
+		activeGroupId: D
+	}), re = v(() => a({
+		basePath: P,
+		pathname: A,
+		entities: F,
+		sidebar: I,
+		permissions: T,
+		searchQuery: L,
+		tApp: O,
+		t: k,
+		pinnedEntityIds: q,
+		onTogglePin: J,
+		onReorderPin: Y,
+		collapsedByGroupId: X,
+		onGroupCollapsedChange: Z
+	}), [
+		P,
+		X,
+		F,
+		A,
+		T,
+		q,
+		Y,
+		Z,
+		I,
+		L,
+		k,
+		O,
+		J
+	]), ie = v(() => import.meta.env?.DEV === !0 ? "dev" : "prod", []), ae = g(() => {
+		V || (H(!0), (async () => {
+			try {
+				let e = await N.logout.load();
+				await new Promise((t, n) => {
+					b(M, {
+						mutation: e.logoutMutation,
+						variables: {},
+						onCompleted: () => {
+							t();
+						},
+						onError: (e) => {
+							n(e);
+						}
+					});
+				}), localStorage.removeItem("auth_token"), localStorage.removeItem("remember_me"), c(), j?.history.push({ pathname: f(P) });
+			} finally {
+				H(!1);
+			}
+		})().catch(() => {}));
+	}, [
+		N.logout,
+		P,
+		V,
+		M,
+		j
+	]), Q = E?.me ?? null, oe = /* @__PURE__ */ p(w, {
+		collapsed: z,
+		viewer: v(() => o({
+			viewer: Q,
+			unknownUserLabel: k("sidebar.profile.unknownUser")
+		}), [k, Q]),
+		labels: {
+			sectionTitle: k("sidebar.profile.title"),
+			menuAriaLabel: k("sidebar.profile.menuAriaLabel"),
+			signOut: k("sidebar.profile.actions.signOut")
+		},
+		onSignOut: ae,
+		isSigningOut: V
+	}), $ = null;
+	return U != null && ($ = /* @__PURE__ */ p(s, { children: x })), /* @__PURE__ */ p(h, { children: /* @__PURE__ */ p(ne, {
+		sidebar: {
+			sections: re,
+			header: /* @__PURE__ */ p(C, { environment: ie }),
+			search: /* @__PURE__ */ p(te, {
+				value: L,
+				onChange: R,
+				placeholder: k("sidebar.search.placeholder"),
+				ariaLabel: k("sidebar.search.placeholder")
+			}),
+			footer: oe,
+			isCollapsed: z,
+			onCollapsedChange: B
+		},
+		topbar: { breadcrumb: /* @__PURE__ */ p("div", { ref: W }) },
+		children: /* @__PURE__ */ p(n, {
+			value: { target: U },
+			children: $
+		})
+	}) });
+}, E = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => /* @__PURE__ */ p(T, {
+	permissions: x(t, n),
+	authStatus: r,
+	activeGroupId: i,
+	children: e
+}), D = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => t != null && n != null ? /* @__PURE__ */ p(E, {
+	permissionsQuery: t,
+	prepared: n,
+	authStatus: r,
+	activeGroupId: i,
+	children: e
+}) : /* @__PURE__ */ p(T, {
+	permissions: null,
+	authStatus: r,
+	activeGroupId: i,
+	children: e
+});
+//#endregion
+export { D as BackofficeLayoutPage, D as default };
+
+//# sourceMappingURL=BackofficeLayoutPage.js.map

package/lib/esm/pages/BackofficeLayoutPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeLayoutPage.tsx"],"sourcesContent":["import {\n  useMemo,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  usePreloadedQuery,\n  type PreloadedQuery,\n} from 'react-relay';\nimport type {\n  GraphQLTaggedNode,\n  MutationParameters,\n  OperationType,\n} from 'relay-runtime';\nimport { RoutingContext, useLocation } from '@plumile/router';\n\nimport { BackofficeShellTemplate } from '@plumile/ui-backoffice/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js';\nimport { EnvironmentBadge } from '@plumile/ui-backoffice/backoffice/atoms/environment_badge/EnvironmentBadge.js';\nimport { ToastProvider } from '@plumile/ui';\nimport { GlobalSearchInput } from '@plumile/ui-backoffice/backoffice/molecules/global_search_input/GlobalSearchInput.js';\nimport { BackofficeSidebarProfileMenu } from '@plumile/ui-backoffice/backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { LogoutResponse, LogoutVariables } from '../hooks/useAuth.js';\nimport { useBackofficeSidebarPins } from '../hooks/useBackofficeSidebarPins.js';\nimport { useSidebarGroupCollapse } from '../hooks/useSidebarGroupCollapse.js';\nimport { buildSidebarSections } from '../components/backoffice/layout/buildSidebarSections.js';\nimport { BackofficeContentBoundary } from '../components/backoffice/routing/BackofficeContentBoundary.js';\nimport {\n  resolveSidebarGroups,\n  resolveVisibleEntityIds,\n} from '../components/backoffice/layout/sidebarUtils.js';\nimport { BackofficeTopbarPortalContextProvider } from '../components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js';\nimport {\n  mapViewerToSidebarProfileView,\n  type BackofficeViewerIdentity,\n} from '../components/backoffice/layout/mapViewerToSidebarProfileView.js';\nimport { resetRelayStore } from '../relay/environment.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\n\nexport type BackofficeLayoutPageProps = {\n  children: ReactNode;\n  permissionsQuery?: GraphQLTaggedNode;\n  prepared?: PreloadedQuery<OperationType> | null;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\ntype LayoutShellProps = {\n  children: ReactNode;\n  permissions: unknown;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst BackofficeLayoutShell = ({\n  children,\n  permissions,\n  authStatus,\n  activeGroupId,\n}: LayoutShellProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { pathname } = useLocation();\n  const routing = useContext(RoutingContext);\n  const relayEnvironment = useRelayEnvironment();\n  const {\n    auth: authConfig,\n    basePath,\n    entities,\n    sidebar,\n  } = useBackofficeConfig();\n  const [sidebarQuery, setSidebarQuery] = useState('');\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n  const [isSigningOut, setIsSigningOut] = useState(false);\n  const [topbarTarget, setTopbarTarget] = useState<HTMLDivElement | null>(null);\n\n  const groups = useMemo(() => {\n    return resolveSidebarGroups(entities, sidebar);\n  }, [entities, sidebar]);\n\n  const groupIds = useMemo(() => {\n    return Object.keys(groups);\n  }, [groups]);\n\n  const visibleEntityIds = useMemo(() => {\n    return resolveVisibleEntityIds(groups, entities, sidebar, permissions);\n  }, [entities, groups, permissions, sidebar]);\n\n  const {\n    pins,\n    toggle: togglePin,\n    reorder: reorderPin,\n  } = useBackofficeSidebarPins({ visibleEntityIds });\n\n  const { collapsedByGroupId, setCollapsed } = useSidebarGroupCollapse({\n    groupIds,\n    activeGroupId,\n  });\n\n  const sections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: pins,\n      onTogglePin: togglePin,\n      onReorderPin: reorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    pathname,\n    permissions,\n    pins,\n    reorderPin,\n    setCollapsed,\n    sidebar,\n    sidebarQuery,\n    t,\n    tApp,\n    togglePin,\n  ]);\n\n  const environment = useMemo(() => {\n    const meta = import.meta as unknown as { env?: Record<string, unknown> };\n    if (meta.env?.DEV === true) {\n      return 'dev' as const;\n    }\n    return 'prod' as const;\n  }, []);\n\n  const handleSignOut = useCallback(() => {\n    if (isSigningOut) {\n      return;\n    }\n\n    type LogoutMutation = MutationParameters & {\n      response: LogoutResponse;\n      variables: LogoutVariables;\n    };\n\n    setIsSigningOut(true);\n\n    const runSignOut = async (): Promise<void> => {\n      try {\n        const config = await authConfig.logout.load();\n        await new Promise<void>((resolve, reject) => {\n          commitMutation<LogoutMutation>(relayEnvironment, {\n            mutation: config.logoutMutation,\n            variables: {},\n            onCompleted: () => {\n              resolve();\n            },\n            onError: (error) => {\n              reject(error);\n            },\n          });\n        });\n        localStorage.removeItem('auth_token');\n        localStorage.removeItem('remember_me');\n        resetRelayStore();\n        routing?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n      } finally {\n        setIsSigningOut(false);\n      }\n    };\n\n    runSignOut().catch(() => {\n      /* noop */\n    });\n  }, [authConfig.logout, basePath, isSigningOut, relayEnvironment, routing]);\n\n  const viewer = authStatus?.me ?? null;\n  const sidebarProfile = useMemo(() => {\n    return mapViewerToSidebarProfileView({\n      viewer,\n      unknownUserLabel: t('sidebar.profile.unknownUser'),\n    });\n  }, [t, viewer]);\n\n  const sidebarFooter = (\n    <BackofficeSidebarProfileMenu\n      collapsed={isSidebarCollapsed}\n      viewer={sidebarProfile}\n      labels={{\n        sectionTitle: t('sidebar.profile.title'),\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        signOut: t('sidebar.profile.actions.signOut'),\n      }}\n      onSignOut={handleSignOut}\n      isSigningOut={isSigningOut}\n    />\n  );\n\n  let contentNode: JSX.Element | null = null;\n  if (topbarTarget != null) {\n    contentNode = (\n      <BackofficeContentBoundary>{children}</BackofficeContentBoundary>\n    );\n  }\n\n  return (\n    <ToastProvider>\n      <BackofficeShellTemplate\n        sidebar={{\n          sections,\n          header: <EnvironmentBadge environment={environment} />,\n          search: (\n            <GlobalSearchInput\n              value={sidebarQuery}\n              onChange={setSidebarQuery}\n              placeholder={t('sidebar.search.placeholder')}\n              ariaLabel={t('sidebar.search.placeholder')}\n            />\n          ),\n          footer: sidebarFooter,\n          isCollapsed: isSidebarCollapsed,\n          onCollapsedChange: setIsSidebarCollapsed,\n        }}\n        topbar={{\n          breadcrumb: <div ref={setTopbarTarget} />,\n        }}\n      >\n        <BackofficeTopbarPortalContextProvider value={{ target: topbarTarget }}>\n          {contentNode}\n        </BackofficeTopbarPortalContextProvider>\n      </BackofficeShellTemplate>\n    </ToastProvider>\n  );\n};\n\ntype LayoutWithPermissionsProps = {\n  children: ReactNode;\n  permissionsQuery: GraphQLTaggedNode;\n  prepared: PreloadedQuery<OperationType>;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst LayoutWithPermissions = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: LayoutWithPermissionsProps): JSX.Element => {\n  const permissions = usePreloadedQuery(permissionsQuery, prepared);\n\n  return (\n    <BackofficeLayoutShell\n      permissions={permissions}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport const BackofficeLayoutPage = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: BackofficeLayoutPageProps): JSX.Element => {\n  if (permissionsQuery != null && prepared != null) {\n    return (\n      <LayoutWithPermissions\n        permissionsQuery={permissionsQuery}\n        prepared={prepared}\n        authStatus={authStatus}\n        activeGroupId={activeGroupId}\n      >\n        {children}\n      </LayoutWithPermissions>\n    );\n  }\n\n  return (\n    <BackofficeLayoutShell\n      permissions={null}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport default BackofficeLayoutPage;\n"],"mappings":"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"}

package/lib/esm/pages/BackofficeLoginPage.js

@@ -0,0 +1,46 @@
+import { LoginFlow as e } from "../auth/login/LoginFlow.js";
+import { synchronizeAuthStatusQuery as t } from "../auth/login/synchronizeAuthStatusQuery.js";
+import { useBackofficeConfig as n } from "../provider/BackofficeConfigContext.js";
+import { useRelayEnvironment as r } from "../relay/useRelayEnvironment.js";
+import { useBackofficeAuth as i } from "../hooks/useBackofficeAuth.js";
+import { useBackofficeAuthLoginConfig as a } from "../provider/useBackofficeLazyValue.js";
+import { getBackofficePasswordResetPath as o } from "../router/backofficeAuthPaths.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useCallback as c, useContext as l, useRef as u } from "react";
+import { usePreloadedQuery as d } from "react-relay";
+import { RoutingContext as f } from "@plumile/router";
+//#region src/pages/BackofficeLoginPage.tsx
+var p = ({ prepared: p }) => {
+	let m = l(f), { auth: h, basePath: g } = n(), _ = a(), v = i(), y = r(), b = u(!1);
+	return /* @__PURE__ */ s(e, {
+		auth: v,
+		oidcProviders: d(_.loginQuery, p.query).oidcProviders ?? [],
+		onLoginSuccess: c(() => {
+			b.current || (b.current = !0, (async () => {
+				try {
+					let e = await h.session.load();
+					if (e.authStatusQuery == null) {
+						m?.history.push({ pathname: g });
+						return;
+					}
+					if (!await t(y, e.authStatusQuery)) return;
+					m?.history.push({ pathname: g });
+				} catch {} finally {
+					b.current = !1;
+				}
+			})().catch(() => {}));
+		}, [
+			h.session,
+			g,
+			y,
+			m?.history
+		]),
+		onForgotPassword: c(() => {
+			m?.history.push({ pathname: o(g) });
+		}, [g, m?.history])
+	});
+};
+//#endregion
+export { p as BackofficeLoginPage, p as default };
+
+//# sourceMappingURL=BackofficeLoginPage.js.map

package/lib/esm/pages/BackofficeLoginPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeLoginPage.js","names":[],"sources":["../../../src/pages/BackofficeLoginPage.tsx"],"sourcesContent":["import { useCallback, useContext, useRef, type JSX } from 'react';\nimport { usePreloadedQuery, type PreloadedQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { RoutingContext } from '@plumile/router';\n\nimport type { OidcProviderKind } from '../modules/sharedSchemaTypes.js';\nimport { LoginFlow } from '../auth/login/LoginFlow.js';\nimport { synchronizeAuthStatusQuery } from '../auth/login/synchronizeAuthStatusQuery.js';\nimport { useBackofficeAuth } from '../hooks/useBackofficeAuth.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthLoginConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficePasswordResetPath } from '../router/backofficeAuthPaths.js';\n\nexport type BackofficeLoginPageProps = {\n  prepared: { query: PreloadedQuery<OperationType> };\n};\n\nexport const BackofficeLoginPage = ({\n  prepared,\n}: BackofficeLoginPageProps): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { auth: authConfig, basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthLoginConfig();\n  const authState = useBackofficeAuth();\n  const relayEnvironment = useRelayEnvironment();\n  const isPostLoginSyncInFlightRef = useRef(false);\n\n  const data = usePreloadedQuery(auth.loginQuery, prepared.query);\n  const oidcProviders =\n    (data as { oidcProviders?: readonly OidcProviderKind[] }).oidcProviders ??\n    [];\n\n  const handleLoginSuccess = useCallback((): void => {\n    if (isPostLoginSyncInFlightRef.current) {\n      return;\n    }\n\n    isPostLoginSyncInFlightRef.current = true;\n    const runPostLoginSync = async (): Promise<void> => {\n      try {\n        const sessionAuth = await authConfig.session.load();\n        if (sessionAuth.authStatusQuery == null) {\n          routerContext?.history.push({\n            pathname: basePath,\n          });\n          return;\n        }\n\n        const isLoggedIn = await synchronizeAuthStatusQuery<OperationType>(\n          relayEnvironment,\n          sessionAuth.authStatusQuery,\n        );\n        if (!isLoggedIn) {\n          return;\n        }\n        routerContext?.history.push({\n          pathname: basePath,\n        });\n      } catch {\n        // Keep user on login page if post-login auth sync fails.\n      } finally {\n        isPostLoginSyncInFlightRef.current = false;\n      }\n    };\n\n    runPostLoginSync().catch(() => {});\n  }, [authConfig.session, basePath, relayEnvironment, routerContext?.history]);\n\n  const handleForgotPassword = useCallback(() => {\n    routerContext?.history.push({\n      pathname: getBackofficePasswordResetPath(basePath),\n    });\n  }, [basePath, routerContext?.history]);\n\n  return (\n    <LoginFlow\n      auth={authState}\n      oidcProviders={oidcProviders}\n      onLoginSuccess={handleLoginSuccess}\n      onForgotPassword={handleForgotPassword}\n    />\n  );\n};\n\nexport default BackofficeLoginPage;\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAa,KAAuB,EAClC,kBAC2C;CAC3C,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,MAAM,GAAY,gBAAa,GAAqB,EACtD,IAAO,GAA8B,EACrC,IAAY,GAAmB,EAC/B,IAAmB,GAAqB,EACxC,IAA6B,EAAO,GAAM;AAiDhD,QACE,kBAAC,GAAD;EACE,MAAM;EACS,eAlDN,EAAkB,EAAK,YAAY,EAAS,MAAM,CAEH,iBAC1D,EAAE;EAgDA,gBA9CuB,QAAwB;AAC7C,KAA2B,YAI/B,EAA2B,UAAU,KACZ,YAA2B;AAClD,QAAI;KACF,IAAM,IAAc,MAAM,EAAW,QAAQ,MAAM;AACnD,SAAI,EAAY,mBAAmB,MAAM;AACvC,SAAe,QAAQ,KAAK,EAC1B,UAAU,GACX,CAAC;AACF;;AAOF,SAAI,CAJe,MAAM,EACvB,GACA,EAAY,gBACb,CAEC;AAEF,QAAe,QAAQ,KAAK,EAC1B,UAAU,GACX,CAAC;YACI,WAEE;AACR,OAA2B,UAAU;;OAIvB,CAAC,YAAY,GAAG;KACjC;GAAC,EAAW;GAAS;GAAU;GAAkB,GAAe;GAAQ,CAAC;EAaxE,kBAXyB,QAAkB;AAC7C,MAAe,QAAQ,KAAK,EAC1B,UAAU,EAA+B,EAAS,EACnD,CAAC;KACD,CAAC,GAAU,GAAe,QAAQ,CAAC;EAQlC,CAAA"}

package/lib/esm/pages/BackofficePasswordResetCompletePage.js

@@ -0,0 +1,59 @@
+import { useSharedTranslation as e } from "../i18n/useSharedTranslation.js";
+import { PasswordResetCompleteScreen as t } from "../auth/pages/PasswordResetCompleteScreen.js";
+import { requireField as n, resolveMutationOutcome as r } from "../relay/mutationResult.js";
+import { useBackofficeConfig as i } from "../provider/BackofficeConfigContext.js";
+import { useBackofficeAuthPasswordResetCompleteConfig as a } from "../provider/useBackofficeLazyValue.js";
+import { getBackofficeLoginPath as o } from "../router/backofficeAuthPaths.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useCallback as c, useContext as l } from "react";
+import { useMutation as u } from "react-relay";
+import { RoutingContext as d } from "@plumile/router";
+//#region src/pages/BackofficePasswordResetCompletePage.tsx
+var f = () => {
+	let f = l(d), { basePath: p } = i(), m = a(), { t: h } = e(), [g] = u(m.completePasswordResetMutation);
+	return /* @__PURE__ */ s(t, {
+		onBackToLogin: c(() => {
+			f?.history.push({ pathname: o(p) });
+		}, [p, f?.history]),
+		onCompletePasswordReset: c(async (e) => {
+			let t = h("auth.passwordResetComplete.errors.invalid"), i = t;
+			return new Promise((a, o) => {
+				g({
+					variables: { input: e },
+					onCompleted: (e) => {
+						let s = r(e.completePasswordReset ?? null, {
+							defaultErrorMessage: i,
+							mapReason: (e) => {
+								switch (e) {
+									case "INVALID_TOKEN": return t;
+									case "TOKEN_EXPIRED": return h("auth.passwordResetComplete.errors.expired");
+									case "PASSWORD_POLICY_VIOLATION": return h("auth.passwordResetComplete.errors.policyViolation");
+									case "INTERNAL_ERROR": return t;
+									default: return null;
+								}
+							}
+						});
+						if (!s.ok) {
+							o(Error(s.message));
+							return;
+						}
+						let c = n(s.payload.success ?? null, i);
+						if (!c.ok) {
+							o(Error(c.message));
+							return;
+						}
+						a(c.value);
+					},
+					onError: (e) => {
+						let t = Error(i);
+						e instanceof Error && (t = e), o(t);
+					}
+				});
+			});
+		}, [g, h])
+	});
+};
+//#endregion
+export { f as BackofficePasswordResetCompletePage, f as default };
+
+//# sourceMappingURL=BackofficePasswordResetCompletePage.js.map

package/lib/esm/pages/BackofficePasswordResetCompletePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficePasswordResetCompletePage.js","names":[],"sources":["../../../src/pages/BackofficePasswordResetCompletePage.tsx"],"sourcesContent":["import { useCallback, useContext, type JSX } from 'react';\nimport { useMutation } from 'react-relay';\nimport type { MutationParameters } from 'relay-runtime';\nimport { RoutingContext } from '@plumile/router';\n\nimport { PasswordResetCompleteScreen } from '../auth/pages/PasswordResetCompleteScreen.js';\nimport {\n  type MutationPayloadBase,\n  requireField,\n  resolveMutationOutcome,\n} from '../relay/mutationResult.js';\nimport { useSharedTranslation } from '../i18n/useSharedTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthPasswordResetCompleteConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\n\ntype CompletePasswordResetErrorReason =\n  | 'INVALID_TOKEN'\n  | 'TOKEN_EXPIRED'\n  | 'PASSWORD_POLICY_VIOLATION'\n  | 'INTERNAL_ERROR';\n\ntype CompletePasswordResetMutationPayload =\n  MutationPayloadBase<CompletePasswordResetErrorReason> & {\n    success?: boolean | null;\n  };\n\nexport const BackofficePasswordResetCompletePage = (): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthPasswordResetCompleteConfig();\n  const { t } = useSharedTranslation();\n  type CompletePasswordResetMutation = MutationParameters & {\n    response: {\n      completePasswordReset?: CompletePasswordResetMutationPayload | null;\n    };\n    variables: { input: { newPassword: string; token: string } };\n  };\n  const [commitReset] = useMutation<CompletePasswordResetMutation>(\n    auth.completePasswordResetMutation,\n  );\n\n  const handleBackToLogin = useCallback(() => {\n    routerContext?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n  }, [basePath, routerContext?.history]);\n\n  const handleCompleteReset = useCallback(\n    async (input: { newPassword: string; token: string }): Promise<boolean> => {\n      const invalidMessage = t('auth.passwordResetComplete.errors.invalid');\n      const defaultErrorMessage = invalidMessage;\n\n      return new Promise((resolve, reject) => {\n        commitReset({\n          variables: {\n            input,\n          },\n          onCompleted: (response) => {\n            const outcome = resolveMutationOutcome(\n              response.completePasswordReset ?? null,\n              {\n                defaultErrorMessage,\n                mapReason: (reason) => {\n                  switch (reason) {\n                    case 'INVALID_TOKEN':\n                      return invalidMessage;\n                    case 'TOKEN_EXPIRED':\n                      return t('auth.passwordResetComplete.errors.expired');\n                    case 'PASSWORD_POLICY_VIOLATION':\n                      return t(\n                        'auth.passwordResetComplete.errors.policyViolation',\n                      );\n                    case 'INTERNAL_ERROR':\n                      return invalidMessage;\n                    default:\n                      return null;\n                  }\n                },\n              },\n            );\n            if (!outcome.ok) {\n              reject(new Error(outcome.message));\n              return;\n            }\n\n            const successResult = requireField(\n              outcome.payload.success ?? null,\n              defaultErrorMessage,\n            );\n            if (!successResult.ok) {\n              reject(new Error(successResult.message));\n              return;\n            }\n            resolve(successResult.value);\n          },\n          onError: (mutationError) => {\n            let error = new Error(defaultErrorMessage);\n            if (mutationError instanceof Error) {\n              error = mutationError;\n            }\n            reject(error);\n          },\n        });\n      });\n    },\n    [commitReset, t],\n  );\n\n  return (\n    <PasswordResetCompleteScreen\n      onBackToLogin={handleBackToLogin}\n      onCompletePasswordReset={handleCompleteReset}\n    />\n  );\n};\n\nexport default BackofficePasswordResetCompletePage;\n"],"mappings":";;;;;;;;;;;AA2BA,IAAa,UAAyD;CACpE,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,gBAAa,GAAqB,EACpC,IAAO,GAA8C,EACrD,EAAE,SAAM,GAAsB,EAO9B,CAAC,KAAe,EACpB,EAAK,8BACN;AAmED,QACE,kBAAC,GAAD;EACE,eAnEsB,QAAkB;AAC1C,MAAe,QAAQ,KAAK,EAAE,UAAU,EAAuB,EAAS,EAAE,CAAC;KAC1E,CAAC,GAAU,GAAe,QAAQ,CAAC;EAkElC,yBAhEwB,EAC1B,OAAO,MAAoE;GACzE,IAAM,IAAiB,EAAE,4CAA4C,EAC/D,IAAsB;AAE5B,UAAO,IAAI,SAAS,GAAS,MAAW;AACtC,MAAY;KACV,WAAW,EACT,UACD;KACD,cAAc,MAAa;MACzB,IAAM,IAAU,EACd,EAAS,yBAAyB,MAClC;OACE;OACA,YAAY,MAAW;AACrB,gBAAQ,GAAR;SACE,KAAK,gBACH,QAAO;SACT,KAAK,gBACH,QAAO,EAAE,4CAA4C;SACvD,KAAK,4BACH,QAAO,EACL,oDACD;SACH,KAAK,iBACH,QAAO;SACT,QACE,QAAO;;;OAGd,CACF;AACD,UAAI,CAAC,EAAQ,IAAI;AACf,SAAW,MAAM,EAAQ,QAAQ,CAAC;AAClC;;MAGF,IAAM,IAAgB,EACpB,EAAQ,QAAQ,WAAW,MAC3B,EACD;AACD,UAAI,CAAC,EAAc,IAAI;AACrB,SAAW,MAAM,EAAc,QAAQ,CAAC;AACxC;;AAEF,QAAQ,EAAc,MAAM;;KAE9B,UAAU,MAAkB;MAC1B,IAAI,IAAY,MAAM,EAAoB;AAI1C,MAHI,aAAyB,UAC3B,IAAQ,IAEV,EAAO,EAAM;;KAEhB,CAAC;KACF;KAEJ,CAAC,GAAa,EAAE,CACjB;EAMG,CAAA"}

package/lib/esm/pages/BackofficePasswordResetRequestPage.js

@@ -0,0 +1,54 @@
+import { useSharedTranslation as e } from "../i18n/useSharedTranslation.js";
+import { PasswordResetRequestScreen as t } from "../auth/pages/PasswordResetRequestScreen.js";
+import { requireField as n, resolveMutationOutcome as r } from "../relay/mutationResult.js";
+import { useBackofficeAuthPasswordResetRequestConfig as i } from "../provider/useBackofficeLazyValue.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useCallback as o } from "react";
+import { useMutation as s } from "react-relay";
+//#region src/pages/BackofficePasswordResetRequestPage.tsx
+var c = () => {
+	let c = i(), { t: l } = e(), [u] = s(c.startPasswordResetMutation), d = o((e) => {
+		switch (e) {
+			case "INVALID_EMAIL": return l("auth.passwordResetRequest.errors.invalidEmail");
+			case "RATE_LIMITED": return l("auth.passwordResetRequest.errors.rateLimited");
+			case "INTERNAL_ERROR": return l("auth.passwordResetRequest.errors.startFailed");
+			default: return null;
+		}
+	}, [l]);
+	return /* @__PURE__ */ a(t, { onStartPasswordReset: o(async (e) => {
+		let t = l("auth.passwordResetRequest.errors.startFailed");
+		return new Promise((i, a) => {
+			u({
+				variables: { input: e },
+				onCompleted: (e) => {
+					let o = r(e.startPasswordReset ?? null, {
+						defaultErrorMessage: t,
+						mapReason: d
+					});
+					if (!o.ok) {
+						a(Error(o.message));
+						return;
+					}
+					let s = n(o.payload.payload?.success ?? null, t);
+					if (!s.ok) {
+						a(Error(s.message));
+						return;
+					}
+					i(s.value);
+				},
+				onError: (e) => {
+					let n = Error(t);
+					e instanceof Error && (n = e), a(n);
+				}
+			});
+		});
+	}, [
+		u,
+		d,
+		l
+	]) });
+};
+//#endregion
+export { c as BackofficePasswordResetRequestPage, c as default };
+
+//# sourceMappingURL=BackofficePasswordResetRequestPage.js.map

package/lib/esm/pages/BackofficePasswordResetRequestPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficePasswordResetRequestPage.js","names":[],"sources":["../../../src/pages/BackofficePasswordResetRequestPage.tsx"],"sourcesContent":["import { useCallback, type JSX } from 'react';\nimport { useMutation } from 'react-relay';\nimport type { MutationParameters } from 'relay-runtime';\n\nimport { PasswordResetRequestScreen } from '../auth/pages/PasswordResetRequestScreen.js';\nimport {\n  type MutationPayloadBase,\n  requireField,\n  resolveMutationOutcome,\n} from '../relay/mutationResult.js';\nimport { useSharedTranslation } from '../i18n/useSharedTranslation.js';\nimport { useBackofficeAuthPasswordResetRequestConfig } from '../provider/useBackofficeLazyValue.js';\n\ntype StartPasswordResetErrorReason =\n  | 'INVALID_EMAIL'\n  | 'RATE_LIMITED'\n  | 'INTERNAL_ERROR';\n\ntype StartPasswordResetMutationPayload =\n  MutationPayloadBase<StartPasswordResetErrorReason> & {\n    payload?: { success?: boolean | null } | null;\n  };\n\nexport const BackofficePasswordResetRequestPage = (): JSX.Element => {\n  const auth = useBackofficeAuthPasswordResetRequestConfig();\n  const { t } = useSharedTranslation();\n  type StartPasswordResetMutation = MutationParameters & {\n    response: { startPasswordReset?: StartPasswordResetMutationPayload | null };\n    variables: { input: { email: string; locale?: string } };\n  };\n  const [commitReset] = useMutation<StartPasswordResetMutation>(\n    auth.startPasswordResetMutation,\n  );\n\n  const mapStartResetReason = useCallback(\n    (reason: StartPasswordResetErrorReason): string | null => {\n      switch (reason) {\n        case 'INVALID_EMAIL':\n          return t('auth.passwordResetRequest.errors.invalidEmail');\n        case 'RATE_LIMITED':\n          return t('auth.passwordResetRequest.errors.rateLimited');\n        case 'INTERNAL_ERROR':\n          return t('auth.passwordResetRequest.errors.startFailed');\n        default:\n          return null;\n      }\n    },\n    [t],\n  );\n\n  const handleStartReset = useCallback(\n    async (input: { email: string; locale?: string }): Promise<boolean> => {\n      const defaultErrorMessage = t(\n        'auth.passwordResetRequest.errors.startFailed',\n      );\n\n      return new Promise((resolve, reject) => {\n        commitReset({\n          variables: {\n            input,\n          },\n          onCompleted: (response) => {\n            const outcome = resolveMutationOutcome(\n              response.startPasswordReset ?? null,\n              {\n                defaultErrorMessage,\n                mapReason: mapStartResetReason,\n              },\n            );\n            if (!outcome.ok) {\n              reject(new Error(outcome.message));\n              return;\n            }\n\n            const successResult = requireField(\n              outcome.payload.payload?.success ?? null,\n              defaultErrorMessage,\n            );\n            if (!successResult.ok) {\n              reject(new Error(successResult.message));\n              return;\n            }\n            resolve(successResult.value);\n          },\n          onError: (mutationError) => {\n            let error = new Error(defaultErrorMessage);\n            if (mutationError instanceof Error) {\n              error = mutationError;\n            }\n            reject(error);\n          },\n        });\n      });\n    },\n    [commitReset, mapStartResetReason, t],\n  );\n\n  return <PasswordResetRequestScreen onStartPasswordReset={handleStartReset} />;\n};\n\nexport default BackofficePasswordResetRequestPage;\n"],"mappings":";;;;;;;;AAuBA,IAAa,UAAwD;CACnE,IAAM,IAAO,GAA6C,EACpD,EAAE,SAAM,GAAsB,EAK9B,CAAC,KAAe,EACpB,EAAK,2BACN,EAEK,IAAsB,GACzB,MAAyD;AACxD,UAAQ,GAAR;GACE,KAAK,gBACH,QAAO,EAAE,gDAAgD;GAC3D,KAAK,eACH,QAAO,EAAE,+CAA+C;GAC1D,KAAK,iBACH,QAAO,EAAE,+CAA+C;GAC1D,QACE,QAAO;;IAGb,CAAC,EAAE,CACJ;AAiDD,QAAO,kBAAC,GAAD,EAA4B,sBA/CV,EACvB,OAAO,MAAgE;EACrE,IAAM,IAAsB,EAC1B,+CACD;AAED,SAAO,IAAI,SAAS,GAAS,MAAW;AACtC,KAAY;IACV,WAAW,EACT,UACD;IACD,cAAc,MAAa;KACzB,IAAM,IAAU,EACd,EAAS,sBAAsB,MAC/B;MACE;MACA,WAAW;MACZ,CACF;AACD,SAAI,CAAC,EAAQ,IAAI;AACf,QAAW,MAAM,EAAQ,QAAQ,CAAC;AAClC;;KAGF,IAAM,IAAgB,EACpB,EAAQ,QAAQ,SAAS,WAAW,MACpC,EACD;AACD,SAAI,CAAC,EAAc,IAAI;AACrB,QAAW,MAAM,EAAc,QAAQ,CAAC;AACxC;;AAEF,OAAQ,EAAc,MAAM;;IAE9B,UAAU,MAAkB;KAC1B,IAAI,IAAY,MAAM,EAAoB;AAI1C,KAHI,aAAyB,UAC3B,IAAQ,IAEV,EAAO,EAAM;;IAEhB,CAAC;IACF;IAEJ;EAAC;EAAa;EAAqB;EAAE,CACtC,EAE4E,CAAA"}