@m5kdev/web-ui 0.8.6 → 0.8.8

package/dist/src/modules/auth/components/OrganizationPreferences.js

@@ -0,0 +1,140 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_modules_auth_components_PreferencesEditor = require("./PreferencesEditor.js");
+let react = require("react");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+let _tanstack_react_query = require("@tanstack/react-query");
+let _m5kdev_frontend_modules_auth_hooks_useSession = require("@m5kdev/frontend/modules/auth/hooks/useSession");
+//#region src/modules/auth/components/OrganizationPreferences.tsx
+function OrganizationStateCard({ title, message }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardHeader, {
+			className: "text-lg font-semibold",
+			children: title
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, { children: message })] })
+	});
+}
+function getFlagValues(controls, flags) {
+	const activeFlags = new Set(flags);
+	return Object.fromEntries(Object.keys(controls).map((key) => [key, activeFlags.has(key)]));
+}
+function getFlagsFromValues(values) {
+	return Object.entries(values).filter(([, value]) => value === true).map(([key]) => key);
+}
+function OrganizationPreferences({ useTRPC, schema, controls, target = "preferences", labels, onInvalidateScopedQueries }) {
+	const { data: session, isLoading: isSessionLoading } = (0, _m5kdev_frontend_modules_auth_hooks_useSession.useSession)();
+	const { t } = (0, react_i18next.useTranslation)("web-ui");
+	const trpc = useTRPC();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	const activeOrganizationId = session?.session.activeOrganizationId ?? "";
+	const labelKeyPrefix = target === "flags" ? "web-ui:organization.flags" : "web-ui:organization.preferences";
+	const resolvedLabels = (0, react.useMemo)(() => ({
+		title: labels?.title ?? t(`${labelKeyPrefix}.title`),
+		submit: labels?.submit ?? t(`${labelKeyPrefix}.submit`),
+		updated: labels?.updated ?? t(`${labelKeyPrefix}.updated`),
+		updateError: labels?.updateError ?? t(`${labelKeyPrefix}.updateError`),
+		loading: labels?.loading ?? t(`${labelKeyPrefix}.loading`),
+		noActiveOrganization: labels?.noActiveOrganization ?? t(`${labelKeyPrefix}.noActive`),
+		loadError: labels?.loadError ?? t(`${labelKeyPrefix}.loadError`)
+	}), [
+		labelKeyPrefix,
+		labels,
+		t
+	]);
+	const preferencesQuery = (0, _tanstack_react_query.useQuery)({
+		...trpc.auth.getOrganizationPreferences.queryOptions(),
+		enabled: target === "preferences" && Boolean(activeOrganizationId)
+	});
+	const flagsQuery = (0, _tanstack_react_query.useQuery)({
+		...trpc.auth.getOrganizationFlags.queryOptions(),
+		enabled: target === "flags" && Boolean(activeOrganizationId)
+	});
+	const setPreferencesMutation = (0, _tanstack_react_query.useMutation)(trpc.auth.setOrganizationPreferences.mutationOptions());
+	const setFlagsMutation = (0, _tanstack_react_query.useMutation)(trpc.auth.setOrganizationFlags.mutationOptions());
+	const currentValues = (0, react.useMemo)(() => {
+		if (target === "flags") return getFlagValues(controls, flagsQuery.data ?? []);
+		return preferencesQuery.data ?? {};
+	}, [
+		controls,
+		flagsQuery.data,
+		preferencesQuery.data,
+		target
+	]);
+	const updateValues = (0, react.useCallback)((partialValues, options) => {
+		if (target === "flags") {
+			const nextFlags = getFlagsFromValues({
+				...currentValues,
+				...partialValues
+			});
+			if (!options.noOptimisticUpdate) queryClient.setQueryData(trpc.auth.getOrganizationFlags.queryKey(), nextFlags);
+			setFlagsMutation.mutate(nextFlags, {
+				onSuccess: async (result) => {
+					queryClient.setQueryData(trpc.auth.getOrganizationFlags.queryKey(), result);
+					if (activeOrganizationId) await queryClient.invalidateQueries({ queryKey: ["auth-organization-details", activeOrganizationId] });
+					await onInvalidateScopedQueries?.();
+					options.onSuccess?.();
+				},
+				onError: async (error) => {
+					if (!options.noOptimisticUpdate) await queryClient.invalidateQueries({ queryKey: trpc.auth.getOrganizationFlags.queryKey() });
+					options.onError?.(error);
+				}
+			});
+			return;
+		}
+		const nextPreferences = {
+			...preferencesQuery.data ?? {},
+			...partialValues
+		};
+		if (!options.noOptimisticUpdate) queryClient.setQueryData(trpc.auth.getOrganizationPreferences.queryKey(), nextPreferences);
+		setPreferencesMutation.mutate(nextPreferences, {
+			onSuccess: async (result) => {
+				queryClient.setQueryData(trpc.auth.getOrganizationPreferences.queryKey(), result);
+				if (activeOrganizationId) await queryClient.invalidateQueries({ queryKey: ["auth-organization-details", activeOrganizationId] });
+				await onInvalidateScopedQueries?.();
+				options.onSuccess?.();
+			},
+			onError: async (error) => {
+				if (!options.noOptimisticUpdate) await queryClient.invalidateQueries({ queryKey: trpc.auth.getOrganizationPreferences.queryKey() });
+				options.onError?.(error);
+			}
+		});
+	}, [
+		activeOrganizationId,
+		currentValues,
+		onInvalidateScopedQueries,
+		preferencesQuery.data,
+		queryClient,
+		setFlagsMutation,
+		setPreferencesMutation,
+		target,
+		trpc.auth.getOrganizationFlags,
+		trpc.auth.getOrganizationPreferences
+	]);
+	const isLoading = isSessionLoading || (target === "flags" ? flagsQuery.isLoading : preferencesQuery.isLoading);
+	const isPending = target === "flags" ? setFlagsMutation.isPending : setPreferencesMutation.isPending;
+	const queryError = target === "flags" ? flagsQuery.error : preferencesQuery.error;
+	if (!isSessionLoading && !activeOrganizationId) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrganizationStateCard, {
+		title: resolvedLabels.title,
+		message: resolvedLabels.noActiveOrganization
+	});
+	if (queryError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrganizationStateCard, {
+		title: resolvedLabels.title,
+		message: queryError instanceof Error ? queryError.message : resolvedLabels.loadError
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_PreferencesEditor.PreferencesEditor, {
+		schema,
+		controls,
+		values: currentValues,
+		isLoading,
+		isPending,
+		labels: resolvedLabels,
+		updateValues
+	});
+}
+//#endregion
+exports.OrganizationPreferences = OrganizationPreferences;
+
+//# sourceMappingURL=OrganizationPreferences.js.map

package/dist/src/modules/auth/components/OrganizationPreferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationPreferences.js","names":["Card","CardHeader","CardBody","PreferencesEditor"],"sources":["../../../../../src/modules/auth/components/OrganizationPreferences.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useSession } from \"@m5kdev/frontend/modules/auth/hooks/useSession\";\r\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\r\nimport { type ReactElement, useCallback, useMemo } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport type { z } from \"zod\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\nimport {\r\n  type ControlsFor,\r\n  type PreferenceEditorLabels,\r\n  PreferencesEditor,\r\n  type UpdatePreferencesOptions,\r\n} from \"./PreferencesEditor\";\r\n\r\ntype OrganizationPreferenceLabels = PreferenceEditorLabels & {\r\n  noActiveOrganization: string;\r\n  loadError: string;\r\n};\r\n\r\nexport type OrganizationPreferencesTarget = \"preferences\" | \"flags\";\r\n\r\nexport type OrganizationPreferencesProps<S extends z.ZodObject<z.ZodRawShape>> = {\r\n  useTRPC: UseBackendTRPC;\r\n  schema: S;\r\n  controls: ControlsFor<z.infer<S>>;\r\n  target?: OrganizationPreferencesTarget;\r\n  labels?: Partial<OrganizationPreferenceLabels>;\r\n  onInvalidateScopedQueries?: () => void | Promise<void>;\r\n};\r\n\r\nfunction OrganizationStateCard({ title, message }: { title: string; message: string }) {\r\n  return (\r\n    <div className=\"p-6\">\r\n      <Card>\r\n        <CardHeader className=\"text-lg font-semibold\">{title}</CardHeader>\r\n        <CardBody>{message}</CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction getFlagValues<S extends z.ZodObject<z.ZodRawShape>>(\r\n  controls: ControlsFor<z.infer<S>>,\r\n  flags: string[]\r\n): Partial<z.infer<S>> {\r\n  const activeFlags = new Set(flags);\r\n\r\n  return Object.fromEntries(\r\n    Object.keys(controls).map((key) => [key, activeFlags.has(key)])\r\n  ) as Partial<z.infer<S>>;\r\n}\r\n\r\nfunction getFlagsFromValues(values: Record<string, unknown>): string[] {\r\n  return Object.entries(values)\r\n    .filter(([, value]) => value === true)\r\n    .map(([key]) => key);\r\n}\r\n\r\nexport function OrganizationPreferences<S extends z.ZodObject<z.ZodRawShape>>({\r\n  useTRPC,\r\n  schema,\r\n  controls,\r\n  target = \"preferences\",\r\n  labels,\r\n  onInvalidateScopedQueries,\r\n}: OrganizationPreferencesProps<S>): ReactElement {\r\n  const { data: session, isLoading: isSessionLoading } = useSession();\r\n  const { t } = useTranslation(\"web-ui\");\r\n  const trpc = useTRPC();\r\n  const queryClient = useQueryClient();\r\n\r\n  const activeOrganizationId = session?.session.activeOrganizationId ?? \"\";\r\n  const labelKeyPrefix =\r\n    target === \"flags\" ? \"web-ui:organization.flags\" : \"web-ui:organization.preferences\";\r\n\r\n  const resolvedLabels = useMemo<OrganizationPreferenceLabels>(\r\n    () => ({\r\n      title: labels?.title ?? t(`${labelKeyPrefix}.title`),\r\n      submit: labels?.submit ?? t(`${labelKeyPrefix}.submit`),\r\n      updated: labels?.updated ?? t(`${labelKeyPrefix}.updated`),\r\n      updateError: labels?.updateError ?? t(`${labelKeyPrefix}.updateError`),\r\n      loading: labels?.loading ?? t(`${labelKeyPrefix}.loading`),\r\n      noActiveOrganization: labels?.noActiveOrganization ?? t(`${labelKeyPrefix}.noActive`),\r\n      loadError: labels?.loadError ?? t(`${labelKeyPrefix}.loadError`),\r\n    }),\r\n    [labelKeyPrefix, labels, t]\r\n  );\r\n\r\n  const preferencesQuery = useQuery({\r\n    ...trpc.auth.getOrganizationPreferences.queryOptions(),\r\n    enabled: target === \"preferences\" && Boolean(activeOrganizationId),\r\n  });\r\n\r\n  const flagsQuery = useQuery({\r\n    ...trpc.auth.getOrganizationFlags.queryOptions(),\r\n    enabled: target === \"flags\" && Boolean(activeOrganizationId),\r\n  });\r\n\r\n  const setPreferencesMutation = useMutation(\r\n    trpc.auth.setOrganizationPreferences.mutationOptions()\r\n  );\r\n  const setFlagsMutation = useMutation(trpc.auth.setOrganizationFlags.mutationOptions());\r\n\r\n  const currentValues = useMemo<Partial<z.infer<S>>>(() => {\r\n    if (target === \"flags\") {\r\n      return getFlagValues<S>(controls, flagsQuery.data ?? []);\r\n    }\r\n\r\n    return (preferencesQuery.data ?? {}) as Partial<z.infer<S>>;\r\n  }, [controls, flagsQuery.data, preferencesQuery.data, target]);\r\n\r\n  const updateValues = useCallback(\r\n    (partialValues: Partial<z.infer<S>>, options: UpdatePreferencesOptions) => {\r\n      if (target === \"flags\") {\r\n        const nextValues = {\r\n          ...currentValues,\r\n          ...partialValues,\r\n        } as Record<string, unknown>;\r\n        const nextFlags = getFlagsFromValues(nextValues);\r\n\r\n        if (!options.noOptimisticUpdate) {\r\n          queryClient.setQueryData(trpc.auth.getOrganizationFlags.queryKey(), nextFlags);\r\n        }\r\n\r\n        setFlagsMutation.mutate(nextFlags, {\r\n          onSuccess: async (result) => {\r\n            queryClient.setQueryData(trpc.auth.getOrganizationFlags.queryKey(), result);\r\n            if (activeOrganizationId) {\r\n              await queryClient.invalidateQueries({\r\n                queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n              });\r\n            }\r\n            await onInvalidateScopedQueries?.();\r\n            options.onSuccess?.();\r\n          },\r\n          onError: async (error) => {\r\n            if (!options.noOptimisticUpdate) {\r\n              await queryClient.invalidateQueries({\r\n                queryKey: trpc.auth.getOrganizationFlags.queryKey(),\r\n              });\r\n            }\r\n            options.onError?.(error);\r\n          },\r\n        });\r\n        return;\r\n      }\r\n\r\n      const nextPreferences = {\r\n        ...(preferencesQuery.data ?? {}),\r\n        ...partialValues,\r\n      };\r\n\r\n      if (!options.noOptimisticUpdate) {\r\n        queryClient.setQueryData(trpc.auth.getOrganizationPreferences.queryKey(), nextPreferences);\r\n      }\r\n\r\n      setPreferencesMutation.mutate(nextPreferences, {\r\n        onSuccess: async (result) => {\r\n          queryClient.setQueryData(trpc.auth.getOrganizationPreferences.queryKey(), result);\r\n          if (activeOrganizationId) {\r\n            await queryClient.invalidateQueries({\r\n              queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n            });\r\n          }\r\n          await onInvalidateScopedQueries?.();\r\n          options.onSuccess?.();\r\n        },\r\n        onError: async (error) => {\r\n          if (!options.noOptimisticUpdate) {\r\n            await queryClient.invalidateQueries({\r\n              queryKey: trpc.auth.getOrganizationPreferences.queryKey(),\r\n            });\r\n          }\r\n          options.onError?.(error);\r\n        },\r\n      });\r\n    },\r\n    [\r\n      activeOrganizationId,\r\n      currentValues,\r\n      onInvalidateScopedQueries,\r\n      preferencesQuery.data,\r\n      queryClient,\r\n      setFlagsMutation,\r\n      setPreferencesMutation,\r\n      target,\r\n      trpc.auth.getOrganizationFlags,\r\n      trpc.auth.getOrganizationPreferences,\r\n    ]\r\n  );\r\n\r\n  const isLoading =\r\n    isSessionLoading || (target === \"flags\" ? flagsQuery.isLoading : preferencesQuery.isLoading);\r\n  const isPending =\r\n    target === \"flags\" ? setFlagsMutation.isPending : setPreferencesMutation.isPending;\r\n  const queryError = target === \"flags\" ? flagsQuery.error : preferencesQuery.error;\r\n\r\n  if (!isSessionLoading && !activeOrganizationId) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.title}\r\n        message={resolvedLabels.noActiveOrganization}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (queryError) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.title}\r\n        message={queryError instanceof Error ? queryError.message : resolvedLabels.loadError}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <PreferencesEditor\r\n      schema={schema}\r\n      controls={controls}\r\n      values={currentValues}\r\n      isLoading={isLoading}\r\n      isPending={isPending}\r\n      labels={resolvedLabels}\r\n      updateValues={updateValues}\r\n    />\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/OrganizationSettingsRoute.d.ts

@@ -0,0 +1,29 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/OrganizationSettingsRoute.d.ts
+type OrganizationSettingsRouteLabels = {
+  settingsTitle: string;
+  settingsDescription: string;
+  settingsNoActive: string;
+  settingsManageOnly: string;
+  formName: string;
+  formSlug: string;
+  formMetadata: string;
+  formMetadataInvalidJson: string;
+  formMetadataInvalid: string;
+  saveButton: string;
+  updateSuccess: string;
+  updateError: string;
+  loadError: string;
+};
+type OrganizationSettingsRouteProps = {
+  managerRoles?: string[];
+  onInvalidateScopedQueries?: () => void | Promise<void>;
+};
+declare function OrganizationSettingsRoute({
+  managerRoles,
+  onInvalidateScopedQueries
+}: OrganizationSettingsRouteProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OrganizationSettingsRoute, OrganizationSettingsRouteLabels, OrganizationSettingsRouteProps };
+//# sourceMappingURL=OrganizationSettingsRoute.d.ts.map

package/dist/src/modules/auth/components/OrganizationSettingsRoute.js

@@ -0,0 +1,195 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+let react = require("react");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+let sonner = require("sonner");
+let _m5kdev_frontend_modules_auth_auth_lib = require("@m5kdev/frontend/modules/auth/auth.lib");
+let _tanstack_react_query = require("@tanstack/react-query");
+let _m5kdev_frontend_modules_auth_hooks_useSession = require("@m5kdev/frontend/modules/auth/hooks/useSession");
+//#region src/modules/auth/components/OrganizationSettingsRoute.tsx
+function OrganizationStateCard({ title, message }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardHeader, {
+			className: "text-lg font-semibold",
+			children: title
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, { children: message })] })
+	});
+}
+function useOrganizationAccess({ managerRoles, onInvalidateScopedQueries }) {
+	const { data: session, registerSession } = (0, _m5kdev_frontend_modules_auth_hooks_useSession.useSession)();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	const activeOrganizationId = session?.session.activeOrganizationId ?? "";
+	const activeOrganizationRole = (session?.session)?.activeOrganizationRole ?? "";
+	return {
+		activeOrganizationId,
+		activeOrganizationRole,
+		canManageOrganization: (0, react.useMemo)(() => new Set(managerRoles ?? ["admin", "owner"]), [managerRoles]).has(activeOrganizationRole),
+		refreshOrganizationQueries: (0, react.useCallback)(async () => {
+			await Promise.allSettled([
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-list"] }),
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-details", activeOrganizationId] }),
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-members", activeOrganizationId] }),
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-invitations", activeOrganizationId] })
+			]);
+			registerSession(() => {
+				onInvalidateScopedQueries?.();
+			});
+		}, [
+			activeOrganizationId,
+			onInvalidateScopedQueries,
+			queryClient,
+			registerSession
+		])
+	};
+}
+function useOrganizationConfig() {
+	const { t } = (0, react_i18next.useTranslation)();
+	return {
+		resolvedLabels: (0, react.useMemo)(() => ({
+			settingsTitle: t("web-ui:organization.settings.title"),
+			settingsDescription: t("web-ui:organization.settings.description"),
+			settingsNoActive: t("web-ui:organization.settings.noActive"),
+			settingsManageOnly: t("web-ui:organization.settings.manageOnly"),
+			formName: t("web-ui:organization.settings.form.name"),
+			formSlug: t("web-ui:organization.settings.form.slug"),
+			formMetadata: t("web-ui:organization.settings.form.metadata"),
+			formMetadataInvalidJson: t("web-ui:organization.settings.form.metadataInvalidJson"),
+			formMetadataInvalid: t("web-ui:organization.settings.form.metadataInvalid"),
+			saveButton: t("web-ui:organization.settings.button.save"),
+			updateSuccess: t("web-ui:organization.settings.updateSuccess"),
+			updateError: t("web-ui:organization.settings.updateError"),
+			loadError: t("web-ui:organization.settings.loadError")
+		}), [t]),
+		resolvedRoleLabels: (0, react.useMemo)(() => ({
+			member: t("web-ui:organization.roles.member"),
+			admin: t("web-ui:organization.roles.admin"),
+			owner: t("web-ui:organization.roles.owner")
+		}), [t])
+	};
+}
+function OrganizationSettingsRoute({ managerRoles, onInvalidateScopedQueries }) {
+	const { resolvedLabels, resolvedRoleLabels } = useOrganizationConfig();
+	const { activeOrganizationId, activeOrganizationRole, canManageOrganization, refreshOrganizationQueries } = useOrganizationAccess({
+		managerRoles,
+		onInvalidateScopedQueries
+	});
+	const [organizationName, setOrganizationName] = (0, react.useState)("");
+	const [organizationSlug, setOrganizationSlug] = (0, react.useState)("");
+	const [organizationMetadata, setOrganizationMetadata] = (0, react.useState)("{}");
+	const [isSavingOrganization, setIsSavingOrganization] = (0, react.useState)(false);
+	const organizationQuery = (0, _tanstack_react_query.useQuery)({
+		queryKey: ["auth-organization-details", activeOrganizationId],
+		enabled: Boolean(activeOrganizationId && canManageOrganization),
+		queryFn: async () => {
+			const { data, error } = await _m5kdev_frontend_modules_auth_auth_lib.authClient.organization.getFullOrganization({ query: {
+				organizationId: activeOrganizationId,
+				membersLimit: 200
+			} });
+			if (error) throw new Error(error.message ?? resolvedLabels.loadError);
+			return data;
+		}
+	});
+	(0, react.useEffect)(() => {
+		const organization = organizationQuery.data;
+		if (!organization) return;
+		setOrganizationName(organization.name ?? "");
+		setOrganizationSlug(organization.slug ?? "");
+		setOrganizationMetadata(JSON.stringify(organization.metadata ?? {}, null, 2));
+	}, [organizationQuery.data]);
+	const onUpdateOrganization = async () => {
+		if (!canManageOrganization || !activeOrganizationId) return;
+		try {
+			setIsSavingOrganization(true);
+			let parsedMetadata;
+			try {
+				parsedMetadata = organizationMetadata.trim() ? JSON.parse(organizationMetadata) : {};
+			} catch (parseError) {
+				const message = parseError instanceof SyntaxError ? resolvedLabels.formMetadataInvalidJson : parseError instanceof Error ? parseError.message : resolvedLabels.formMetadataInvalid;
+				throw new Error(message);
+			}
+			const { error } = await _m5kdev_frontend_modules_auth_auth_lib.authClient.organization.update({
+				organizationId: activeOrganizationId,
+				data: {
+					name: organizationName.trim(),
+					slug: organizationSlug.trim(),
+					metadata: parsedMetadata
+				}
+			});
+			if (error) throw new Error(error.message ?? resolvedLabels.updateError);
+			await refreshOrganizationQueries();
+			sonner.toast.success(resolvedLabels.updateSuccess);
+		} catch (error) {
+			sonner.toast.error(error instanceof Error ? error.message : resolvedLabels.updateError);
+		} finally {
+			setIsSavingOrganization(false);
+		}
+	};
+	if (!activeOrganizationId) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrganizationStateCard, {
+		title: resolvedLabels.settingsTitle,
+		message: resolvedLabels.settingsNoActive
+	});
+	if (!canManageOrganization) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrganizationStateCard, {
+		title: resolvedLabels.settingsTitle,
+		message: resolvedLabels.settingsManageOnly
+	});
+	if (organizationQuery.isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "p-6 flex justify-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Spinner, {})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardHeader, {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					className: "text-xl font-semibold",
+					children: resolvedLabels.settingsTitle
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-sm text-default-500",
+					children: resolvedLabels.settingsDescription
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Chip, {
+				variant: "flat",
+				color: "primary",
+				children: resolvedRoleLabels[activeOrganizationRole] ?? activeOrganizationRole ?? resolvedRoleLabels.member
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardBody, {
+			className: "grid gap-3",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+					label: resolvedLabels.formName,
+					value: organizationName,
+					onValueChange: setOrganizationName
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+					label: resolvedLabels.formSlug,
+					value: organizationSlug,
+					onValueChange: setOrganizationSlug
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Textarea, {
+					label: resolvedLabels.formMetadata,
+					value: organizationMetadata,
+					onValueChange: setOrganizationMetadata,
+					minRows: 4
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "flex justify-end",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+						color: "primary",
+						isLoading: isSavingOrganization,
+						onPress: onUpdateOrganization,
+						children: resolvedLabels.saveButton
+					})
+				})
+			]
+		})] })
+	});
+}
+//#endregion
+exports.OrganizationSettingsRoute = OrganizationSettingsRoute;
+
+//# sourceMappingURL=OrganizationSettingsRoute.js.map

package/dist/src/modules/auth/components/OrganizationSettingsRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSettingsRoute.js","names":["Card","CardHeader","CardBody","authClient","Spinner","Chip","Input","Textarea","Button"],"sources":["../../../../../src/modules/auth/components/OrganizationSettingsRoute.tsx"],"sourcesContent":["import { Button, Card, CardBody, CardHeader, Chip, Input, Spinner, Textarea } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useSession } from \"@m5kdev/frontend/modules/auth/hooks/useSession\";\r\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\r\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype OrganizationDetails = {\r\n  id: string;\r\n  name: string;\r\n  slug: string;\r\n  logo?: string | null;\r\n  metadata?: Record<string, unknown> | null;\r\n};\r\n\r\nexport type OrganizationSettingsRouteLabels = {\r\n  settingsTitle: string;\r\n  settingsDescription: string;\r\n  settingsNoActive: string;\r\n  settingsManageOnly: string;\r\n  formName: string;\r\n  formSlug: string;\r\n  formMetadata: string;\r\n  formMetadataInvalidJson: string;\r\n  formMetadataInvalid: string;\r\n  saveButton: string;\r\n  updateSuccess: string;\r\n  updateError: string;\r\n  loadError: string;\r\n};\r\n\r\nexport type OrganizationSettingsRouteProps = {\r\n  managerRoles?: string[];\r\n  onInvalidateScopedQueries?: () => void | Promise<void>;\r\n};\r\n\r\nfunction OrganizationStateCard({ title, message }: { title: string; message: string }) {\r\n  return (\r\n    <div className=\"p-6\">\r\n      <Card>\r\n        <CardHeader className=\"text-lg font-semibold\">{title}</CardHeader>\r\n        <CardBody>{message}</CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction useOrganizationAccess({\r\n  managerRoles,\r\n  onInvalidateScopedQueries,\r\n}: Pick<OrganizationSettingsRouteProps, \"managerRoles\" | \"onInvalidateScopedQueries\">) {\r\n  const { data: session, registerSession } = useSession();\r\n  const queryClient = useQueryClient();\r\n\r\n  const activeOrganizationId = session?.session.activeOrganizationId ?? \"\";\r\n  const activeOrganizationRole =\r\n    (session?.session as { activeOrganizationRole?: string } | undefined)?.activeOrganizationRole ??\r\n    \"\";\r\n  const managerRoleSet = useMemo(() => new Set(managerRoles ?? [\"admin\", \"owner\"]), [managerRoles]);\r\n  const canManageOrganization = managerRoleSet.has(activeOrganizationRole);\r\n\r\n  const refreshOrganizationQueries = useCallback(async () => {\r\n    await Promise.allSettled([\r\n      queryClient.invalidateQueries({ queryKey: [\"auth-organization-list\"] }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n      }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-members\", activeOrganizationId],\r\n      }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-invitations\", activeOrganizationId],\r\n      }),\r\n    ]);\r\n\r\n    registerSession(() => {\r\n      void onInvalidateScopedQueries?.();\r\n    });\r\n  }, [activeOrganizationId, onInvalidateScopedQueries, queryClient, registerSession]);\r\n\r\n  return {\r\n    activeOrganizationId,\r\n    activeOrganizationRole,\r\n    canManageOrganization,\r\n    refreshOrganizationQueries,\r\n  };\r\n}\r\n\r\nfunction useOrganizationConfig() {\r\n  const { t } = useTranslation();\r\n\r\n  const translatedLabels = useMemo<OrganizationSettingsRouteLabels>(\r\n    () => ({\r\n      settingsTitle: t(\"web-ui:organization.settings.title\"),\r\n      settingsDescription: t(\"web-ui:organization.settings.description\"),\r\n      settingsNoActive: t(\"web-ui:organization.settings.noActive\"),\r\n      settingsManageOnly: t(\"web-ui:organization.settings.manageOnly\"),\r\n      formName: t(\"web-ui:organization.settings.form.name\"),\r\n      formSlug: t(\"web-ui:organization.settings.form.slug\"),\r\n      formMetadata: t(\"web-ui:organization.settings.form.metadata\"),\r\n      formMetadataInvalidJson: t(\"web-ui:organization.settings.form.metadataInvalidJson\"),\r\n      formMetadataInvalid: t(\"web-ui:organization.settings.form.metadataInvalid\"),\r\n      saveButton: t(\"web-ui:organization.settings.button.save\"),\r\n      updateSuccess: t(\"web-ui:organization.settings.updateSuccess\"),\r\n      updateError: t(\"web-ui:organization.settings.updateError\"),\r\n      loadError: t(\"web-ui:organization.settings.loadError\"),\r\n    }),\r\n    [t]\r\n  );\r\n\r\n  const translatedRoleLabels = useMemo<Record<string, string>>(\r\n    () => ({\r\n      member: t(\"web-ui:organization.roles.member\"),\r\n      admin: t(\"web-ui:organization.roles.admin\"),\r\n      owner: t(\"web-ui:organization.roles.owner\"),\r\n    }),\r\n    [t]\r\n  );\r\n\r\n  return { resolvedLabels: translatedLabels, resolvedRoleLabels: translatedRoleLabels };\r\n}\r\n\r\nexport function OrganizationSettingsRoute({\r\n  managerRoles,\r\n  onInvalidateScopedQueries,\r\n}: OrganizationSettingsRouteProps) {\r\n  const { resolvedLabels, resolvedRoleLabels } = useOrganizationConfig();\r\n\r\n  const {\r\n    activeOrganizationId,\r\n    activeOrganizationRole,\r\n    canManageOrganization,\r\n    refreshOrganizationQueries,\r\n  } = useOrganizationAccess({ managerRoles, onInvalidateScopedQueries });\r\n\r\n  const [organizationName, setOrganizationName] = useState(\"\");\r\n  const [organizationSlug, setOrganizationSlug] = useState(\"\");\r\n  const [organizationMetadata, setOrganizationMetadata] = useState(\"{}\");\r\n  const [isSavingOrganization, setIsSavingOrganization] = useState(false);\r\n\r\n  const organizationQuery = useQuery({\r\n    queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n    enabled: Boolean(activeOrganizationId && canManageOrganization),\r\n    queryFn: async () => {\r\n      const { data, error } = await authClient.organization.getFullOrganization({\r\n        query: {\r\n          organizationId: activeOrganizationId,\r\n          membersLimit: 200,\r\n        },\r\n      });\r\n      if (error) {\r\n        throw new Error(error.message ?? resolvedLabels.loadError);\r\n      }\r\n      return data as OrganizationDetails | null;\r\n    },\r\n  });\r\n\r\n  useEffect(() => {\r\n    const organization = organizationQuery.data;\r\n    if (!organization) {\r\n      return;\r\n    }\r\n\r\n    setOrganizationName(organization.name ?? \"\");\r\n    setOrganizationSlug(organization.slug ?? \"\");\r\n    setOrganizationMetadata(JSON.stringify(organization.metadata ?? {}, null, 2));\r\n  }, [organizationQuery.data]);\r\n\r\n  const onUpdateOrganization = async () => {\r\n    if (!canManageOrganization || !activeOrganizationId) {\r\n      return;\r\n    }\r\n\r\n    try {\r\n      setIsSavingOrganization(true);\r\n      let parsedMetadata: Record<string, unknown>;\r\n      try {\r\n        parsedMetadata = organizationMetadata.trim()\r\n          ? (JSON.parse(organizationMetadata) as Record<string, unknown>)\r\n          : {};\r\n      } catch (parseError) {\r\n        const message =\r\n          parseError instanceof SyntaxError\r\n            ? resolvedLabels.formMetadataInvalidJson\r\n            : parseError instanceof Error\r\n              ? parseError.message\r\n              : resolvedLabels.formMetadataInvalid;\r\n        throw new Error(message);\r\n      }\r\n\r\n      const { error } = await authClient.organization.update({\r\n        organizationId: activeOrganizationId,\r\n        data: {\r\n          name: organizationName.trim(),\r\n          slug: organizationSlug.trim(),\r\n          metadata: parsedMetadata,\r\n        },\r\n      });\r\n\r\n      if (error) {\r\n        throw new Error(error.message ?? resolvedLabels.updateError);\r\n      }\r\n\r\n      await refreshOrganizationQueries();\r\n      toast.success(resolvedLabels.updateSuccess);\r\n    } catch (error) {\r\n      toast.error(error instanceof Error ? error.message : resolvedLabels.updateError);\r\n    } finally {\r\n      setIsSavingOrganization(false);\r\n    }\r\n  };\r\n\r\n  if (!activeOrganizationId) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.settingsTitle}\r\n        message={resolvedLabels.settingsNoActive}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (!canManageOrganization) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.settingsTitle}\r\n        message={resolvedLabels.settingsManageOnly}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (organizationQuery.isLoading) {\r\n    return (\r\n      <div className=\"p-6 flex justify-center\">\r\n        <Spinner />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className=\"p-6\">\r\n      <Card>\r\n        <CardHeader className=\"flex items-center justify-between\">\r\n          <div className=\"flex flex-col\">\r\n            <h2 className=\"text-xl font-semibold\">{resolvedLabels.settingsTitle}</h2>\r\n            <p className=\"text-sm text-default-500\">{resolvedLabels.settingsDescription}</p>\r\n          </div>\r\n          <Chip variant=\"flat\" color=\"primary\">\r\n            {resolvedRoleLabels[activeOrganizationRole] ??\r\n              activeOrganizationRole ??\r\n              resolvedRoleLabels.member}\r\n          </Chip>\r\n        </CardHeader>\r\n        <CardBody className=\"grid gap-3\">\r\n          <Input\r\n            label={resolvedLabels.formName}\r\n            value={organizationName}\r\n            onValueChange={setOrganizationName}\r\n          />\r\n          <Input\r\n            label={resolvedLabels.formSlug}\r\n            value={organizationSlug}\r\n            onValueChange={setOrganizationSlug}\r\n          />\r\n          <Textarea\r\n            label={resolvedLabels.formMetadata}\r\n            value={organizationMetadata}\r\n            onValueChange={setOrganizationMetadata}\r\n            minRows={4}\r\n          />\r\n          <div className=\"flex justify-end\">\r\n            <Button color=\"primary\" isLoading={isSavingOrganization} onPress={onUpdateOrganization}>\r\n              {resolvedLabels.saveButton}\r\n            </Button>\r\n          </div>\r\n        </CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/OrganizationSettingsRoute.mjs

@@ -3,8 +3,8 @@ import { Button, Card, CardBody, CardHeader, Chip, Input, Spinner, Textarea } fr
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
 //#region src/modules/auth/components/OrganizationSettingsRoute.tsx
 function OrganizationStateCard({ title, message }) {

package/dist/src/modules/auth/components/OrganizationSwitcher.d.ts

@@ -0,0 +1,18 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/OrganizationSwitcher.d.ts
+type OrganizationSwitcherProps = {
+  onInvalidateScopedQueries?: () => void | Promise<void>;
+  managerRoles?: string[];
+  managerPath?: string;
+  fallbackPath?: string;
+};
+declare function OrganizationSwitcher({
+  onInvalidateScopedQueries,
+  managerRoles,
+  managerPath,
+  fallbackPath
+}: OrganizationSwitcherProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OrganizationSwitcher, OrganizationSwitcherProps };
+//# sourceMappingURL=OrganizationSwitcher.d.ts.map

package/dist/src/modules/auth/components/OrganizationSwitcher.js

@@ -0,0 +1,98 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../../lib/utils.js");
+const require_src_components_ui_sidebar = require("../../../components/ui/sidebar.js");
+let react = require("react");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let react_i18next = require("react-i18next");
+let react_router = require("react-router");
+let sonner = require("sonner");
+let _m5kdev_frontend_modules_auth_auth_lib = require("@m5kdev/frontend/modules/auth/auth.lib");
+let _tanstack_react_query = require("@tanstack/react-query");
+let _m5kdev_frontend_modules_auth_hooks_useSession = require("@m5kdev/frontend/modules/auth/hooks/useSession");
+//#region src/modules/auth/components/OrganizationSwitcher.tsx
+function OrganizationSwitcher({ onInvalidateScopedQueries, managerRoles = ["admin", "owner"], managerPath = "/organization/members", fallbackPath = "/" }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	const { data: session, registerSession } = (0, _m5kdev_frontend_modules_auth_hooks_useSession.useSession)();
+	const { open } = require_src_components_ui_sidebar.useSidebar();
+	const [isSwitching, setIsSwitching] = (0, react.useState)(false);
+	const activeOrganizationId = session?.session.activeOrganizationId ?? null;
+	const activeOrganizationRole = (session?.session)?.activeOrganizationRole ?? "";
+	const canManageOrganization = (0, react.useMemo)(() => new Set(managerRoles), [managerRoles]).has(activeOrganizationRole);
+	const { data: organizations = [], isError, error, refetch } = (0, _tanstack_react_query.useQuery)({
+		queryKey: ["auth-organization-list"],
+		queryFn: async () => {
+			const { data, error } = await _m5kdev_frontend_modules_auth_auth_lib.authClient.organization.list();
+			if (error) throw new Error(error.message ?? t("web-ui:organization.switcher.failedToLoadOrganizations"));
+			return data ?? [];
+		}
+	});
+	const handleSwitchOrganization = (0, react.useCallback)(async (organizationId) => {
+		if (!organizationId || organizationId === activeOrganizationId || isSwitching) return;
+		try {
+			setIsSwitching(true);
+			const { error } = await _m5kdev_frontend_modules_auth_auth_lib.authClient.organization.setActive({ organizationId });
+			if (error) throw new Error(error.message ?? t("web-ui:organization.switcher.failedToSwitchOrganization"));
+			registerSession(() => {
+				onInvalidateScopedQueries?.();
+			});
+			sonner.toast.success(t("web-ui:organization.switcher.organizationSwitched"));
+		} catch (error) {
+			sonner.toast.error(error instanceof Error ? error.message : t("web-ui:organization.switcher.failedToSwitchOrganization"));
+		} finally {
+			setIsSwitching(false);
+		}
+	}, [
+		activeOrganizationId,
+		isSwitching,
+		onInvalidateScopedQueries,
+		registerSession,
+		t
+	]);
+	if (!open) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+		as: react_router.Link,
+		to: canManageOrganization ? managerPath : fallbackPath,
+		variant: "light",
+		size: "sm",
+		isIconOnly: true,
+		"aria-label": t("web-ui:organization.switcher.label"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Building2, { className: "h-4 w-4" })
+	});
+	if (isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "mb-4 flex flex-col gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-sm text-destructive",
+			children: error instanceof Error ? error.message : t("web-ui:organization.switcher.failedToLoadOrganizations")
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+			size: "sm",
+			variant: "flat",
+			onPress: () => void refetch(),
+			children: t("web-ui:organization.switcher.retry")
+		})]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "mb-4",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Select, {
+			size: "sm",
+			label: t("web-ui:organization.switcher.label"),
+			selectedKeys: activeOrganizationId ? [activeOrganizationId] : [],
+			disallowEmptySelection: true,
+			isDisabled: isSwitching || organizations.length === 0,
+			onSelectionChange: (keys) => {
+				const selectedOrganizationId = Array.from(keys)[0];
+				if (selectedOrganizationId) handleSwitchOrganization(selectedOrganizationId);
+			},
+			classNames: {
+				trigger: require_src_lib_utils.cn("min-h-10"),
+				value: require_src_lib_utils.cn("text-sm")
+			},
+			children: organizations.map((organization) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.SelectItem, { children: organization.name }, organization.id))
+		})
+	});
+}
+//#endregion
+exports.OrganizationSwitcher = OrganizationSwitcher;
+
+//# sourceMappingURL=OrganizationSwitcher.js.map

package/dist/src/modules/auth/components/OrganizationSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSwitcher.js","names":["useSidebar","authClient","Button","Link","Building2","Select","cn","SelectItem"],"sources":["../../../../../src/modules/auth/components/OrganizationSwitcher.tsx"],"sourcesContent":["import { Button, Select, SelectItem } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useSession } from \"@m5kdev/frontend/modules/auth/hooks/useSession\";\r\nimport { useQuery } from \"@tanstack/react-query\";\r\nimport { Building2 } from \"lucide-react\";\r\nimport { useCallback, useMemo, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\nimport { useSidebar } from \"../../../components/ui/sidebar\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\ntype OrganizationOption = {\r\n  id: string;\r\n  name: string;\r\n  slug: string;\r\n};\r\n\r\nexport type OrganizationSwitcherProps = {\r\n  onInvalidateScopedQueries?: () => void | Promise<void>;\r\n  managerRoles?: string[];\r\n  managerPath?: string;\r\n  fallbackPath?: string;\r\n};\r\n\r\nexport function OrganizationSwitcher({\r\n  onInvalidateScopedQueries,\r\n  managerRoles = [\"admin\", \"owner\"],\r\n  managerPath = \"/organization/members\",\r\n  fallbackPath = \"/\",\r\n}: OrganizationSwitcherProps) {\r\n  const { t } = useTranslation();\r\n  const { data: session, registerSession } = useSession();\r\n  const { open } = useSidebar();\r\n  const [isSwitching, setIsSwitching] = useState(false);\r\n  const activeOrganizationId = session?.session.activeOrganizationId ?? null;\r\n  const activeOrganizationRole =\r\n    (session?.session as { activeOrganizationRole?: string } | undefined)?.activeOrganizationRole ??\r\n    \"\";\r\n  const managerRoleSet = useMemo(() => new Set(managerRoles), [managerRoles]);\r\n  const canManageOrganization = managerRoleSet.has(activeOrganizationRole);\r\n\r\n  const {\r\n    data: organizations = [],\r\n    isError,\r\n    error,\r\n    refetch,\r\n  } = useQuery({\r\n    queryKey: [\"auth-organization-list\"],\r\n    queryFn: async () => {\r\n      const { data, error } = await authClient.organization.list();\r\n      if (error) {\r\n        throw new Error(\r\n          error.message ?? t(\"web-ui:organization.switcher.failedToLoadOrganizations\")\r\n        );\r\n      }\r\n      return (data ?? []) as OrganizationOption[];\r\n    },\r\n  });\r\n\r\n  const handleSwitchOrganization = useCallback(\r\n    async (organizationId: string) => {\r\n      if (!organizationId || organizationId === activeOrganizationId || isSwitching) {\r\n        return;\r\n      }\r\n\r\n      try {\r\n        setIsSwitching(true);\r\n        const { error } = await authClient.organization.setActive({ organizationId });\r\n        if (error) {\r\n          throw new Error(\r\n            error.message ?? t(\"web-ui:organization.switcher.failedToSwitchOrganization\")\r\n          );\r\n        }\r\n\r\n        registerSession(() => {\r\n          void onInvalidateScopedQueries?.();\r\n        });\r\n        toast.success(t(\"web-ui:organization.switcher.organizationSwitched\"));\r\n      } catch (error) {\r\n        toast.error(\r\n          error instanceof Error\r\n            ? error.message\r\n            : t(\"web-ui:organization.switcher.failedToSwitchOrganization\")\r\n        );\r\n      } finally {\r\n        setIsSwitching(false);\r\n      }\r\n    },\r\n    [activeOrganizationId, isSwitching, onInvalidateScopedQueries, registerSession, t]\r\n  );\r\n\r\n  if (!open) {\r\n    return (\r\n      <Button\r\n        as={Link}\r\n        to={canManageOrganization ? managerPath : fallbackPath}\r\n        variant=\"light\"\r\n        size=\"sm\"\r\n        isIconOnly\r\n        aria-label={t(\"web-ui:organization.switcher.label\")}\r\n      >\r\n        <Building2 className=\"h-4 w-4\" />\r\n      </Button>\r\n    );\r\n  }\r\n\r\n  if (isError) {\r\n    return (\r\n      <div className=\"mb-4 flex flex-col gap-2\">\r\n        <p className=\"text-sm text-destructive\">\r\n          {error instanceof Error\r\n            ? error.message\r\n            : t(\"web-ui:organization.switcher.failedToLoadOrganizations\")}\r\n        </p>\r\n        <Button size=\"sm\" variant=\"flat\" onPress={() => void refetch()}>\r\n          {t(\"web-ui:organization.switcher.retry\")}\r\n        </Button>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className=\"mb-4\">\r\n      <Select\r\n        size=\"sm\"\r\n        label={t(\"web-ui:organization.switcher.label\")}\r\n        selectedKeys={activeOrganizationId ? [activeOrganizationId] : []}\r\n        disallowEmptySelection\r\n        isDisabled={isSwitching || organizations.length === 0}\r\n        onSelectionChange={(keys) => {\r\n          const selectedOrganizationId = Array.from(keys as Set<string>)[0];\r\n          if (selectedOrganizationId) {\r\n            void handleSwitchOrganization(selectedOrganizationId);\r\n          }\r\n        }}\r\n        classNames={{\r\n          trigger: cn(\"min-h-10\"),\r\n          value: cn(\"text-sm\"),\r\n        }}\r\n      >\r\n        {organizations.map((organization) => (\r\n          <SelectItem key={organization.id}>{organization.name}</SelectItem>\r\n        ))}\r\n      </Select>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/OrganizationSwitcher.mjs

@@ -7,8 +7,8 @@ import { Building2 } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { Link as Link$1 } from "react-router";
 import { toast } from "sonner";
-import { useQuery } from "@tanstack/react-query";
 import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+import { useQuery } from "@tanstack/react-query";
 import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
 //#region src/modules/auth/components/OrganizationSwitcher.tsx
 function OrganizationSwitcher({ onInvalidateScopedQueries, managerRoles = ["admin", "owner"], managerPath = "/organization/members", fallbackPath = "/" }) {

package/dist/src/modules/auth/components/PreferencesEditor.d.ts

@@ -0,0 +1,49 @@
+import { ReactElement } from "react";
+import { z } from "zod";
+
+//#region src/modules/auth/components/PreferencesEditor.d.ts
+type UpdatePreferencesOptions = {
+  noOptimisticUpdate?: boolean;
+  onSuccess?: () => void;
+  onError?: (error: unknown) => void;
+};
+interface ControlDefinition {
+  label: string;
+  element: "switch" | "select" | "number";
+  options?: {
+    label: string;
+    value: string;
+  }[];
+  min?: number;
+  max?: number;
+  step?: number;
+}
+type ControlsFor<Preferences> = { [K in keyof Preferences]: ControlDefinition };
+type PreferenceEditorLabels = {
+  title: string;
+  submit: string;
+  updated: string;
+  updateError: string;
+  loading?: string;
+};
+type PreferenceEditorProps<S extends z.ZodObject<z.ZodRawShape>> = {
+  schema: S;
+  controls: ControlsFor<z.infer<S>>;
+  values: Partial<z.infer<S>>;
+  isLoading: boolean;
+  isPending: boolean;
+  labels: PreferenceEditorLabels;
+  updateValues: (partialValues: Partial<z.infer<S>>, options: UpdatePreferencesOptions) => void;
+};
+declare function PreferencesEditor<S extends z.ZodObject<z.ZodRawShape>>({
+  schema,
+  controls,
+  values,
+  isLoading,
+  isPending,
+  labels,
+  updateValues
+}: PreferenceEditorProps<S>): ReactElement;
+//#endregion
+export { ControlDefinition, ControlsFor, PreferenceEditorLabels, PreferenceEditorProps, PreferencesEditor, UpdatePreferencesOptions };
+//# sourceMappingURL=PreferencesEditor.d.ts.map