@rapidmx/crm-plugin 0.1.0

package/apps/crm/_layout.tsx

@@ -0,0 +1,46 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React, { PropsWithChildren } from "react";
+import { Branding } from "@rapidmx/web-client/lib/branding/brandingApi.js";
+import { CUSTOM_STYLESHEET_LINK_ID } from "@rapidmx/web-client/lib/branding/useBranding.js";
+
+export interface LayoutProps {
+    /**
+     * Supplied by the server's `WwwRoute` `fetchProps()`, which every `www` plugin app's route extends. This file is a
+     * copy of `@rapidmx/web-client`'s `apps/www/_layout.tsx`, since every app directory needs its own layout.
+     * `@rapidrest/react` spreads the same merged page props onto this
+     * layout as onto the page it wraps, so it renders correctly server-side on the very first byte of the
+     * response: no client-side flash from the stock defaults below, and a crawler reading the raw HTML
+     * sees the real branding too. `undefined` only on the framework's unwrapped `_500` fallback path,
+     * which doesn't receive props at all - falling back to the stock defaults there is acceptable.
+     */
+    branding?: Branding;
+}
+
+export default function Layout({ children, branding }: PropsWithChildren<LayoutProps>) {
+    const title = branding?.title || branding?.companyName ? `${branding?.title || branding?.companyName}: CRM` : "RapidMX: CRM";
+    const iconHref = branding?.iconUrl || branding?.logoUrl || "/images/logo.svg";
+    const stylesheetHref = branding?.stylesheetUrl;
+
+    return (
+        <html lang="en">
+            <head>
+                <meta charSet="utf-8" />
+                <meta name="viewport" content="width=device-width, initial-scale=1" />
+                <title>{title}</title>
+                <link rel="icon" type="image/svg+xml" href={iconHref} />
+                <link rel="alternate icon" href="/favicon.ico" />
+                <link rel="preconnect" href="https://fonts.googleapis.com" />
+                <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
+                <link
+                    rel="stylesheet"
+                    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
+                />
+                {stylesheetHref && <link rel="stylesheet" href={stylesheetHref} id={CUSTOM_STYLESHEET_LINK_ID} />}
+            </head>
+            <body>{children}</body>
+        </html>
+    );
+}

package/apps/crm/automations/[uid].tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import AutomationEditor from "../../shared/components/automations/AutomationEditor.js";
+
+/** One automation, in its editor. */
+export default function CrmAutomationPage(props: CrmPageProps & { params: { uid: string } }) {
+    return (
+        <CrmShell {...props} section="automations">
+            <AutomationEditor uid={props.params.uid} />
+        </CrmShell>
+    );
+}

package/apps/crm/automations/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import AutomationList from "../../shared/components/automations/AutomationList.js";
+
+/** The selected workspace's automations. */
+export default function CrmAutomationsPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="automations">
+            <AutomationList />
+        </CrmShell>
+    );
+}

package/apps/crm/campaigns/[uid].tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import CampaignPage from "../../shared/components/campaigns/CampaignPage.js";
+
+/** One campaign: its editor, or its results. */
+export default function CrmCampaignPage(props: CrmPageProps & { params: { uid: string } }) {
+    return (
+        <CrmShell {...props} section="campaigns">
+            <CampaignPage uid={props.params.uid} />
+        </CrmShell>
+    );
+}

package/apps/crm/campaigns/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import CampaignList from "../../shared/components/campaigns/CampaignList.js";
+
+/** The selected workspace's campaigns. */
+export default function CrmCampaignsPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="campaigns">
+            <CampaignList />
+        </CrmShell>
+    );
+}

package/apps/crm/companies/[uid].tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import RecordDetail from "../../shared/components/RecordDetail.js";
+
+/** One company. */
+export default function CrmCompanyPage(props: CrmPageProps & { params: { uid: string } }) {
+    return (
+        <CrmShell {...props} section="companies">
+            <RecordDetail objectType="company" uid={props.params.uid} />
+        </CrmShell>
+    );
+}

package/apps/crm/companies/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import RecordList from "../../shared/components/RecordList.js";
+
+/** The selected workspace's companies. */
+export default function CrmCompaniesPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="companies">
+            <RecordList objectType="company" />
+        </CrmShell>
+    );
+}

package/apps/crm/contacts/[uid].tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import RecordDetail from "../../shared/components/RecordDetail.js";
+
+/** One contact. */
+export default function CrmContactPage(props: CrmPageProps & { params: { uid: string } }) {
+    return (
+        <CrmShell {...props} section="contacts">
+            <RecordDetail objectType="contact" uid={props.params.uid} />
+        </CrmShell>
+    );
+}

package/apps/crm/deals/[uid].tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import DealDetail from "../../shared/components/deals/DealDetail.js";
+
+/** One deal. */
+export default function CrmDealPage(props: CrmPageProps & { params: { uid: string } }) {
+    return (
+        <CrmShell {...props} section="deals">
+            <DealDetail uid={props.params.uid} />
+        </CrmShell>
+    );
+}

package/apps/crm/deals/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import DealBoard from "../../shared/components/deals/DealBoard.js";
+
+/** The selected workspace's deals, as a board. */
+export default function CrmDealsPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="deals">
+            <DealBoard />
+        </CrmShell>
+    );
+}

package/apps/crm/forms/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import FormManager from "../../shared/components/FormManager.js";
+
+/** The selected workspace's signup forms. */
+export default function CrmFormsPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="forms">
+            <FormManager />
+        </CrmShell>
+    );
+}

package/apps/crm/imports/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import ImportWizard from "../../shared/components/ImportWizard.js";
+
+/** CSV imports into the selected workspace. */
+export default function CrmImportsPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="imports">
+            <ImportWizard />
+        </CrmShell>
+    );
+}

package/apps/crm/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../shared/components/CrmShell.js";
+import RecordList from "../shared/components/RecordList.js";
+
+/** The CRM's home: the selected workspace's contacts. */
+export default function CrmContactsPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="contacts">
+            <RecordList objectType="contact" />
+        </CrmShell>
+    );
+}

package/apps/crm/integrations/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import Integrations from "../../shared/components/Integrations.js";
+
+/** The selected workspace's webhooks and API keys. */
+export default function CrmIntegrationsPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="integrations">
+            <Integrations />
+        </CrmShell>
+    );
+}

package/apps/crm/lists/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import ListManager from "../../shared/components/ListManager.js";
+
+/** The selected workspace's mailing lists. */
+export default function CrmListsPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="lists">
+            <ListManager />
+        </CrmShell>
+    );
+}

package/apps/crm/pipelines/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import PipelineManager from "../../shared/components/deals/PipelineManager.js";
+
+/** The selected workspace's pipelines. */
+export default function CrmPipelinesPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="pipelines">
+            <PipelineManager />
+        </CrmShell>
+    );
+}

package/apps/crm/reports/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import Reports from "../../shared/components/reports/Reports.js";
+
+/** The selected workspace's reports. */
+export default function CrmReportsPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="reports">
+            <Reports />
+        </CrmShell>
+    );
+}

package/apps/crm/scoring/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import ScoringRules from "../../shared/components/ScoringRules.js";
+
+/** The selected workspace's lead scoring rules. */
+export default function CrmScoringPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="scoring">
+            <ScoringRules />
+        </CrmShell>
+    );
+}

package/apps/crm/segments/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import SegmentManager from "../../shared/components/SegmentManager.js";
+
+/** The selected workspace's segments. */
+export default function CrmSegmentsPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="segments">
+            <SegmentManager />
+        </CrmShell>
+    );
+}

package/apps/crm/settings/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import WorkspaceSettings from "../../shared/components/WorkspaceSettings.js";
+
+/** The selected workspace's settings. */
+export default function CrmSettingsPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="settings">
+            <WorkspaceSettings />
+        </CrmShell>
+    );
+}

package/apps/crm/tasks/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import TaskList from "../../shared/components/TaskList.js";
+
+/** The selected workspace's tasks. */
+export default function CrmTasksPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="tasks">
+            <TaskList />
+        </CrmShell>
+    );
+}

package/apps/crm/templates/[uid].tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import TemplateDesigner from "../../shared/components/designer/TemplateDesigner.js";
+
+/** One email template, in the designer. */
+export default function CrmTemplatePage(props: CrmPageProps & { params: { uid: string } }) {
+    return (
+        <CrmShell {...props} section="templates">
+            <TemplateDesigner uid={props.params.uid} />
+        </CrmShell>
+    );
+}

package/apps/crm/templates/index.tsx

@@ -0,0 +1,16 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import CrmShell, { CrmPageProps } from "../../shared/components/CrmShell.js";
+import TemplateList from "../../shared/components/TemplateList.js";
+
+/** The selected workspace's email templates. */
+export default function CrmTemplatesPage(props: CrmPageProps) {
+    return (
+        <CrmShell {...props} section="templates">
+            <TemplateList />
+        </CrmShell>
+    );
+}

package/apps/f/[formUid].tsx

@@ -0,0 +1,11 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+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 }: { params: { formUid: string } }) {
+    return <SignupFormPage formUid={params.formUid} />;
+}

package/apps/f/_layout.tsx

@@ -0,0 +1,33 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React, { PropsWithChildren } from "react";
+import { Branding } from "@rapidmx/web-client/lib/branding/brandingApi.js";
+import { CUSTOM_STYLESHEET_LINK_ID } from "@rapidmx/web-client/lib/branding/useBranding.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>) {
+    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 (
+        <html lang="en">
+            <head>
+                <meta charSet="utf-8" />
+                <meta name="viewport" content="width=device-width, initial-scale=1" />
+                <title>{title}</title>
+                <link rel="icon" type="image/svg+xml" href={iconHref} />
+                <link rel="alternate icon" href="/favicon.ico" />
+                {stylesheetHref && <link rel="stylesheet" href={stylesheetHref} id={CUSTOM_STYLESHEET_LINK_ID} />}
+            </head>
+            <body>{children}</body>
+        </html>
+    );
+}

package/apps/f/index.tsx

@@ -0,0 +1,15 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React from "react";
+import { PublicPage } from "../shared/components/public/PublicPages.js";
+
+/** `/f` without a form. */
+export default function FormsIndexPage() {
+    return (
+        <PublicPage title="Sign up">
+            <p className="text-sm">This form isn&apos;t available.</p>
+        </PublicPage>
+    );
+}