@10x-media/impersonation 0.1.0-beta.0

package/dist/ui/ImpersonationFrontendBanner.d.ts

@@ -0,0 +1,41 @@
+import { UserLabel } from "../types.js";
+import { Payload } from "payload";
+//#region src/ui/ImpersonationFrontendBanner.d.ts
+type ImpersonationFrontendBannerLabels = {
+  /** `{{name}}` is the target per `userLabel`, else collection and id. */actingAs?: string;
+  exit?: string;
+};
+type ImpersonationFrontendBannerProps = {
+  className?: string;
+  headers: Headers;
+  labels?: ImpersonationFrontendBannerLabels;
+  payload: Payload; /** Skip the default look. Class names stay, so the project styles everything. */
+  unstyled?: boolean; /** Name the target by `useAsTitle` or by email. Defaults to the plugin's `ui.userLabel`. */
+  userLabel?: UserLabel;
+  user?: null | {
+    collection?: string;
+    id?: number | string;
+  };
+};
+/**
+ * Default frontend banner. Renders nothing when this request is not the
+ * impersonated session. Class names are the styling hook. The default look
+ * has zero specificity, so a project class overrides it without `!important`;
+ * `unstyled` drops it.
+ *
+ * ```tsx
+ * <ImpersonationFrontendBanner payload={payload} headers={await headers()} />
+ * ```
+ */
+declare const ImpersonationFrontendBanner: ({
+  className,
+  headers,
+  labels,
+  payload,
+  unstyled,
+  user,
+  userLabel
+}: ImpersonationFrontendBannerProps) => Promise<import("react/jsx-runtime").JSX.Element | null>;
+//#endregion
+export { ImpersonationFrontendBanner };
+//# sourceMappingURL=ImpersonationFrontendBanner.d.ts.map

package/dist/ui/ImpersonationFrontendBanner.js

@@ -0,0 +1,58 @@
+import { labelUser } from "../ids.js";
+import { getRegistry } from "../plugin/registry.js";
+import { getImpersonation } from "../getImpersonation.js";
+import { ImpersonationFrontendExit } from "./ImpersonationFrontendExit.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "./frontendBanner.css";
+//#region src/ui/ImpersonationFrontendBanner.tsx
+const fillName = (template, name) => template.split("{{name}}").join(name);
+/**
+* Default frontend banner. Renders nothing when this request is not the
+* impersonated session. Class names are the styling hook. The default look
+* has zero specificity, so a project class overrides it without `!important`;
+* `unstyled` drops it.
+*
+* ```tsx
+* <ImpersonationFrontendBanner payload={payload} headers={await headers()} />
+* ```
+*/
+const ImpersonationFrontendBanner = async ({ className, headers, labels, payload, unstyled, user, userLabel }) => {
+	const options = getRegistry(payload.config);
+	if (!options) return null;
+	const status = await getImpersonation(user !== void 0 ? {
+		headers,
+		payload,
+		user
+	} : {
+		headers,
+		payload
+	});
+	if (!status.active || status.side !== "target") return null;
+	const fallback = status.target ? `${status.target.collection}/${status.target.id}` : "user";
+	const name = labelUser(userLabel ?? options.ui.userLabel, {
+		email: status.targetEmail,
+		title: status.targetTitle
+	}) ?? fallback;
+	const actingAs = fillName(labels?.actingAs ?? "Acting as {{name}}", name);
+	const apiPath = `${payload.config.routes.api}${options.apiPath}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: [
+			"impersonation-frontend-banner",
+			unstyled ? null : "impersonation-frontend-banner--default",
+			className
+		].filter(Boolean).join(" "),
+		role: "status",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "impersonation-frontend-banner__text",
+			children: actingAs
+		}), /* @__PURE__ */ jsx(ImpersonationFrontendExit, {
+			apiPath,
+			className: "impersonation-frontend-banner__exit",
+			label: labels?.exit ?? "Exit"
+		})]
+	});
+};
+//#endregion
+export { ImpersonationFrontendBanner };
+
+//# sourceMappingURL=ImpersonationFrontendBanner.js.map

package/dist/ui/ImpersonationFrontendBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImpersonationFrontendBanner.js","names":[],"sources":["../../src/ui/ImpersonationFrontendBanner.tsx"],"sourcesContent":["import type { Payload } from 'payload'\n\nimport { getImpersonation } from '../getImpersonation'\nimport { labelUser } from '../ids'\nimport { getRegistry } from '../plugin/registry'\nimport type { UserLabel } from '../types'\nimport { ImpersonationFrontendExit } from '../ui/ImpersonationFrontendExit'\nimport './frontendBanner.css'\n\nexport type ImpersonationFrontendBannerLabels = {\n\t/** `{{name}}` is the target per `userLabel`, else collection and id. */\n\tactingAs?: string\n\texit?: string\n}\n\nexport type ImpersonationFrontendBannerProps = {\n\tclassName?: string\n\theaders: Headers\n\tlabels?: ImpersonationFrontendBannerLabels\n\tpayload: Payload\n\t/** Skip the default look. Class names stay, so the project styles everything. */\n\tunstyled?: boolean\n\t/** Name the target by `useAsTitle` or by email. Defaults to the plugin's `ui.userLabel`. */\n\tuserLabel?: UserLabel\n\tuser?: null | { collection?: string; id?: number | string }\n}\n\nconst fillName = (template: string, name: string): string => template.split('{{name}}').join(name)\n\n/**\n * Default frontend banner. Renders nothing when this request is not the\n * impersonated session. Class names are the styling hook. The default look\n * has zero specificity, so a project class overrides it without `!important`;\n * `unstyled` drops it.\n *\n * ```tsx\n * <ImpersonationFrontendBanner payload={payload} headers={await headers()} />\n * ```\n */\nexport const ImpersonationFrontendBanner = async ({\n\tclassName,\n\theaders,\n\tlabels,\n\tpayload,\n\tunstyled,\n\tuser,\n\tuserLabel,\n}: ImpersonationFrontendBannerProps) => {\n\tconst options = getRegistry(payload.config)\n\tif (!options) {\n\t\treturn null\n\t}\n\n\tconst status = await getImpersonation(\n\t\tuser !== undefined ? { headers, payload, user: user as never } : { headers, payload }\n\t)\n\tif (!status.active || status.side !== 'target') {\n\t\treturn null\n\t}\n\n\tconst fallback = status.target ? `${status.target.collection}/${status.target.id}` : 'user'\n\tconst name =\n\t\tlabelUser(userLabel ?? options.ui.userLabel, {\n\t\t\temail: status.targetEmail,\n\t\t\ttitle: status.targetTitle,\n\t\t}) ?? fallback\n\tconst actingAs = fillName(labels?.actingAs ?? 'Acting as {{name}}', name)\n\tconst apiPath = `${payload.config.routes.api}${options.apiPath}`\n\tconst rootClass = [\n\t\t'impersonation-frontend-banner',\n\t\tunstyled ? null : 'impersonation-frontend-banner--default',\n\t\tclassName,\n\t]\n\t\t.filter(Boolean)\n\t\t.join(' ')\n\n\treturn (\n\t\t<div className={rootClass} role=\"status\">\n\t\t\t<span className=\"impersonation-frontend-banner__text\">{actingAs}</span>\n\t\t\t<ImpersonationFrontendExit\n\t\t\t\tapiPath={apiPath}\n\t\t\t\tclassName=\"impersonation-frontend-banner__exit\"\n\t\t\t\tlabel={labels?.exit ?? 'Exit'}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n"],"mappings":";;;;;;;AA2BA,MAAM,YAAY,UAAkB,SAAyB,SAAS,MAAM,UAAU,EAAE,KAAK,IAAI;;;;;;;;;;;AAYjG,MAAa,8BAA8B,OAAO,EACjD,WACA,SACA,QACA,SACA,UACA,MACA,gBACuC;CACvC,MAAM,UAAU,YAAY,QAAQ,MAAM;CAC1C,IAAI,CAAC,SACJ,OAAO;CAGR,MAAM,SAAS,MAAM,iBACpB,SAAS,KAAA,IAAY;EAAE;EAAS;EAAe;CAAc,IAAI;EAAE;EAAS;CAAQ,CACrF;CACA,IAAI,CAAC,OAAO,UAAU,OAAO,SAAS,UACrC,OAAO;CAGR,MAAM,WAAW,OAAO,SAAS,GAAG,OAAO,OAAO,WAAW,GAAG,OAAO,OAAO,OAAO;CACrF,MAAM,OACL,UAAU,aAAa,QAAQ,GAAG,WAAW;EAC5C,OAAO,OAAO;EACd,OAAO,OAAO;CACf,CAAC,KAAK;CACP,MAAM,WAAW,SAAS,QAAQ,YAAY,sBAAsB,IAAI;CACxE,MAAM,UAAU,GAAG,QAAQ,OAAO,OAAO,MAAM,QAAQ;CASvD,OACC,qBAAC,OAAD;EAAK,WATY;GACjB;GACA,WAAW,OAAO;GAClB;EACD,EACE,OAAO,OAAO,EACd,KAAK,GAGkB;EAAG,MAAK;YAAhC,CACC,oBAAC,QAAD;GAAM,WAAU;aAAuC;EAAe,CAAA,GACtE,oBAAC,2BAAD;GACU;GACT,WAAU;GACV,OAAO,QAAQ,QAAQ;EACvB,CAAA,CACG;;AAEP"}

package/dist/ui/ImpersonationFrontendExit.d.ts

@@ -0,0 +1,17 @@
+//#region src/ui/ImpersonationFrontendExit.d.ts
+/**
+ * Posts to exit and reloads on success. A failed or timed-out request logs the
+ * reason and re-enables the button, so a second click can retry.
+ */
+declare const ImpersonationFrontendExit: ({
+  apiPath,
+  className,
+  label
+}: {
+  apiPath: string;
+  className?: string;
+  label: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ImpersonationFrontendExit };
+//# sourceMappingURL=ImpersonationFrontendExit.d.ts.map

package/dist/ui/ImpersonationFrontendExit.js

@@ -0,0 +1,45 @@
+"use client";
+import { CLIENT_FETCH_TIMEOUT_MS } from "../plugin/constants.js";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/ImpersonationFrontendExit.tsx
+/**
+* Posts to exit and reloads on success. A failed or timed-out request logs the
+* reason and re-enables the button, so a second click can retry.
+*/
+const ImpersonationFrontendExit = ({ apiPath, className, label }) => {
+	const [busy, setBusy] = useState(false);
+	const onClick = async () => {
+		setBusy(true);
+		try {
+			const response = await fetch(`${apiPath}/exit`, {
+				body: "{}",
+				credentials: "include",
+				headers: { "Content-Type": "application/json" },
+				method: "POST",
+				signal: AbortSignal.timeout(CLIENT_FETCH_TIMEOUT_MS)
+			});
+			if (response.ok) {
+				window.location.reload();
+				return;
+			}
+			const body = await response.json().catch(() => null);
+			console.error(`@10x-media/impersonation: exit failed (${response.status}${body?.error ? `, ${body.error}` : ""})`);
+		} catch (error) {
+			console.error("@10x-media/impersonation: exit request failed", error);
+		}
+		setBusy(false);
+	};
+	return /* @__PURE__ */ jsx("button", {
+		"aria-busy": busy,
+		className,
+		disabled: busy,
+		onClick: () => void onClick(),
+		type: "button",
+		children: label
+	});
+};
+//#endregion
+export { ImpersonationFrontendExit };
+
+//# sourceMappingURL=ImpersonationFrontendExit.js.map

package/dist/ui/ImpersonationFrontendExit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImpersonationFrontendExit.js","names":[],"sources":["../../src/ui/ImpersonationFrontendExit.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\n\nimport { CLIENT_FETCH_TIMEOUT_MS } from '../plugin/constants'\n\n/**\n * Posts to exit and reloads on success. A failed or timed-out request logs the\n * reason and re-enables the button, so a second click can retry.\n */\nexport const ImpersonationFrontendExit = ({\n\tapiPath,\n\tclassName,\n\tlabel,\n}: {\n\tapiPath: string\n\tclassName?: string\n\tlabel: string\n}) => {\n\tconst [busy, setBusy] = useState(false)\n\n\tconst onClick = async () => {\n\t\tsetBusy(true)\n\t\ttry {\n\t\t\tconst response = await fetch(`${apiPath}/exit`, {\n\t\t\t\tbody: '{}',\n\t\t\t\tcredentials: 'include',\n\t\t\t\theaders: { 'Content-Type': 'application/json' },\n\t\t\t\tmethod: 'POST',\n\t\t\t\tsignal: AbortSignal.timeout(CLIENT_FETCH_TIMEOUT_MS),\n\t\t\t})\n\t\t\tif (response.ok) {\n\t\t\t\twindow.location.reload()\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst body = (await response.json().catch(() => null)) as { error?: string } | null\n\t\t\tconsole.error(\n\t\t\t\t`@10x-media/impersonation: exit failed (${response.status}${body?.error ? `, ${body.error}` : ''})`\n\t\t\t)\n\t\t} catch (error) {\n\t\t\tconsole.error('@10x-media/impersonation: exit request failed', error)\n\t\t}\n\t\tsetBusy(false)\n\t}\n\n\treturn (\n\t\t<button\n\t\t\taria-busy={busy}\n\t\t\tclassName={className}\n\t\t\tdisabled={busy}\n\t\t\tonClick={() => void onClick()}\n\t\t\ttype=\"button\"\n\t\t>\n\t\t\t{label}\n\t\t</button>\n\t)\n}\n"],"mappings":";;;;;;;;;AAUA,MAAa,6BAA6B,EACzC,SACA,WACA,YAKK;CACL,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAEtC,MAAM,UAAU,YAAY;EAC3B,QAAQ,IAAI;EACZ,IAAI;GACH,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,QAAQ;IAC/C,MAAM;IACN,aAAa;IACb,SAAS,EAAE,gBAAgB,mBAAmB;IAC9C,QAAQ;IACR,QAAQ,YAAY,QAAQ,uBAAuB;GACpD,CAAC;GACD,IAAI,SAAS,IAAI;IAChB,OAAO,SAAS,OAAO;IACvB;GACD;GACA,MAAM,OAAQ,MAAM,SAAS,KAAK,EAAE,YAAY,IAAI;GACpD,QAAQ,MACP,0CAA0C,SAAS,SAAS,MAAM,QAAQ,KAAK,KAAK,UAAU,GAAG,EAClG;EACD,SAAS,OAAO;GACf,QAAQ,MAAM,iDAAiD,KAAK;EACrE;EACA,QAAQ,KAAK;CACd;CAEA,OACC,oBAAC,UAAD;EACC,aAAW;EACA;EACX,UAAU;EACV,eAAe,KAAK,QAAQ;EAC5B,MAAK;YAEJ;CACM,CAAA;AAEV"}

package/dist/ui/ImpersonationProvider.d.ts

@@ -0,0 +1,16 @@
+import { ServerProps } from "payload";
+import { ReactNode } from "react";
+
+//#region src/ui/ImpersonationProvider.d.ts
+type ImpersonationProviderProps = ServerProps & {
+  children?: ReactNode;
+};
+declare const ImpersonationProvider: ({
+  children,
+  i18n,
+  payload,
+  user
+}: ImpersonationProviderProps) => Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined>;
+//#endregion
+export { ImpersonationProvider };
+//# sourceMappingURL=ImpersonationProvider.d.ts.map

package/dist/ui/ImpersonationProvider.js

@@ -0,0 +1,127 @@
+import { labelUser } from "../ids.js";
+import { cachedFindOpenBySid, impersonationSide, isPastAbsoluteExpiry, relationOf } from "../session/resolve.js";
+import "../plugin/constants.js";
+import { getRegistry } from "../plugin/registry.js";
+import { asAuthUser, boundSid } from "../types.js";
+import { statusFromRow } from "../getImpersonation.js";
+import { readHintCookie } from "../plugin/lookup.js";
+import { startableCollectionSlugs } from "../plugin/startable.js";
+import { keys } from "../translations/keys.js";
+import { resolveTargetFilters } from "../access/filterTargets.js";
+import { ImpersonationClientConfig } from "./ImpersonationConfig.js";
+import { fillTemplate, messageFor } from "../translations/lookup.js";
+import { ImpersonationBar } from "./ImpersonationBar.js";
+import { createLocalReq } from "payload";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { headers } from "next/headers";
+//#region src/ui/ImpersonationProvider.tsx
+const ImpersonationProvider = async ({ children, i18n, payload, user }) => {
+	const options = getRegistry(payload.config);
+	if (!options) return children;
+	const startable = startableCollectionSlugs(payload.config.collections, options);
+	let targets = Object.fromEntries(startable.map((slug) => [slug, true]));
+	if (user && options.access.filterTargets) targets = await resolveTargetFilters({
+		collections: startable,
+		options,
+		req: await createLocalReq({
+			req: {
+				headers: await headers(),
+				i18n
+			},
+			user
+		}, payload)
+	});
+	const apiPath = `${payload.config.routes.api}${options.apiPath}`;
+	const sid = boundSid(user, options.session.binding);
+	const painted = user ? asAuthUser(user)._impersonation : void 0;
+	const paintedLive = painted && !isPastAbsoluteExpiry(painted) ? painted : void 0;
+	const hint = await readHintCookie(options.hintCookieName);
+	const shouldLookup = !painted && (Boolean(options.session.issue) || Boolean(hint) || Boolean(sid?.startsWith("imp_")));
+	let row = null;
+	if (!painted && user && sid && shouldLookup) {
+		row = await cachedFindOpenBySid(sid, options, payload);
+		if (row && isPastAbsoluteExpiry(row)) row = null;
+	}
+	const status = paintedLive ? {
+		absoluteExpiresAt: paintedLive.absoluteExpiresAt ?? null,
+		active: true,
+		impersonator: paintedLive.impersonator,
+		impersonatorLocale: paintedLive.impersonatorLocale ?? null,
+		mode: paintedLive.mode,
+		side: "target",
+		startedAt: paintedLive.startedAt,
+		target: paintedLive.target,
+		targetEmail: paintedLive.targetEmail ?? null,
+		targetTitle: paintedLive.targetTitle ?? paintedLive.targetEmail ?? null
+	} : row && sid ? statusFromRow(row, sid) : { active: false };
+	const barSource = paintedLive ? {
+		absoluteExpiresAt: paintedLive.absoluteExpiresAt,
+		impersonatorEmail: paintedLive.impersonatorEmail,
+		impersonatorId: paintedLive.impersonator.id,
+		impersonatorTitle: paintedLive.impersonatorTitle,
+		impersonatorLocale: paintedLive.impersonatorLocale,
+		mode: paintedLive.mode,
+		side: "target",
+		targetEmail: paintedLive.targetEmail,
+		targetId: paintedLive.target.id,
+		targetTitle: paintedLive.targetTitle
+	} : row && sid ? {
+		absoluteExpiresAt: row.absoluteExpiresAt,
+		impersonatorEmail: row.impersonatorEmail,
+		impersonatorId: relationOf(row.impersonator)?.id,
+		impersonatorTitle: row.impersonatorTitle,
+		impersonatorLocale: row.impersonatorLocale,
+		mode: row.mode,
+		side: impersonationSide(row, sid),
+		targetEmail: row.targetEmail,
+		targetId: relationOf(row.target)?.id,
+		targetTitle: row.targetTitle
+	} : null;
+	const clientValue = {
+		apiPath,
+		cardEmail: options.ui.cardEmail,
+		reasonMode: options.reason,
+		sessionCollection: options.collectionSlug,
+		status,
+		targetFilters: targets
+	};
+	if (!options.ui.bar || !barSource) return /* @__PURE__ */ jsx(ImpersonationClientConfig, {
+		value: clientValue,
+		children
+	});
+	const locale = barSource.impersonatorLocale;
+	const targetName = labelUser(options.ui.userLabel, {
+		email: barSource.targetEmail,
+		title: barSource.targetTitle
+	}) ?? String(barSource.targetId ?? "");
+	const impersonatorLabel = labelUser(options.ui.userLabel, {
+		email: barSource.impersonatorEmail,
+		title: barSource.impersonatorTitle
+	}) ?? String(barSource.impersonatorId ?? "");
+	const isImpersonatorSide = barSource.side === "impersonator" && barSource.mode === "parallel";
+	const actingAs = isImpersonatorSide ? fillTemplate(messageFor(locale, keys.sessionActiveOnSite), "{{name}}", String(targetName)) : fillTemplate(messageFor(locale, keys.actingAs), "{{name}}", String(targetName));
+	const returnTo = isImpersonatorSide ? messageFor(locale, keys.endSession) : fillTemplate(messageFor(locale, keys.returnTo), "{{name}}", String(impersonatorLabel));
+	return /* @__PURE__ */ jsxs(ImpersonationClientConfig, {
+		value: clientValue,
+		children: [children, /* @__PURE__ */ jsx(ImpersonationBar, {
+			actingAs,
+			adminRoute: payload.config.routes.admin,
+			apiPath,
+			frontendUrl: payload.config.serverURL || void 0,
+			impersonatorLocale: locale,
+			openWebsite: messageFor(locale, keys.openWebsite),
+			pluginName: messageFor(locale, keys.pluginName),
+			returnTo,
+			sessionEndsAt: barSource.absoluteExpiresAt,
+			sessionEndsAtTemplate: messageFor(locale, keys.sessionEndsAt),
+			sessionEndsInTemplate: messageFor(locale, keys.sessionEndsIn),
+			showFrontendLink: isImpersonatorSide,
+			targetName,
+			tone: isImpersonatorSide ? "quiet" : "warning"
+		})]
+	});
+};
+//#endregion
+export { ImpersonationProvider };
+
+//# sourceMappingURL=ImpersonationProvider.js.map

package/dist/ui/ImpersonationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImpersonationProvider.js","names":["nextHeaders"],"sources":["../../src/ui/ImpersonationProvider.tsx"],"sourcesContent":["import { headers as nextHeaders } from 'next/headers'\nimport type { ServerProps } from 'payload'\nimport { createLocalReq } from 'payload'\nimport type { ReactNode } from 'react'\n\nimport { resolveTargetFilters } from '../access/filterTargets'\nimport { statusFromRow } from '../getImpersonation'\nimport { labelUser } from '../ids'\nimport { IMPERSONATION_SID_PREFIX } from '../plugin/constants'\nimport { readHintCookie } from '../plugin/lookup'\nimport { getRegistry } from '../plugin/registry'\nimport { startableCollectionSlugs } from '../plugin/startable'\nimport {\n\tcachedFindOpenBySid,\n\timpersonationSide,\n\tisPastAbsoluteExpiry,\n\trelationOf,\n} from '../session/resolve'\nimport { keys } from '../translations/keys'\nimport { fillTemplate, messageFor } from '../translations/lookup'\nimport { asAuthUser, boundSid } from '../types'\nimport { ImpersonationBar } from './ImpersonationBar'\nimport { ImpersonationClientConfig } from './ImpersonationConfig'\n\nexport type ImpersonationProviderProps = ServerProps & { children?: ReactNode }\n\nexport const ImpersonationProvider = async ({\n\tchildren,\n\ti18n,\n\tpayload,\n\tuser,\n}: ImpersonationProviderProps) => {\n\tconst options = getRegistry(payload.config)\n\tif (!options) {\n\t\treturn children\n\t}\n\n\tconst startable = startableCollectionSlugs(payload.config.collections, options)\n\tlet targets: Awaited<ReturnType<typeof resolveTargetFilters>> = Object.fromEntries(\n\t\tstartable.map((slug) => [slug, true as const])\n\t)\n\tif (user && options.access.filterTargets) {\n\t\tconst headerList = await nextHeaders()\n\t\tconst req = await createLocalReq({ req: { headers: headerList, i18n } as never, user }, payload)\n\t\ttargets = await resolveTargetFilters({ collections: startable, options, req })\n\t}\n\n\tconst apiPath = `${payload.config.routes.api}${options.apiPath}`\n\tconst sid = boundSid(user, options.session.binding)\n\tconst painted = user ? asAuthUser(user)._impersonation : undefined\n\tconst paintedLive = painted && !isPastAbsoluteExpiry(painted) ? painted : undefined\n\tconst hint = await readHintCookie(options.hintCookieName)\n\tconst shouldLookup =\n\t\t!painted &&\n\t\t(Boolean(options.session.issue) ||\n\t\t\tBoolean(hint) ||\n\t\t\tBoolean(sid?.startsWith(IMPERSONATION_SID_PREFIX)))\n\n\tlet row = null\n\tif (!painted && user && sid && shouldLookup) {\n\t\trow = await cachedFindOpenBySid(sid, options, payload)\n\t\tif (row && isPastAbsoluteExpiry(row)) {\n\t\t\trow = null\n\t\t}\n\t}\n\n\tconst status = paintedLive\n\t\t? {\n\t\t\t\tabsoluteExpiresAt: paintedLive.absoluteExpiresAt ?? null,\n\t\t\t\tactive: true as const,\n\t\t\t\timpersonator: paintedLive.impersonator,\n\t\t\t\timpersonatorLocale: paintedLive.impersonatorLocale ?? null,\n\t\t\t\tmode: paintedLive.mode,\n\t\t\t\tside: 'target' as const,\n\t\t\t\tstartedAt: paintedLive.startedAt,\n\t\t\t\ttarget: paintedLive.target,\n\t\t\t\ttargetEmail: paintedLive.targetEmail ?? null,\n\t\t\t\ttargetTitle: paintedLive.targetTitle ?? paintedLive.targetEmail ?? null,\n\t\t\t}\n\t\t: row && sid\n\t\t\t? statusFromRow(row, sid)\n\t\t\t: { active: false as const }\n\n\tconst barSource = paintedLive\n\t\t? {\n\t\t\t\tabsoluteExpiresAt: paintedLive.absoluteExpiresAt,\n\t\t\t\timpersonatorEmail: paintedLive.impersonatorEmail,\n\t\t\t\timpersonatorId: paintedLive.impersonator.id,\n\t\t\t\timpersonatorTitle: paintedLive.impersonatorTitle,\n\t\t\t\timpersonatorLocale: paintedLive.impersonatorLocale,\n\t\t\t\tmode: paintedLive.mode,\n\t\t\t\tside: 'target' as const,\n\t\t\t\ttargetEmail: paintedLive.targetEmail,\n\t\t\t\ttargetId: paintedLive.target.id,\n\t\t\t\ttargetTitle: paintedLive.targetTitle,\n\t\t\t}\n\t\t: row && sid\n\t\t\t? {\n\t\t\t\t\tabsoluteExpiresAt: row.absoluteExpiresAt,\n\t\t\t\t\timpersonatorEmail: row.impersonatorEmail,\n\t\t\t\t\timpersonatorId: relationOf(row.impersonator)?.id,\n\t\t\t\t\timpersonatorTitle: row.impersonatorTitle,\n\t\t\t\t\timpersonatorLocale: row.impersonatorLocale,\n\t\t\t\t\tmode: row.mode,\n\t\t\t\t\tside: impersonationSide(row, sid),\n\t\t\t\t\ttargetEmail: row.targetEmail,\n\t\t\t\t\ttargetId: relationOf(row.target)?.id,\n\t\t\t\t\ttargetTitle: row.targetTitle,\n\t\t\t\t}\n\t\t\t: null\n\n\tconst clientValue = {\n\t\tapiPath,\n\t\tcardEmail: options.ui.cardEmail,\n\t\treasonMode: options.reason,\n\t\tsessionCollection: options.collectionSlug,\n\t\tstatus,\n\t\ttargetFilters: targets,\n\t}\n\n\tif (!options.ui.bar || !barSource) {\n\t\treturn <ImpersonationClientConfig value={clientValue}>{children}</ImpersonationClientConfig>\n\t}\n\n\tconst locale = barSource.impersonatorLocale\n\tconst targetName =\n\t\tlabelUser(options.ui.userLabel, {\n\t\t\temail: barSource.targetEmail,\n\t\t\ttitle: barSource.targetTitle,\n\t\t}) ?? String(barSource.targetId ?? '')\n\tconst impersonatorLabel =\n\t\tlabelUser(options.ui.userLabel, {\n\t\t\temail: barSource.impersonatorEmail,\n\t\t\ttitle: barSource.impersonatorTitle,\n\t\t}) ?? String(barSource.impersonatorId ?? '')\n\tconst isImpersonatorSide = barSource.side === 'impersonator' && barSource.mode === 'parallel'\n\tconst actingAs = isImpersonatorSide\n\t\t? fillTemplate(messageFor(locale, keys.sessionActiveOnSite), '{{name}}', String(targetName))\n\t\t: fillTemplate(messageFor(locale, keys.actingAs), '{{name}}', String(targetName))\n\tconst returnTo = isImpersonatorSide\n\t\t? messageFor(locale, keys.endSession)\n\t\t: fillTemplate(messageFor(locale, keys.returnTo), '{{name}}', String(impersonatorLabel))\n\n\treturn (\n\t\t<ImpersonationClientConfig value={clientValue}>\n\t\t\t{children}\n\t\t\t<ImpersonationBar\n\t\t\t\tactingAs={actingAs}\n\t\t\t\tadminRoute={payload.config.routes.admin}\n\t\t\t\tapiPath={apiPath}\n\t\t\t\tfrontendUrl={payload.config.serverURL || undefined}\n\t\t\t\timpersonatorLocale={locale}\n\t\t\t\topenWebsite={messageFor(locale, keys.openWebsite)}\n\t\t\t\tpluginName={messageFor(locale, keys.pluginName)}\n\t\t\t\treturnTo={returnTo}\n\t\t\t\tsessionEndsAt={barSource.absoluteExpiresAt}\n\t\t\t\tsessionEndsAtTemplate={messageFor(locale, keys.sessionEndsAt)}\n\t\t\t\tsessionEndsInTemplate={messageFor(locale, keys.sessionEndsIn)}\n\t\t\t\tshowFrontendLink={isImpersonatorSide}\n\t\t\t\ttargetName={targetName}\n\t\t\t\ttone={isImpersonatorSide ? 'quiet' : 'warning'}\n\t\t\t/>\n\t\t</ImpersonationClientConfig>\n\t)\n}\n"],"mappings":"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"}

package/dist/ui/ImpersonationSwitcher.d.ts

@@ -0,0 +1,21 @@
+import { ImpersonationUserCardProps } from "./ImpersonationUserCard.js";
+import { ComponentType } from "react";
+//#region src/ui/ImpersonationSwitcher.d.ts
+type SwitcherCollection = {
+  label: string;
+  slug: string;
+  useAsTitle: string;
+};
+type ImpersonationSwitcherProps = {
+  Card?: ComponentType<ImpersonationUserCardProps>;
+  collections: SwitcherCollection[];
+  viewerId: number | string;
+};
+declare const ImpersonationSwitcher: ({
+  Card,
+  collections,
+  viewerId
+}: ImpersonationSwitcherProps) => import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+export { ImpersonationSwitcher };
+//# sourceMappingURL=ImpersonationSwitcher.d.ts.map

package/dist/ui/ImpersonationSwitcher.js

@@ -0,0 +1,251 @@
+"use client";
+import { keys } from "../translations/keys.js";
+import { useTranslation as useTranslation$1 } from "../translations/useTranslation.js";
+import { useImpersonation } from "./useImpersonation.js";
+import { ImpersonateIcon } from "./ImpersonateIcon.js";
+import { StartConfirmModal } from "./StartConfirmModal.js";
+import { ImpersonationUserCard } from "./ImpersonationUserCard.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Button, ChevronIcon, Drawer, Pagination, Pill, Popup, PopupList, RenderCustomComponent, SearchFilter, SearchIcon, toast, useConfig, useDocumentDrawer, useModal } from "@payloadcms/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import "./impersonation.css";
+//#region src/ui/ImpersonationSwitcher.tsx
+const drawerSlug = "impersonation-switcher";
+const confirmSlug = "impersonation-confirm-start";
+const andWhere = (clauses) => {
+	const compact = clauses.filter((clause) => Object.keys(clause).length > 0);
+	if (compact.length === 0) return {};
+	if (compact.length === 1) return compact[0];
+	return { and: compact };
+};
+const PreviewDrawer = ({ collectionSlug, id }) => {
+	const [DocumentDrawer, , { openDrawer }] = useDocumentDrawer({
+		collectionSlug,
+		id: String(id)
+	});
+	useEffect(() => {
+		openDrawer();
+	}, [openDrawer]);
+	return /* @__PURE__ */ jsx(DocumentDrawer, {});
+};
+const ImpersonationSwitcher = ({ Card, collections, viewerId }) => {
+	const { config } = useConfig();
+	const { t } = useTranslation$1();
+	const { closeModal, isModalOpen, openModal } = useModal();
+	const { apiPath, cardEmail, reasonMode, targetFilters } = useImpersonation();
+	const [collection, setCollection] = useState(collections[0]?.slug ?? "");
+	const [collectionMenuOpen, setCollectionMenuOpen] = useState(false);
+	const [search, setSearch] = useState("");
+	const [page, setPage] = useState(1);
+	const [docs, setDocs] = useState([]);
+	const [hasNext, setHasNext] = useState(false);
+	const [hasPrev, setHasPrev] = useState(false);
+	const [totalPages, setTotalPages] = useState(1);
+	const [loading, setLoading] = useState(false);
+	const [target, setTarget] = useState(null);
+	const [preview, setPreview] = useState(null);
+	const visibleCollections = useMemo(() => collections.filter((entry) => targetFilters[entry.slug] !== void 0), [collections, targetFilters]);
+	useEffect(() => {
+		if (visibleCollections.some((entry) => entry.slug === collection)) return;
+		setCollection(visibleCollections[0]?.slug ?? "");
+	}, [collection, visibleCollections]);
+	const useAsTitle = visibleCollections.find((entry) => entry.slug === collection)?.useAsTitle ?? "email";
+	const onSearch = useCallback((value) => {
+		setPage(1);
+		setSearch(value ?? "");
+	}, []);
+	const listAbort = useRef(null);
+	const switcherRef = useRef(null);
+	const resultsRef = useRef(null);
+	const changePage = (next) => {
+		setPage(next);
+		switcherRef.current?.closest(".drawer__content-children")?.scrollTo({ top: 0 });
+		resultsRef.current?.scrollTo({ top: 0 });
+	};
+	const load = useCallback(async () => {
+		if (!collection || !isModalOpen(drawerSlug)) return;
+		listAbort.current?.abort();
+		const controller = new AbortController();
+		listAbort.current = controller;
+		setLoading(true);
+		try {
+			const filter = targetFilters[collection];
+			const clauses = [];
+			if (filter && filter !== true) clauses.push(filter);
+			if (collection === config.admin.user && viewerId !== void 0 && viewerId !== "") clauses.push({ id: { not_equals: viewerId } });
+			const trimmed = search.trim();
+			if (trimmed) {
+				const fields = new Set(["email", useAsTitle]);
+				clauses.push({ or: [...fields].map((field) => ({ [field]: { like: trimmed } })) });
+			}
+			const params = new URLSearchParams({
+				depth: "0",
+				limit: String(20),
+				page: String(page),
+				sort: useAsTitle,
+				where: JSON.stringify(andWhere(clauses))
+			});
+			const response = await fetch(`${config.routes.api}/${collection}?${params.toString()}`, {
+				credentials: "include",
+				signal: controller.signal
+			});
+			if (!response.ok) throw new Error(String(response.status));
+			const body = await response.json();
+			setDocs(body.docs ?? []);
+			setHasNext(Boolean(body.hasNextPage));
+			setHasPrev(Boolean(body.hasPrevPage));
+			setTotalPages(body.totalPages ?? 1);
+		} catch (error) {
+			if (controller.signal.aborted || error instanceof DOMException && error.name === "AbortError") return;
+			toast.error(t(keys.errorFailed));
+			setDocs([]);
+			setHasNext(false);
+			setHasPrev(false);
+			setTotalPages(1);
+		} finally {
+			if (!controller.signal.aborted) setLoading(false);
+		}
+	}, [
+		collection,
+		config.admin.user,
+		config.routes.api,
+		isModalOpen,
+		page,
+		search,
+		t,
+		targetFilters,
+		useAsTitle,
+		viewerId
+	]);
+	useEffect(() => {
+		load();
+	}, [load]);
+	const pick = (doc) => {
+		const title = String(doc[useAsTitle] ?? doc.email ?? doc.id);
+		setTarget({
+			collection,
+			id: doc.id,
+			label: title
+		});
+		closeModal(drawerSlug);
+		openModal(confirmSlug);
+	};
+	if (visibleCollections.length === 0) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Button, {
+			buttonStyle: "subtle",
+			className: "impersonation-switcher-button",
+			margin: false,
+			onClick: () => {
+				setPage(1);
+				openModal(drawerSlug);
+			},
+			size: "small",
+			icon: /* @__PURE__ */ jsx(ImpersonateIcon, {}),
+			iconPosition: "left",
+			children: t(keys.switchToUser)
+		}),
+		/* @__PURE__ */ jsx(Drawer, {
+			slug: drawerSlug,
+			title: t(keys.switchToUser),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "impersonation-switcher",
+				ref: switcherRef,
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "search-bar",
+						children: [
+							/* @__PURE__ */ jsx(SearchIcon, {}),
+							/* @__PURE__ */ jsx(SearchFilter, {
+								handleChange: onSearch,
+								label: t(keys.searchByName)
+							}),
+							visibleCollections.length > 1 ? /* @__PURE__ */ jsx("div", {
+								className: "search-bar__actions",
+								children: /* @__PURE__ */ jsx(Popup, {
+									button: /* @__PURE__ */ jsx(Pill, {
+										className: "impersonation-collection",
+										icon: /* @__PURE__ */ jsx(ChevronIcon, { direction: collectionMenuOpen ? "up" : "down" }),
+										pillStyle: "light",
+										size: "small",
+										children: visibleCollections.find((entry) => entry.slug === collection)?.label ?? collection
+									}),
+									buttonType: "custom",
+									caret: false,
+									horizontalAlign: "right",
+									onToggleOpen: setCollectionMenuOpen,
+									render: ({ close }) => /* @__PURE__ */ jsx(PopupList.ButtonGroup, { children: visibleCollections.map((entry) => /* @__PURE__ */ jsx(PopupList.Button, {
+										active: entry.slug === collection,
+										onClick: () => {
+											setCollection(entry.slug);
+											setPage(1);
+											close();
+										},
+										children: entry.label
+									}, entry.slug)) }),
+									size: "fit-content"
+								})
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "impersonation-switcher__results",
+						ref: resultsRef,
+						children: [docs.length === 0 && !loading ? /* @__PURE__ */ jsx("p", {
+							className: "impersonation-switcher__empty",
+							children: t(keys.noResults)
+						}) : null, docs.map((doc) => {
+							const title = String(doc[useAsTitle] ?? doc.email ?? doc.id);
+							const email = typeof doc.email === "string" ? doc.email : void 0;
+							const showEmail = cardEmail && email && email !== title;
+							const cardProps = {
+								collectionSlug: collection,
+								doc,
+								documentHref: `${config.routes.admin}/collections/${collection}/${doc.id}`,
+								email: showEmail ? email : void 0,
+								onOpenDrawer: () => setPreview({
+									collection,
+									id: doc.id
+								}),
+								onSelect: () => pick(doc),
+								openDocumentLabel: t(keys.openDocument),
+								openDrawerLabel: t(keys.openDrawer),
+								title
+							};
+							return /* @__PURE__ */ jsx(RenderCustomComponent, {
+								CustomComponent: Card ? /* @__PURE__ */ jsx(Card, { ...cardProps }) : void 0,
+								Fallback: /* @__PURE__ */ jsx(ImpersonationUserCard, { ...cardProps })
+							}, String(doc.id));
+						})]
+					}),
+					totalPages > 1 ? /* @__PURE__ */ jsx("div", {
+						className: "impersonation-switcher__pager",
+						children: /* @__PURE__ */ jsx(Pagination, {
+							hasNextPage: hasNext,
+							hasPrevPage: hasPrev,
+							nextPage: page + 1,
+							onChange: changePage,
+							page,
+							prevPage: Math.max(1, page - 1),
+							totalPages
+						})
+					}) : null
+				]
+			})
+		}),
+		preview ? /* @__PURE__ */ jsx(PreviewDrawer, {
+			collectionSlug: preview.collection,
+			id: preview.id
+		}, `${preview.collection}:${preview.id}`) : null,
+		/* @__PURE__ */ jsx(StartConfirmModal, {
+			apiPath,
+			modalSlug: confirmSlug,
+			reasonMode,
+			target
+		}, target ? `${target.collection}:${target.id}` : "idle")
+	] });
+};
+//#endregion
+export { ImpersonationSwitcher };
+
+//# sourceMappingURL=ImpersonationSwitcher.js.map

package/dist/ui/ImpersonationSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImpersonationSwitcher.js","names":["useTranslation"],"sources":["../../src/ui/ImpersonationSwitcher.tsx"],"sourcesContent":["'use client'\n\nimport {\n\tButton,\n\tChevronIcon,\n\tDrawer,\n\tPagination,\n\tPill,\n\tPopup,\n\tPopupList,\n\tRenderCustomComponent,\n\tSearchFilter,\n\tSearchIcon,\n\ttoast,\n\tuseConfig,\n\tuseDocumentDrawer,\n\tuseModal,\n} from '@payloadcms/ui'\nimport type { CollectionSlug, Where } from 'payload'\nimport { type ComponentType, useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { SWITCHER_PAGE_SIZE } from '../plugin/constants'\nimport { keys } from '../translations/keys'\nimport { useTranslation } from '../translations/useTranslation'\nimport { ImpersonateIcon } from './ImpersonateIcon'\nimport { ImpersonationUserCard, type ImpersonationUserCardProps } from './ImpersonationUserCard'\nimport { StartConfirmModal, type StartTarget } from './StartConfirmModal'\nimport { useImpersonation } from './useImpersonation'\nimport './impersonation.css'\n\nexport type SwitcherCollection = {\n\tlabel: string\n\tslug: string\n\tuseAsTitle: string\n}\n\nexport type ImpersonationSwitcherProps = {\n\tCard?: ComponentType<ImpersonationUserCardProps>\n\tcollections: SwitcherCollection[]\n\tviewerId: number | string\n}\n\ntype ListedUser = Record<string, unknown> & { id: number | string }\n\nconst drawerSlug = 'impersonation-switcher'\nconst confirmSlug = 'impersonation-confirm-start'\n\nconst andWhere = (clauses: Where[]): Where => {\n\tconst compact = clauses.filter((clause) => Object.keys(clause).length > 0)\n\tif (compact.length === 0) {\n\t\treturn {}\n\t}\n\tif (compact.length === 1) {\n\t\treturn compact[0] as Where\n\t}\n\treturn { and: compact }\n}\n\nconst PreviewDrawer = ({ collectionSlug, id }: { collectionSlug: string; id: number | string }) => {\n\tconst [DocumentDrawer, , { openDrawer }] = useDocumentDrawer({\n\t\tcollectionSlug: collectionSlug as CollectionSlug,\n\t\tid: String(id),\n\t})\n\n\tuseEffect(() => {\n\t\topenDrawer()\n\t}, [openDrawer])\n\n\treturn <DocumentDrawer />\n}\n\nexport const ImpersonationSwitcher = ({\n\tCard,\n\tcollections,\n\tviewerId,\n}: ImpersonationSwitcherProps) => {\n\tconst { config } = useConfig()\n\tconst { t } = useTranslation()\n\tconst { closeModal, isModalOpen, openModal } = useModal()\n\tconst { apiPath, cardEmail, reasonMode, targetFilters } = useImpersonation()\n\tconst [collection, setCollection] = useState(collections[0]?.slug ?? '')\n\tconst [collectionMenuOpen, setCollectionMenuOpen] = useState(false)\n\tconst [search, setSearch] = useState('')\n\tconst [page, setPage] = useState(1)\n\tconst [docs, setDocs] = useState<ListedUser[]>([])\n\tconst [hasNext, setHasNext] = useState(false)\n\tconst [hasPrev, setHasPrev] = useState(false)\n\tconst [totalPages, setTotalPages] = useState(1)\n\tconst [loading, setLoading] = useState(false)\n\tconst [target, setTarget] = useState<null | StartTarget>(null)\n\tconst [preview, setPreview] = useState<null | { collection: string; id: number | string }>(null)\n\n\tconst visibleCollections = useMemo(\n\t\t() => collections.filter((entry) => targetFilters[entry.slug] !== undefined),\n\t\t[collections, targetFilters]\n\t)\n\n\tuseEffect(() => {\n\t\tif (visibleCollections.some((entry) => entry.slug === collection)) {\n\t\t\treturn\n\t\t}\n\t\tsetCollection(visibleCollections[0]?.slug ?? '')\n\t}, [collection, visibleCollections])\n\n\tconst collectionMeta = visibleCollections.find((entry) => entry.slug === collection)\n\tconst useAsTitle = collectionMeta?.useAsTitle ?? 'email'\n\n\tconst onSearch = useCallback((value: string) => {\n\t\tsetPage(1)\n\t\tsetSearch(value ?? '')\n\t}, [])\n\n\tconst listAbort = useRef<AbortController | null>(null)\n\tconst switcherRef = useRef<HTMLDivElement>(null)\n\tconst resultsRef = useRef<HTMLDivElement>(null)\n\n\tconst changePage = (next: number) => {\n\t\tsetPage(next)\n\t\tswitcherRef.current?.closest('.drawer__content-children')?.scrollTo({ top: 0 })\n\t\tresultsRef.current?.scrollTo({ top: 0 })\n\t}\n\n\tconst load = useCallback(async () => {\n\t\tif (!collection || !isModalOpen(drawerSlug)) {\n\t\t\treturn\n\t\t}\n\t\tlistAbort.current?.abort()\n\t\tconst controller = new AbortController()\n\t\tlistAbort.current = controller\n\t\tsetLoading(true)\n\t\ttry {\n\t\t\tconst filter = targetFilters[collection]\n\t\t\tconst clauses: Where[] = []\n\t\t\tif (filter && filter !== true) {\n\t\t\t\tclauses.push(filter)\n\t\t\t}\n\t\t\tif (collection === config.admin.user && viewerId !== undefined && viewerId !== '') {\n\t\t\t\tclauses.push({ id: { not_equals: viewerId } })\n\t\t\t}\n\t\t\tconst trimmed = search.trim()\n\t\t\tif (trimmed) {\n\t\t\t\tconst fields = new Set(['email', useAsTitle])\n\t\t\t\tclauses.push({\n\t\t\t\t\tor: [...fields].map((field) => ({ [field]: { like: trimmed } })),\n\t\t\t\t})\n\t\t\t}\n\t\t\tconst params = new URLSearchParams({\n\t\t\t\tdepth: '0',\n\t\t\t\tlimit: String(SWITCHER_PAGE_SIZE),\n\t\t\t\tpage: String(page),\n\t\t\t\tsort: useAsTitle,\n\t\t\t\twhere: JSON.stringify(andWhere(clauses)),\n\t\t\t})\n\t\t\tconst response = await fetch(`${config.routes.api}/${collection}?${params.toString()}`, {\n\t\t\t\tcredentials: 'include',\n\t\t\t\tsignal: controller.signal,\n\t\t\t})\n\t\t\tif (!response.ok) {\n\t\t\t\tthrow new Error(String(response.status))\n\t\t\t}\n\t\t\tconst body = (await response.json()) as {\n\t\t\t\tdocs?: ListedUser[]\n\t\t\t\thasNextPage?: boolean\n\t\t\t\thasPrevPage?: boolean\n\t\t\t\ttotalPages?: number\n\t\t\t}\n\t\t\tsetDocs(body.docs ?? [])\n\t\t\tsetHasNext(Boolean(body.hasNextPage))\n\t\t\tsetHasPrev(Boolean(body.hasPrevPage))\n\t\t\tsetTotalPages(body.totalPages ?? 1)\n\t\t} catch (error) {\n\t\t\tif (\n\t\t\t\tcontroller.signal.aborted ||\n\t\t\t\t(error instanceof DOMException && error.name === 'AbortError')\n\t\t\t) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\ttoast.error(t(keys.errorFailed))\n\t\t\tsetDocs([])\n\t\t\tsetHasNext(false)\n\t\t\tsetHasPrev(false)\n\t\t\tsetTotalPages(1)\n\t\t} finally {\n\t\t\tif (!controller.signal.aborted) {\n\t\t\t\tsetLoading(false)\n\t\t\t}\n\t\t}\n\t}, [\n\t\tcollection,\n\t\tconfig.admin.user,\n\t\tconfig.routes.api,\n\t\tisModalOpen,\n\t\tpage,\n\t\tsearch,\n\t\tt,\n\t\ttargetFilters,\n\t\tuseAsTitle,\n\t\tviewerId,\n\t])\n\n\tuseEffect(() => {\n\t\tvoid load()\n\t}, [load])\n\n\tconst pick = (doc: ListedUser) => {\n\t\tconst title = String(doc[useAsTitle] ?? doc.email ?? doc.id)\n\t\tsetTarget({ collection, id: doc.id, label: title })\n\t\tcloseModal(drawerSlug)\n\t\topenModal(confirmSlug)\n\t}\n\n\tif (visibleCollections.length === 0) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Button\n\t\t\t\tbuttonStyle=\"subtle\"\n\t\t\t\tclassName=\"impersonation-switcher-button\"\n\t\t\t\tmargin={false}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetPage(1)\n\t\t\t\t\topenModal(drawerSlug)\n\t\t\t\t}}\n\t\t\t\tsize=\"small\"\n\t\t\t\ticon={<ImpersonateIcon />}\n\t\t\t\ticonPosition=\"left\"\n\t\t\t>\n\t\t\t\t{t(keys.switchToUser)}\n\t\t\t</Button>\n\t\t\t<Drawer slug={drawerSlug} title={t(keys.switchToUser)}>\n\t\t\t\t<div className=\"impersonation-switcher\" ref={switcherRef}>\n\t\t\t\t\t<div className=\"search-bar\">\n\t\t\t\t\t\t<SearchIcon />\n\t\t\t\t\t\t<SearchFilter handleChange={onSearch} label={t(keys.searchByName)} />\n\t\t\t\t\t\t{visibleCollections.length > 1 ? (\n\t\t\t\t\t\t\t<div className=\"search-bar__actions\">\n\t\t\t\t\t\t\t\t<Popup\n\t\t\t\t\t\t\t\t\tbutton={\n\t\t\t\t\t\t\t\t\t\t<Pill\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"impersonation-collection\"\n\t\t\t\t\t\t\t\t\t\t\ticon={<ChevronIcon direction={collectionMenuOpen ? 'up' : 'down'} />}\n\t\t\t\t\t\t\t\t\t\t\tpillStyle=\"light\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{visibleCollections.find((entry) => entry.slug === collection)?.label ??\n\t\t\t\t\t\t\t\t\t\t\t\tcollection}\n\t\t\t\t\t\t\t\t\t\t</Pill>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tbuttonType=\"custom\"\n\t\t\t\t\t\t\t\t\tcaret={false}\n\t\t\t\t\t\t\t\t\thorizontalAlign=\"right\"\n\t\t\t\t\t\t\t\t\tonToggleOpen={setCollectionMenuOpen}\n\t\t\t\t\t\t\t\t\trender={({ close }) => (\n\t\t\t\t\t\t\t\t\t\t<PopupList.ButtonGroup>\n\t\t\t\t\t\t\t\t\t\t\t{visibleCollections.map((entry) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<PopupList.Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tactive={entry.slug === collection}\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={entry.slug}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCollection(entry.slug)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetPage(1)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclose()\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{entry.label}\n\t\t\t\t\t\t\t\t\t\t\t\t</PopupList.Button>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</PopupList.ButtonGroup>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tsize=\"fit-content\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"impersonation-switcher__results\" ref={resultsRef}>\n\t\t\t\t\t\t{docs.length === 0 && !loading ? (\n\t\t\t\t\t\t\t<p className=\"impersonation-switcher__empty\">{t(keys.noResults)}</p>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{docs.map((doc) => {\n\t\t\t\t\t\t\tconst title = String(doc[useAsTitle] ?? doc.email ?? doc.id)\n\t\t\t\t\t\t\tconst email = typeof doc.email === 'string' ? doc.email : undefined\n\t\t\t\t\t\t\tconst showEmail = cardEmail && email && email !== title\n\t\t\t\t\t\t\tconst cardProps: ImpersonationUserCardProps = {\n\t\t\t\t\t\t\t\tcollectionSlug: collection,\n\t\t\t\t\t\t\t\tdoc,\n\t\t\t\t\t\t\t\tdocumentHref: `${config.routes.admin}/collections/${collection}/${doc.id}`,\n\t\t\t\t\t\t\t\temail: showEmail ? email : undefined,\n\t\t\t\t\t\t\t\tonOpenDrawer: () => setPreview({ collection, id: doc.id }),\n\t\t\t\t\t\t\t\tonSelect: () => pick(doc),\n\t\t\t\t\t\t\t\topenDocumentLabel: t(keys.openDocument),\n\t\t\t\t\t\t\t\topenDrawerLabel: t(keys.openDrawer),\n\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<RenderCustomComponent\n\t\t\t\t\t\t\t\t\tCustomComponent={Card ? <Card {...cardProps} /> : undefined}\n\t\t\t\t\t\t\t\t\tFallback={<ImpersonationUserCard {...cardProps} />}\n\t\t\t\t\t\t\t\t\tkey={String(doc.id)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t\t{totalPages > 1 ? (\n\t\t\t\t\t\t<div className=\"impersonation-switcher__pager\">\n\t\t\t\t\t\t\t<Pagination\n\t\t\t\t\t\t\t\thasNextPage={hasNext}\n\t\t\t\t\t\t\t\thasPrevPage={hasPrev}\n\t\t\t\t\t\t\t\tnextPage={page + 1}\n\t\t\t\t\t\t\t\tonChange={changePage}\n\t\t\t\t\t\t\t\tpage={page}\n\t\t\t\t\t\t\t\tprevPage={Math.max(1, page - 1)}\n\t\t\t\t\t\t\t\ttotalPages={totalPages}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t</Drawer>\n\t\t\t{preview ? (\n\t\t\t\t<PreviewDrawer\n\t\t\t\t\tcollectionSlug={preview.collection}\n\t\t\t\t\tid={preview.id}\n\t\t\t\t\tkey={`${preview.collection}:${preview.id}`}\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t\t<StartConfirmModal\n\t\t\t\tapiPath={apiPath}\n\t\t\t\tkey={target ? `${target.collection}:${target.id}` : 'idle'}\n\t\t\t\tmodalSlug={confirmSlug}\n\t\t\t\treasonMode={reasonMode}\n\t\t\t\ttarget={target}\n\t\t\t/>\n\t\t</>\n\t)\n}\n"],"mappings":"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"}