@rapidmx/crm-plugin 0.1.0

package/dist/apps/crm/pipelines/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CrmPageProps } from "../../shared/components/CrmShell.js";
+/** The selected workspace's pipelines. */
+export default function CrmPipelinesPage(props: CrmPageProps): React.JSX.Element;

package/dist/apps/crm/pipelines/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CrmShell from "../../shared/components/CrmShell.js";
+import PipelineManager from "../../shared/components/deals/PipelineManager.js";
+/** The selected workspace's pipelines. */
+export default function CrmPipelinesPage(props) {
+    return (_jsx(CrmShell, { ...props, section: "pipelines", children: _jsx(PipelineManager, {}) }));
+}

package/dist/apps/crm/reports/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CrmPageProps } from "../../shared/components/CrmShell.js";
+/** The selected workspace's reports. */
+export default function CrmReportsPage(props: CrmPageProps): React.JSX.Element;

package/dist/apps/crm/reports/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CrmShell from "../../shared/components/CrmShell.js";
+import Reports from "../../shared/components/reports/Reports.js";
+/** The selected workspace's reports. */
+export default function CrmReportsPage(props) {
+    return (_jsx(CrmShell, { ...props, section: "reports", children: _jsx(Reports, {}) }));
+}

package/dist/apps/crm/scoring/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CrmPageProps } from "../../shared/components/CrmShell.js";
+/** The selected workspace's lead scoring rules. */
+export default function CrmScoringPage(props: CrmPageProps): React.JSX.Element;

package/dist/apps/crm/scoring/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CrmShell from "../../shared/components/CrmShell.js";
+import ScoringRules from "../../shared/components/ScoringRules.js";
+/** The selected workspace's lead scoring rules. */
+export default function CrmScoringPage(props) {
+    return (_jsx(CrmShell, { ...props, section: "scoring", children: _jsx(ScoringRules, {}) }));
+}

package/dist/apps/crm/segments/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CrmPageProps } from "../../shared/components/CrmShell.js";
+/** The selected workspace's segments. */
+export default function CrmSegmentsPage(props: CrmPageProps): React.JSX.Element;

package/dist/apps/crm/segments/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CrmShell from "../../shared/components/CrmShell.js";
+import SegmentManager from "../../shared/components/SegmentManager.js";
+/** The selected workspace's segments. */
+export default function CrmSegmentsPage(props) {
+    return (_jsx(CrmShell, { ...props, section: "segments", children: _jsx(SegmentManager, {}) }));
+}

package/dist/apps/crm/settings/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CrmPageProps } from "../../shared/components/CrmShell.js";
+/** The selected workspace's settings. */
+export default function CrmSettingsPage(props: CrmPageProps): React.JSX.Element;

package/dist/apps/crm/settings/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CrmShell from "../../shared/components/CrmShell.js";
+import WorkspaceSettings from "../../shared/components/WorkspaceSettings.js";
+/** The selected workspace's settings. */
+export default function CrmSettingsPage(props) {
+    return (_jsx(CrmShell, { ...props, section: "settings", children: _jsx(WorkspaceSettings, {}) }));
+}

package/dist/apps/crm/tasks/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CrmPageProps } from "../../shared/components/CrmShell.js";
+/** The selected workspace's tasks. */
+export default function CrmTasksPage(props: CrmPageProps): React.JSX.Element;

package/dist/apps/crm/tasks/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CrmShell from "../../shared/components/CrmShell.js";
+import TaskList from "../../shared/components/TaskList.js";
+/** The selected workspace's tasks. */
+export default function CrmTasksPage(props) {
+    return (_jsx(CrmShell, { ...props, section: "tasks", children: _jsx(TaskList, {}) }));
+}

package/dist/apps/crm/templates/[uid].d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CrmPageProps } from "../../shared/components/CrmShell.js";
+/** One email template, in the designer. */
+export default function CrmTemplatePage(props: CrmPageProps & {
+    params: {
+        uid: string;
+    };
+}): React.JSX.Element;

package/dist/apps/crm/templates/[uid].js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CrmShell from "../../shared/components/CrmShell.js";
+import TemplateDesigner from "../../shared/components/designer/TemplateDesigner.js";
+/** One email template, in the designer. */
+export default function CrmTemplatePage(props) {
+    return (_jsx(CrmShell, { ...props, section: "templates", children: _jsx(TemplateDesigner, { uid: props.params.uid }) }));
+}

package/dist/apps/crm/templates/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CrmPageProps } from "../../shared/components/CrmShell.js";
+/** The selected workspace's email templates. */
+export default function CrmTemplatesPage(props: CrmPageProps): React.JSX.Element;

package/dist/apps/crm/templates/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CrmShell from "../../shared/components/CrmShell.js";
+import TemplateList from "../../shared/components/TemplateList.js";
+/** The selected workspace's email templates. */
+export default function CrmTemplatesPage(props) {
+    return (_jsx(CrmShell, { ...props, section: "templates", children: _jsx(TemplateList, {}) }));
+}

package/dist/apps/f/[formUid].d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/** A signup form (`/f/<formUid>`), linked to or embedded in another site. */
+export default function FormPage({ params }: {
+    params: {
+        formUid: string;
+    };
+}): React.JSX.Element;

package/dist/apps/f/[formUid].js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SignupFormPage } from "../shared/components/public/PublicPages.js";
+/** A signup form (`/f/<formUid>`), linked to or embedded in another site. */
+export default function FormPage({ params }) {
+    return _jsx(SignupFormPage, { formUid: params.formUid });
+}

package/dist/apps/f/_layout.d.ts

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from "react";
+import { Branding } from "@rapidmx/web-client/lib/branding/brandingApi.js";
+export interface LayoutProps {
+    /** Supplied by the server's public page route, which every `public` plugin app's route extends - see
+     * `crm/_layout.tsx`'s `LayoutProps` doc comment for the mechanism. */
+    branding?: Branding;
+}
+export default function Layout({ children, branding }: PropsWithChildren<LayoutProps>): React.JSX.Element;

package/dist/apps/f/_layout.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CUSTOM_STYLESHEET_LINK_ID } from "@rapidmx/web-client/lib/branding/useBranding.js";
+export default function Layout({ children, branding }) {
+    const title = branding?.title || branding?.companyName ? `${branding?.title || branding?.companyName}: Sign up` : "RapidMX: Sign up";
+    const iconHref = branding?.iconUrl || branding?.logoUrl || "/images/logo.svg";
+    const stylesheetHref = branding?.stylesheetUrl;
+    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("meta", { charSet: "utf-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), _jsx("title", { children: title }), _jsx("link", { rel: "icon", type: "image/svg+xml", href: iconHref }), _jsx("link", { rel: "alternate icon", href: "/favicon.ico" }), stylesheetHref && _jsx("link", { rel: "stylesheet", href: stylesheetHref, id: CUSTOM_STYLESHEET_LINK_ID })] }), _jsx("body", { children: children })] }));
+}

package/dist/apps/f/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+/** `/f` without a form. */
+export default function FormsIndexPage(): React.JSX.Element;

package/dist/apps/f/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PublicPage } from "../shared/components/public/PublicPages.js";
+/** `/f` without a form. */
+export default function FormsIndexPage() {
+    return (_jsx(PublicPage, { title: "Sign up", children: _jsx("p", { className: "text-sm", children: "This form isn't available." }) }));
+}

package/dist/apps/shared/components/CrmShell.d.ts

@@ -0,0 +1,39 @@
+import React, { PropsWithChildren } from "react";
+import { AppShellProps } from "@rapidmx/web-client/shared/components/layout/AppShell.js";
+import { Workspace } from "../crmApi.js";
+/** The props every CRM page receives from the server (the `www` host's), passed straight to its shell. */
+export type CrmPageProps = Omit<AppShellProps, "active">;
+/** The CRM's sections, each a page under `/crm`. */
+export type CrmSection = "contacts" | "companies" | "lists" | "deals" | "pipelines" | "segments" | "forms" | "templates" | "campaigns" | "automations" | "scoring" | "tasks" | "imports" | "reports" | "integrations" | "settings";
+/** Where the selected workspace is remembered between visits (per browser). */
+export declare const WORKSPACE_STORAGE_KEY = "rapidmx.crm.workspace";
+export declare const INPUT_CLASS = "w-full text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";
+export interface CrmContextValue {
+    /** The selected workspace. */
+    workspace: Workspace;
+    workspaces: Workspace[];
+    /** The caller may create and change records. */
+    canWrite: boolean;
+    /** The caller may change the workspace's settings, members and properties. */
+    canManage: boolean;
+    /** `path` with the selected workspace in its query (`?w=`), for links between CRM pages. */
+    href: (path: string) => string;
+    /** Loads the workspace list again (after a rename, say). */
+    reload: () => Promise<void>;
+}
+/** The CRM context of the page (inside a `CrmShell` that has a workspace). */
+export declare function useCrm(): CrmContextValue;
+/** `path` with `w=<workspaceUid>` added to its query. */
+export declare function workspaceHref(path: string, workspaceUid: string): string;
+/**
+ * The frame of every CRM page: the web client's app chrome (with CRM highlighted on the app rail), a sidebar with the workspace
+ * switcher and the CRM's sections, and the page. It loads the caller's workspaces and picks one (`?w=`, else the last used, else the
+ * first); a caller with none is asked to create one. Pages read the selection with `useCrm()`.
+ */
+export default function CrmShell({ section, children, ...props }: PropsWithChildren<CrmPageProps & {
+    section: CrmSection;
+}>): React.JSX.Element;
+/** The form a caller with no workspace sees. */
+export declare function CreateFirstWorkspace({ onCreated }: {
+    onCreated: (workspace: Workspace) => void;
+}): React.JSX.Element;

package/dist/apps/shared/components/CrmShell.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import { createContext, useContext, useEffect, useState } from "react";
+import { HiOutlineArrowUpTray, HiOutlineBuildingOffice2, HiOutlineClipboardDocumentCheck, HiOutlineCog6Tooth, HiOutlineDocumentText, HiOutlineEnvelope, HiOutlinePaperAirplane, HiOutlineFunnel, HiOutlineChartBar, HiOutlineCodeBracket, HiOutlinePresentationChartLine, HiOutlineBolt, HiOutlineCurrencyDollar, HiOutlineViewColumns, HiOutlineQueueList, HiOutlineUsers, } from "react-icons/hi2";
+import AppShell from "@rapidmx/web-client/shared/components/layout/AppShell.js";
+import Alert from "@rapidmx/web-client/lib/components/feedback/Alert.js";
+import Button from "@rapidmx/web-client/lib/components/buttons/Button.js";
+import FormField from "@rapidmx/web-client/lib/components/forms/FormField.js";
+import { createWorkspace, errorMessage, listWorkspaces } from "../crmApi.js";
+/** Where the selected workspace is remembered between visits (per browser). */
+export const WORKSPACE_STORAGE_KEY = "rapidmx.crm.workspace";
+export const INPUT_CLASS = "w-full text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary";
+const SECTIONS = [
+    { id: "contacts", label: "Contacts", path: "/crm", icon: HiOutlineUsers },
+    { id: "companies", label: "Companies", path: "/crm/companies", icon: HiOutlineBuildingOffice2 },
+    { id: "deals", label: "Deals", path: "/crm/deals", icon: HiOutlineCurrencyDollar },
+    { id: "lists", label: "Lists", path: "/crm/lists", icon: HiOutlineQueueList },
+    { id: "segments", label: "Segments", path: "/crm/segments", icon: HiOutlineFunnel },
+    { id: "forms", label: "Forms", path: "/crm/forms", icon: HiOutlineDocumentText },
+    { id: "templates", label: "Templates", path: "/crm/templates", icon: HiOutlineEnvelope },
+    { id: "campaigns", label: "Campaigns", path: "/crm/campaigns", icon: HiOutlinePaperAirplane },
+    { id: "automations", label: "Automations", path: "/crm/automations", icon: HiOutlineBolt },
+    { id: "scoring", label: "Lead scoring", path: "/crm/scoring", icon: HiOutlineChartBar },
+    { id: "tasks", label: "Tasks", path: "/crm/tasks", icon: HiOutlineClipboardDocumentCheck },
+    { id: "imports", label: "Import", path: "/crm/imports", icon: HiOutlineArrowUpTray },
+    { id: "pipelines", label: "Pipelines", path: "/crm/pipelines", icon: HiOutlineViewColumns },
+    { id: "reports", label: "Reports", path: "/crm/reports", icon: HiOutlinePresentationChartLine },
+    { id: "integrations", label: "Integrations", path: "/crm/integrations", icon: HiOutlineCodeBracket },
+    { id: "settings", label: "Settings", path: "/crm/settings", icon: HiOutlineCog6Tooth },
+];
+const CrmContext = createContext(null);
+/** The CRM context of the page (inside a `CrmShell` that has a workspace). */
+export function useCrm() {
+    const value = useContext(CrmContext);
+    if (!value) {
+        throw new Error("useCrm() must be used inside a CrmShell with a workspace.");
+    }
+    return value;
+}
+/** `path` with `w=<workspaceUid>` added to its query. */
+export function workspaceHref(path, workspaceUid) {
+    return `${path}${path.includes("?") ? "&" : "?"}w=${encodeURIComponent(workspaceUid)}`;
+}
+/** The workspace uid of the page's `?w=`, else the one last used in this browser. */
+function preferredWorkspace() {
+    const fromUrl = new URLSearchParams(window.location.search).get("w");
+    if (fromUrl) {
+        return fromUrl;
+    }
+    try {
+        return window.localStorage.getItem(WORKSPACE_STORAGE_KEY);
+    }
+    catch {
+        return null;
+    }
+}
+function remember(workspaceUid) {
+    try {
+        window.localStorage.setItem(WORKSPACE_STORAGE_KEY, workspaceUid);
+    }
+    catch {
+        // Storage blocked: the workspace is simply not remembered.
+    }
+}
+/**
+ * The frame of every CRM page: the web client's app chrome (with CRM highlighted on the app rail), a sidebar with the workspace
+ * switcher and the CRM's sections, and the page. It loads the caller's workspaces and picks one (`?w=`, else the last used, else the
+ * first); a caller with none is asked to create one. Pages read the selection with `useCrm()`.
+ */
+export default function CrmShell({ section, children, ...props }) {
+    const [workspaces, setWorkspaces] = useState(null);
+    const [selected, setSelected] = useState(null);
+    const [error, setError] = useState(null);
+    async function load(preferred) {
+        try {
+            const list = await listWorkspaces();
+            setWorkspaces(list);
+            const choice = list.find((workspace) => workspace.uid === preferred) ?? list[0];
+            setSelected(choice ?? null);
+            if (choice) {
+                remember(choice.uid);
+            }
+        }
+        catch (err) {
+            setError(errorMessage(err, "Could not load your CRM workspaces."));
+        }
+    }
+    useEffect(() => {
+        void load(preferredWorkspace());
+    }, []);
+    function switchTo(workspaceUid) {
+        remember(workspaceUid);
+        window.location.assign(workspaceHref(window.location.pathname, workspaceUid));
+    }
+    const context = selected
+        ? {
+            workspace: selected,
+            workspaces: workspaces ?? [],
+            canWrite: selected.role !== "viewer",
+            canManage: selected.role === "owner" || selected.role === "admin",
+            href: (path) => workspaceHref(path, selected.uid),
+            reload: () => load(selected.uid),
+        }
+        : null;
+    return (_jsx(AppShell, { ...props, active: "crm", children: _jsxs("div", { className: "flex flex-1 min-w-0 min-h-0", children: [context && (_jsxs("nav", { "aria-label": "CRM", className: "w-56 shrink-0 border-r border-border p-3 flex flex-col gap-1 overflow-y-auto", children: [_jsx("label", { htmlFor: "crm-workspace", className: "text-xs uppercase tracking-wide text-text-muted px-2", children: "Workspace" }), _jsx("select", { id: "crm-workspace", className: `${INPUT_CLASS} mb-3`, value: context.workspace.uid, onChange: (event) => switchTo(event.target.value), children: context.workspaces.map((workspace) => (_jsx("option", { value: workspace.uid, children: workspace.name }, workspace.uid))) }), SECTIONS.map(({ id, label, path, icon: Icon }) => (_jsxs("a", { href: context.href(path), "aria-current": id === section ? "page" : undefined, className: `flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm ${id === section ? "bg-primary-lightest text-primary-dark font-semibold" : "text-text hover:bg-surface-alt"}`, children: [_jsx(Icon, { "aria-hidden": true, className: "w-4 h-4" }), label] }, id)))] })), _jsxs("main", { className: "flex-1 min-w-0 overflow-y-auto p-6", children: [error && _jsx(Alert, { children: error }), !error && workspaces === null && _jsx("p", { className: "text-sm text-text-muted", children: "Loading\u2026" }), workspaces !== null && !context && _jsx(CreateFirstWorkspace, { onCreated: (workspace) => switchTo(workspace.uid) }), context && _jsx(CrmContext.Provider, { value: context, children: children })] })] }) }));
+}
+/** The form a caller with no workspace sees. */
+export function CreateFirstWorkspace({ onCreated }) {
+    const [name, setName] = useState("");
+    const [error, setError] = useState(null);
+    const [saving, setSaving] = useState(false);
+    async function submit(event) {
+        event.preventDefault();
+        setSaving(true);
+        try {
+            onCreated(await createWorkspace({ name, timezone: Intl.DateTimeFormat().resolvedOptions().timeZone }));
+        }
+        catch (err) {
+            setError(errorMessage(err, "Could not create the workspace."));
+            setSaving(false);
+        }
+    }
+    return (_jsxs("form", { onSubmit: submit, className: "max-w-md", children: [_jsx("h1", { className: "text-lg font-bold tracking-tight mb-2", children: "Create your CRM workspace" }), _jsx("p", { className: "text-sm text-text-muted mb-4", children: "A workspace holds your team's contacts, companies and tasks. You can invite colleagues to it once it exists." }), error && _jsx(Alert, { children: error }), _jsx(FormField, { label: "Name", htmlFor: "crm-new-workspace", children: _jsx("input", { id: "crm-new-workspace", className: INPUT_CLASS, value: name, onChange: (event) => setName(event.target.value), required: true }) }), _jsx(Button, { type: "submit", loading: saving, disabled: saving || name.trim().length === 0, className: "!w-auto mt-3", children: "Create workspace" })] }));
+}

package/dist/apps/shared/components/FilterBuilder.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import { FilterNode } from "../crmApi.js";
+import { FieldInfo } from "../fields.js";
+/** One condition as the builder edits it: the value is kept as typed, and converted when the filter is built. */
+export interface ConditionDraft {
+    field: string;
+    op: string;
+    value: string;
+}
+export interface FilterDraft {
+    match: "and" | "or";
+    conditions: ConditionDraft[];
+}
+export declare const EMPTY_FILTER: FilterDraft;
+/**
+ * The API filter of a draft (`undefined` when it has no complete condition): each condition's typed value converted to its field's
+ * type - numbers, booleans, dates as ISO strings - and the conditions combined by `match`. A condition still missing its value is left
+ * out.
+ */
+export declare function buildFilter(draft: FilterDraft, fields: FieldInfo[]): FilterNode | undefined;
+/**
+ * The draft of an API filter `buildFilter()` made - a condition, or an `and`/`or` group of conditions - for editing it again. Dates
+ * come back as their day; anything deeper than one group is left out.
+ */
+export declare function draftOf(filter: FilterNode | null | undefined): FilterDraft;
+/**
+ * Edits a list of filter conditions, all of which (`and`) or any of which (`or`) a record must match. Each row picks a field (the
+ * record's own, tags, or a custom property), a comparison suited to it, and a value in an input suited to it.
+ */
+export default function FilterBuilder({ fields, draft, onChange }: {
+    fields: FieldInfo[];
+    draft: FilterDraft;
+    onChange: (draft: FilterDraft) => void;
+}): React.JSX.Element;

package/dist/apps/shared/components/FilterBuilder.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HiOutlineXMark } from "react-icons/hi2";
+import { OPERATORS } from "../fields.js";
+import { INPUT_CLASS } from "./CrmShell.js";
+export const EMPTY_FILTER = { match: "and", conditions: [] };
+/** Whether a comparison takes a value. */
+function takesValue(op) {
+    return op !== "isSet" && op !== "isNotSet";
+}
+/**
+ * The API filter of a draft (`undefined` when it has no complete condition): each condition's typed value converted to its field's
+ * type - numbers, booleans, dates as ISO strings - and the conditions combined by `match`. A condition still missing its value is left
+ * out.
+ */
+export function buildFilter(draft, fields) {
+    const conditions = [];
+    for (const condition of draft.conditions) {
+        const field = fields.find((entry) => entry.name === condition.field);
+        if (!field) {
+            continue;
+        }
+        if (!takesValue(condition.op)) {
+            conditions.push({ field: field.name, op: condition.op });
+            continue;
+        }
+        if (condition.value.trim() === "") {
+            continue;
+        }
+        let value = condition.value;
+        if (field.kind === "number") {
+            value = Number(condition.value);
+            if (!Number.isFinite(value)) {
+                continue;
+            }
+        }
+        else if (field.kind === "boolean") {
+            value = condition.value === "true";
+        }
+        else if (field.kind === "date") {
+            value = new Date(condition.value).toISOString();
+        }
+        conditions.push({ field: field.name, op: condition.op, value });
+    }
+    if (conditions.length === 0) {
+        return undefined;
+    }
+    return conditions.length === 1 ? conditions[0] : { [draft.match]: conditions };
+}
+/**
+ * The draft of an API filter `buildFilter()` made - a condition, or an `and`/`or` group of conditions - for editing it again. Dates
+ * come back as their day; anything deeper than one group is left out.
+ */
+export function draftOf(filter) {
+    if (!filter) {
+        return EMPTY_FILTER;
+    }
+    const match = "or" in filter && filter.or ? "or" : "and";
+    const nodes = "field" in filter ? [filter] : ((filter)[match] ?? []);
+    return {
+        match,
+        conditions: nodes
+            .filter((node) => "field" in node)
+            .map((node) => ({
+            field: node.field,
+            op: node.op,
+            value: node.value === undefined || node.value === null ? "" : typeof node.value === "string" && /^\d{4}-\d{2}-\d{2}T/.test(node.value) ? node.value.slice(0, 10) : String(node.value),
+        })),
+    };
+}
+/** A new condition on `field`, with its kind's first comparison. */
+function newCondition(field) {
+    return { field: field.name, op: OPERATORS[field.kind][0].op, value: field.kind === "boolean" ? "true" : "" };
+}
+/**
+ * Edits a list of filter conditions, all of which (`and`) or any of which (`or`) a record must match. Each row picks a field (the
+ * record's own, tags, or a custom property), a comparison suited to it, and a value in an input suited to it.
+ */
+export default function FilterBuilder({ fields, draft, onChange }) {
+    const update = (index, change) => {
+        const conditions = draft.conditions.map((condition, position) => (position === index ? { ...condition, ...change } : condition));
+        onChange({ ...draft, conditions });
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-2", role: "group", "aria-label": "Filters", children: [draft.conditions.length > 1 && (_jsxs("label", { className: "text-sm flex items-center gap-2", children: ["Match", _jsxs("select", { "aria-label": "Match", className: `${INPUT_CLASS} !w-auto`, value: draft.match, onChange: (event) => onChange({ ...draft, match: event.target.value }), children: [_jsx("option", { value: "and", children: "all conditions" }), _jsx("option", { value: "or", children: "any condition" })] })] })), draft.conditions.map((condition, index) => {
+                const field = fields.find((entry) => entry.name === condition.field) ?? fields[0];
+                return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("select", { "aria-label": `Field ${index + 1}`, className: `${INPUT_CLASS} !w-48`, value: field.name, onChange: (event) => {
+                                const next = fields.find((entry) => entry.name === event.target.value);
+                                update(index, newCondition(next));
+                            }, children: fields.map((entry) => (_jsx("option", { value: entry.name, children: entry.label }, entry.name))) }), _jsx("select", { "aria-label": `Comparison ${index + 1}`, className: `${INPUT_CLASS} !w-40`, value: condition.op, onChange: (event) => update(index, { op: event.target.value }), children: OPERATORS[field.kind].map(({ op, label }) => (_jsx("option", { value: op, children: label }, op))) }), takesValue(condition.op) && _jsx(ValueInput, { field: field, index: index, value: condition.value, onChange: (value) => update(index, { value }) }), _jsx("button", { type: "button", "aria-label": `Remove condition ${index + 1}`, className: "text-text-muted hover:text-danger", onClick: () => onChange({ ...draft, conditions: draft.conditions.filter((_entry, position) => position !== index) }), children: _jsx(HiOutlineXMark, { "aria-hidden": true, className: "w-4 h-4" }) })] }, index));
+            }), _jsx("div", { children: _jsx("button", { type: "button", className: "text-sm text-primary-dark hover:underline font-medium", onClick: () => onChange({ ...draft, conditions: [...draft.conditions, newCondition(fields[0])] }), children: "+ Add condition" }) })] }));
+}
+/** The value input of a condition, suited to its field. */
+function ValueInput({ field, index, value, onChange }) {
+    const label = `Value ${index + 1}`;
+    if (field.kind === "boolean") {
+        return (_jsxs("select", { "aria-label": label, className: `${INPUT_CLASS} !w-28`, value: value, onChange: (event) => onChange(event.target.value), children: [_jsx("option", { value: "true", children: "Yes" }), _jsx("option", { value: "false", children: "No" })] }));
+    }
+    if (field.options && field.options.length > 0) {
+        return (_jsxs("select", { "aria-label": label, className: `${INPUT_CLASS} !w-48`, value: value, onChange: (event) => onChange(event.target.value), children: [_jsx("option", { value: "", children: "Choose\u2026" }), field.options.map((entry) => (_jsx("option", { value: entry.value, children: entry.label }, entry.value)))] }));
+    }
+    return (_jsx("input", { "aria-label": label, className: `${INPUT_CLASS} !w-48`, type: field.kind === "number" ? "number" : field.kind === "date" ? "date" : "text", value: value, onChange: (event) => onChange(event.target.value) }));
+}

package/dist/apps/shared/components/FormManager.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/** The public address of a form, on this site. Browser only. */
+export declare function formUrl(formUid: string): string;
+/** The HTML that embeds a form in another site. */
+export declare function embedCode(formUid: string): string;
+/** A workspace's signup forms: their links and embed code, how often each was submitted, and (for admins) the form editor. */
+export default function FormManager(): React.JSX.Element;