@aglyn/plugins-email 1.0.0-beta.143

package/src/lib/components/email-screens-card.js

@@ -0,0 +1,277 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { buildRoute, pluginDocsHelp, Route } from "@aglyn/aglyn";
+import { mdiDeleteOutline, mdiContentCopy, mdiEyeOutline, mdiPencilOutline } from "@aglyn/shared-data-mdi";
+import { AppLink, CardDisplay, MdiIcon, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { TABLE_ROW_HEIGHT } from "@aglyn/shared-ui-jsx/const/table-pagination";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { ceilingedWindow, collectionCeiling } from "@aglyn/tenant-feature-instance/hooks/host-collection-queries";
+import { DUPLICATE_MENU_LABEL, useConsoleHostRoute, useDuplicateResource, useFirestore, useFirestoreCollection, useHostResourceApi, useHostVersionApi } from "@aglyn/tenant-feature-instance";
+import { Alert, Button, Chip, Stack, Typography } from "@mui/material";
+import { collection, doc, Timestamp, updateDoc } from "firebase/firestore";
+import { useRouter } from "next/navigation";
+import { useMemo } from "react";
+import { templateProvenance } from "../model/template-provenance.js";
+import { createEmailScreen } from "../utils/create-email-screen.js";
+/** How many of the site's screens one read of this list covers. */ const TEMPLATE_CEILING = 200;
+// The besigner route is `/[orgSlug]/hosts/[host]/screens/[screenId]/
+// versions/[versionId]/besigner`. This built `/{hostDocId}/screens/…`, the
+// pre-AGL-621/622 shape — so every "Edit"/"Design" jump out of the Emails
+// page landed on a 404, including the one right after creating a new email
+// (AGL-685). Takes the resolved org slug + subdomain, not a host doc id.
+const besignerHref = (orgSlug, host, screenId, versionId)=>buildRoute(Route.SCREEN_BESIGNER, {
+        orgSlug,
+        host,
+        screenId,
+        versionId
+    });
+/**
+ * THE TEMPLATES: reusable besigner documents an email is built from.
+ *
+ * A template is a screen document with `kind: 'email'`, kept out of the main
+ * Screens list and opened in the besigner with only email-safe components on
+ * offer. It is not itself a message — a message is what a campaign sends, and
+ * one template can be behind many of them, which is why the row leads to the
+ * template's own page rather than straight into the editor.
+ *
+ * A template is not necessarily this org's. One installed from a marketplace
+ * listing appears here beside the locally authored ones, carries its
+ * publisher's provenance on the same document, and opens the same detail
+ * page; the chip beside its name is what distinguishes them.
+ *
+ * ## A table, on the surface's own row grammar
+ *
+ * The row opens the template, its name is ALSO a real link so it can be
+ * middle-clicked and copied, and editing and deleting live behind the shared
+ * overflow menu rather than as text buttons in the row — the same grammar the
+ * audiences table reads by. Delete in particular: it sat inline, one mis-click
+ * from the name beside it.
+ *
+ * ## Why the read is a CEILING with a probe
+ *
+ * `screens` holds every kind of screen the site has and the email ones are
+ * picked out here, so the cap cannot be a page: a page of the collection is
+ * not a page of this list. `collectionCeiling` orders on the document name,
+ * which is the one ordering that cannot drop a screen — `orderBy('displayName')`
+ * matches only documents that HAVE the field, so a screen created without a
+ * name would vanish rather than sort oddly. It reads one past the ceiling so
+ * the card can SAY when the site holds more than it drew, and the footer under
+ * the table pages the window the card already has.
+ */ export function EmailScreensCard(props) {
+    const { hostId, basePath } = props;
+    const { orgSlug, subdomain } = useConsoleHostRoute(hostId);
+    const firestore = useFirestore();
+    const createHostResource = useHostResourceApi();
+    const createHostVersion = useHostVersionApi();
+    const router = useRouter();
+    const { enqueueSnackbar } = useSnackbar();
+    // Duplicate (AGL-2936): the copy is a design of its own, sent by nothing
+    // until a campaign picks it.
+    const duplicate = useDuplicateResource({
+        hostId,
+        onDuplicated: (_kind, copy)=>enqueueSnackbar(`Duplicated as “${copy.name}”`, {
+                variant: 'success'
+            })
+    });
+    const { confirm } = useConfirmationContext();
+    const { data: screenDocs } = useFirestoreCollection(()=>collectionCeiling(collection(firestore, 'hosts', hostId, 'screens'), TEMPLATE_CEILING), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const { rows: readScreens, truncated } = ceilingedWindow(screenDocs, TEMPLATE_CEILING);
+    const emailScreens = useMemo(()=>[
+            ...readScreens
+        ].filter((screen)=>!screen.deletedAt && screen.kind === 'email').sort((a, b)=>{
+            var _a_displayName, _b_displayName;
+            return String((_a_displayName = a.displayName) != null ? _a_displayName : '').localeCompare(String((_b_displayName = b.displayName) != null ? _b_displayName : ''));
+        }), [
+        readScreens
+    ]);
+    const handleCreate = async ()=>{
+        try {
+            const { screenId, versionId } = await createEmailScreen(hostId, createHostResource, createHostVersion);
+            if (orgSlug && subdomain) {
+                void router.push(besignerHref(orgSlug, subdomain, screenId, versionId));
+            }
+        } catch (error) {
+            var _ref;
+            console.error(error);
+            enqueueSnackbar((_ref = error == null ? void 0 : error.message) != null ? _ref : 'Creating the template failed', {
+                variant: 'error'
+            });
+        }
+    };
+    const handleDelete = async (screen)=>{
+        var _screen_displayName;
+        const confirmed = await confirm({
+            title: 'Delete this template?',
+            description: `"${(_screen_displayName = screen.displayName) != null ? _screen_displayName : 'Untitled template'}" will be removed. ` + 'Emails already sent from it keep their reports.',
+            confirmationText: 'Delete',
+            confirmationButtonProps: {
+                color: 'error'
+            }
+        }).then(()=>true).catch(()=>false);
+        if (!confirmed) return;
+        await updateDoc(doc(firestore, 'hosts', hostId, 'screens', screen.$id), {
+            deletedAt: Timestamp.now()
+        });
+    };
+    const templateHref = (screen)=>`${basePath}/templates/${screen.$id}`;
+    const templateName = (screen)=>{
+        var _screen_displayName;
+        return String((_screen_displayName = screen.displayName) != null ? _screen_displayName : 'Untitled template');
+    };
+    const rowActions = (screen)=>[
+            {
+                key: 'details',
+                label: 'Open details',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiEyeOutline.path,
+                    size: 0.8
+                }),
+                href: templateHref(screen)
+            },
+            {
+                key: 'besigner',
+                label: 'Edit in besigner',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiPencilOutline.path,
+                    size: 0.8
+                }),
+                /*
+        The editor's URL needs the resolved org slug and subdomain. Until the
+        host route settles both are empty and a link built from them lands on
+        `/null/hosts/null`, so the item is shown DISABLED with the reason
+        rather than pointing at a 404.
+       */ href: orgSlug && subdomain ? besignerHref(orgSlug, subdomain, screen.$id, screen.versionId) : undefined,
+                disabled: !orgSlug || !subdomain,
+                disabledReason: 'This site’s console URL has not resolved yet'
+            },
+            {
+                key: 'duplicate',
+                label: DUPLICATE_MENU_LABEL,
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiContentCopy.path,
+                    size: 0.8
+                }),
+                onClick: ()=>duplicate.request('emailDesign', {
+                        id: screen.$id,
+                        name: templateName(screen)
+                    })
+            },
+            {
+                key: 'delete',
+                label: 'Delete',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiDeleteOutline.path,
+                    size: 0.8
+                }),
+                destructive: true,
+                onClick: ()=>void handleDelete(screen)
+            }
+        ];
+    /*
+   * The templates are a window this card already holds, so the grid pages
+   * it. The name is a link AND the row opens the template.
+   */ const columns = [
+        {
+            field: 'displayName',
+            headerName: 'Template',
+            flex: 1,
+            minWidth: 220,
+            valueGetter: (_value, row)=>templateName(row),
+            renderCell: ({ row, value })=>/*#__PURE__*/ _jsx(AppLink, {
+                    href: templateHref(row),
+                    // The row's own handler would fire too and push the same route
+                    // twice — one history entry per back press.
+                    onClick: (event)=>event.stopPropagation(),
+                    children: value
+                })
+        },
+        {
+            /*
+        WHOSE template this is, where the reader is choosing between them. An
+        installed one is versioned by its publisher and can be withdrawn, which
+        is not a property a name can carry.
+       */ field: 'origin',
+            headerName: 'Origin',
+            width: 140,
+            valueGetter: (_value, row)=>templateProvenance(row).origin === 'installed' ? 'Installed' : 'Yours',
+            renderCell: ({ value })=>value === 'Installed' ? /*#__PURE__*/ _jsx(Chip, {
+                    size: "small",
+                    label: "Installed"
+                }) : /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: 'Yours'
+                })
+        },
+        listActionsColumn((row)=>/*#__PURE__*/ _jsx(ListRowActions, {
+                label: templateName(row),
+                items: rowActions(row)
+            }), {
+            width: 72
+        })
+    ];
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Templates',
+        help: pluginDocsHelp('designedEmails', {
+            anchor: '#create-a-template'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        HeaderProps: {
+            action: /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                variant: "contained",
+                onClick: ()=>void handleCreate(),
+                children: 'New template'
+            })
+        },
+        children: [
+            duplicate.dialog,
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1.5,
+                children: [
+                    emailScreens.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Design a reusable email here, then send it from a campaign. A ' + 'new template opens in the besigner with email-safe components ' + 'only.'
+                    }) : /*#__PURE__*/ _jsx(ListTable, {
+                        "aria-label": "Email templates",
+                        rows: emailScreens,
+                        columns: columns,
+                        rowHeight: TABLE_ROW_HEIGHT,
+                        onOpen: (_id, row)=>router.push(templateHref(row))
+                    }),
+                    truncated ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "info",
+                        children: `This site holds more than ${TEMPLATE_CEILING} screens, and the ` + 'templates listed are drawn from the first of them. Any beyond ' + 'that are not in this list.'
+                    }) : null
+                ]
+            })
+        ]
+    });
+}
+EmailScreensCard.displayName = 'EmailScreensCard';
+export default EmailScreensCard;
+
+//# sourceMappingURL=email-screens-card.js.map

package/src/lib/components/email-screens-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/email/src/lib/components/email-screens-card.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { buildRoute, pluginDocsHelp, Route } from '@aglyn/aglyn'\nimport {\n  mdiDeleteOutline,\n  mdiContentCopy,\n  mdiEyeOutline,\n  mdiPencilOutline,\n} from '@aglyn/shared-data-mdi'\nimport {\n  AppLink,\n  CardDisplay,\n  MdiIcon,\n  useConfirmationContext,\n} from '@aglyn/shared-ui-jsx'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport type { RowActionsMenuItem } from '@aglyn/shared-ui-jsx/components/row-actions-menu.component'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  ceilingedWindow,\n  collectionCeiling,\n} from '@aglyn/tenant-feature-instance/hooks/host-collection-queries'\nimport {\n  DUPLICATE_MENU_LABEL,\n  useConsoleHostRoute,\n  useDuplicateResource,\n  useFirestore,\n  useFirestoreCollection,\n  useHostResourceApi,\n  useHostVersionApi,\n} from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Button,\n  Chip,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { collection, doc, Timestamp, updateDoc } from 'firebase/firestore'\nimport { useRouter } from 'next/navigation'\nimport { useMemo } from 'react'\nimport { templateProvenance } from '../model/template-provenance'\nimport { createEmailScreen } from '../utils/create-email-screen'\n\n/** How many of the site's screens one read of this list covers. */\nconst TEMPLATE_CEILING = 200\n\n// The besigner route is `/[orgSlug]/hosts/[host]/screens/[screenId]/\n// versions/[versionId]/besigner`. This built `/{hostDocId}/screens/…`, the\n// pre-AGL-621/622 shape — so every \"Edit\"/\"Design\" jump out of the Emails\n// page landed on a 404, including the one right after creating a new email\n// (AGL-685). Takes the resolved org slug + subdomain, not a host doc id.\nconst besignerHref = (\n  orgSlug: string,\n  host: string,\n  screenId: string,\n  versionId: string,\n) =>\n  buildRoute(Route.SCREEN_BESIGNER, { orgSlug, host, screenId, versionId })\n\n/**\n * THE TEMPLATES: reusable besigner documents an email is built from.\n *\n * A template is a screen document with `kind: 'email'`, kept out of the main\n * Screens list and opened in the besigner with only email-safe components on\n * offer. It is not itself a message — a message is what a campaign sends, and\n * one template can be behind many of them, which is why the row leads to the\n * template's own page rather than straight into the editor.\n *\n * A template is not necessarily this org's. One installed from a marketplace\n * listing appears here beside the locally authored ones, carries its\n * publisher's provenance on the same document, and opens the same detail\n * page; the chip beside its name is what distinguishes them.\n *\n * ## A table, on the surface's own row grammar\n *\n * The row opens the template, its name is ALSO a real link so it can be\n * middle-clicked and copied, and editing and deleting live behind the shared\n * overflow menu rather than as text buttons in the row — the same grammar the\n * audiences table reads by. Delete in particular: it sat inline, one mis-click\n * from the name beside it.\n *\n * ## Why the read is a CEILING with a probe\n *\n * `screens` holds every kind of screen the site has and the email ones are\n * picked out here, so the cap cannot be a page: a page of the collection is\n * not a page of this list. `collectionCeiling` orders on the document name,\n * which is the one ordering that cannot drop a screen — `orderBy('displayName')`\n * matches only documents that HAVE the field, so a screen created without a\n * name would vanish rather than sort oddly. It reads one past the ceiling so\n * the card can SAY when the site holds more than it drew, and the footer under\n * the table pages the window the card already has.\n */\nexport function EmailScreensCard(props: {\n  hostId: string\n  /** The emails hub URL, which every template route hangs beneath. */\n  basePath: string\n}) {\n  const { hostId, basePath } = props\n  const { orgSlug, subdomain } = useConsoleHostRoute(hostId)\n  const firestore = useFirestore()\n  const createHostResource = useHostResourceApi()\n  const createHostVersion = useHostVersionApi()\n  const router = useRouter()\n  const { enqueueSnackbar } = useSnackbar()\n  // Duplicate (AGL-2936): the copy is a design of its own, sent by nothing\n  // until a campaign picks it.\n  const duplicate = useDuplicateResource({\n    hostId,\n    onDuplicated: (_kind, copy) =>\n      enqueueSnackbar(`Duplicated as “${copy.name}”`, { variant: 'success' }),\n  })\n  const { confirm } = useConfirmationContext()\n\n  const { data: screenDocs } = useFirestoreCollection<any>(\n    () =>\n      collectionCeiling(\n        collection(firestore, 'hosts', hostId, 'screens'),\n        TEMPLATE_CEILING,\n      ),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const { rows: readScreens, truncated } = ceilingedWindow<any>(\n    screenDocs,\n    TEMPLATE_CEILING,\n  )\n  const emailScreens = useMemo(\n    () =>\n      [...readScreens]\n        .filter((screen: any) => !screen.deletedAt && screen.kind === 'email')\n        .sort((a: any, b: any) =>\n          String(a.displayName ?? '').localeCompare(\n            String(b.displayName ?? ''),\n          ),\n        ),\n    [readScreens],\n  )\n\n  const handleCreate = async () => {\n    try {\n      const { screenId, versionId } = await createEmailScreen(\n        hostId,\n        createHostResource,\n        createHostVersion,\n      )\n      if (orgSlug && subdomain) {\n        void router.push(besignerHref(orgSlug, subdomain, screenId, versionId))\n      }\n    } catch (error: any) {\n      console.error(error)\n      enqueueSnackbar(error?.message ?? 'Creating the template failed', {\n        variant: 'error',\n      })\n    }\n  }\n\n  const handleDelete = async (screen: any) => {\n    const confirmed = await confirm({\n      title: 'Delete this template?',\n      description:\n        `\"${screen.displayName ?? 'Untitled template'}\" will be removed. ` +\n        'Emails already sent from it keep their reports.',\n      confirmationText: 'Delete',\n      confirmationButtonProps: { color: 'error' },\n    })\n      .then(() => true)\n      .catch(() => false)\n    if (!confirmed) return\n    await updateDoc(doc(firestore, 'hosts', hostId, 'screens', screen.$id), {\n      deletedAt: Timestamp.now(),\n    })\n  }\n\n  const templateHref = (screen: any) => `${basePath}/templates/${screen.$id}`\n\n  const templateName = (screen: any) =>\n    String(screen.displayName ?? 'Untitled template')\n\n  const rowActions = (screen: any): RowActionsMenuItem[] => [\n    {\n      key: 'details',\n      label: 'Open details',\n      icon: <MdiIcon path={mdiEyeOutline.path} size={0.8} />,\n      href: templateHref(screen),\n    },\n    {\n      key: 'besigner',\n      label: 'Edit in besigner',\n      icon: <MdiIcon path={mdiPencilOutline.path} size={0.8} />,\n      /*\n        The editor's URL needs the resolved org slug and subdomain. Until the\n        host route settles both are empty and a link built from them lands on\n        `/null/hosts/null`, so the item is shown DISABLED with the reason\n        rather than pointing at a 404.\n       */\n      href:\n        orgSlug && subdomain\n          ? besignerHref(orgSlug, subdomain, screen.$id, screen.versionId)\n          : undefined,\n      disabled: !orgSlug || !subdomain,\n      disabledReason: 'This site’s console URL has not resolved yet',\n    },\n    {\n      key: 'duplicate',\n      label: DUPLICATE_MENU_LABEL,\n      icon: <MdiIcon path={mdiContentCopy.path} size={0.8} />,\n      onClick: () =>\n        duplicate.request('emailDesign', {\n          id: screen.$id,\n          name: templateName(screen),\n        }),\n    },\n    {\n      key: 'delete',\n      label: 'Delete',\n      icon: <MdiIcon path={mdiDeleteOutline.path} size={0.8} />,\n      destructive: true,\n      onClick: () => void handleDelete(screen),\n    },\n  ]\n\n  /*\n   * The templates are a window this card already holds, so the grid pages\n   * it. The name is a link AND the row opens the template.\n   */\n  const columns: GridColDef[] = [\n    {\n      field: 'displayName',\n      headerName: 'Template',\n      flex: 1,\n      minWidth: 220,\n      valueGetter: (_value, row) => templateName(row),\n      renderCell: ({ row, value }) => (\n        <AppLink\n          href={templateHref(row)}\n          // The row's own handler would fire too and push the same route\n          // twice — one history entry per back press.\n          onClick={(event: { stopPropagation: () => void }) =>\n            event.stopPropagation()\n          }\n        >\n          {value}\n        </AppLink>\n      ),\n    },\n    {\n      /*\n        WHOSE template this is, where the reader is choosing between them. An\n        installed one is versioned by its publisher and can be withdrawn, which\n        is not a property a name can carry.\n       */\n      field: 'origin',\n      headerName: 'Origin',\n      width: 140,\n      valueGetter: (_value, row) =>\n        templateProvenance(row).origin === 'installed' ? 'Installed' : 'Yours',\n      renderCell: ({ value }) =>\n        value === 'Installed' ? (\n          <Chip size=\"small\" label=\"Installed\" />\n        ) : (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Yours'}\n          </Typography>\n        ),\n    },\n    listActionsColumn(\n      (row) => (\n        <ListRowActions label={templateName(row)} items={rowActions(row)} />\n      ),\n      { width: 72 },\n    ),\n  ]\n\n  return (\n    <CardDisplay\n      header={'Templates'}\n      help={pluginDocsHelp('designedEmails', { anchor: '#create-a-template' })}\n      contentGutterX\n      contentGutterY\n      HeaderProps={{\n        action: (\n          <Button\n            size=\"small\"\n            variant=\"contained\"\n            onClick={() => void handleCreate()}\n          >\n            {'New template'}\n          </Button>\n        ),\n      }}\n    >\n      {duplicate.dialog}\n      <Stack spacing={1.5}>\n        {emailScreens.length === 0 ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Design a reusable email here, then send it from a campaign. A ' +\n              'new template opens in the besigner with email-safe components ' +\n              'only.'}\n          </Typography>\n        ) : (\n          <ListTable\n            aria-label=\"Email templates\"\n            rows={emailScreens}\n            columns={columns}\n            rowHeight={TABLE_ROW_HEIGHT}\n            onOpen={(_id, row) => router.push(templateHref(row))}\n          />\n        )}\n        {truncated ? (\n          <Alert severity=\"info\">\n            {`This site holds more than ${TEMPLATE_CEILING} screens, and the ` +\n              'templates listed are drawn from the first of them. Any beyond ' +\n              'that are not in this list.'}\n          </Alert>\n        ) : null}\n      </Stack>\n    </CardDisplay>\n  )\n}\nEmailScreensCard.displayName = 'EmailScreensCard'\n\nexport default EmailScreensCard\n"],"names":["buildRoute","pluginDocsHelp","Route","mdiDeleteOutline","mdiContentCopy","mdiEyeOutline","mdiPencilOutline","AppLink","CardDisplay","MdiIcon","useConfirmationContext","ListRowActions","ListTable","listActionsColumn","TABLE_ROW_HEIGHT","useSnackbar","ceilingedWindow","collectionCeiling","DUPLICATE_MENU_LABEL","useConsoleHostRoute","useDuplicateResource","useFirestore","useFirestoreCollection","useHostResourceApi","useHostVersionApi","Alert","Button","Chip","Stack","Typography","collection","doc","Timestamp","updateDoc","useRouter","useMemo","templateProvenance","createEmailScreen","TEMPLATE_CEILING","besignerHref","orgSlug","host","screenId","versionId","SCREEN_BESIGNER","EmailScreensCard","props","hostId","basePath","subdomain","firestore","createHostResource","createHostVersion","router","enqueueSnackbar","duplicate","onDuplicated","_kind","copy","name","variant","confirm","data","screenDocs","idField","rows","readScreens","truncated","emailScreens","filter","screen","deletedAt","kind","sort","a","b","String","displayName","localeCompare","handleCreate","push","error","console","message","handleDelete","confirmed","title","description","confirmationText","confirmationButtonProps","color","then","catch","$id","now","templateHref","templateName","rowActions","key","label","icon","path","size","href","undefined","disabled","disabledReason","onClick","request","id","destructive","columns","field","headerName","flex","minWidth","valueGetter","_value","row","renderCell","value","event","stopPropagation","width","origin","items","header","help","anchor","contentGutterX","contentGutterY","HeaderProps","action","dialog","spacing","length","aria-label","rowHeight","onOpen","_id","severity"],"mappings":"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"}

package/src/lib/components/email-template-detail.d.ts

@@ -0,0 +1,48 @@
+/**
+ * How many of a template's messages one read covers.
+ *
+ * A CEILING on the read, not a page size: the report is a single figure per
+ * quantity, so there is nothing to page through. Past it every total is a
+ * floor and the report says so — the same treatment `audienceSizeTruncated`
+ * gets, and for the same reason.
+ */
+export declare const TEMPLATE_CAMPAIGN_CEILING = 100;
+export interface EmailTemplateDetailProps {
+    hostId: string;
+    /** The `kind: 'email'` screen document this page is about. */
+    screenId: string;
+    /** The emails hub URL, for the way back to the templates list. */
+    basePath: string;
+}
+/**
+ * ONE EMAIL TEMPLATE: what it looks like, and what it has done.
+ *
+ * ## What was missing
+ *
+ * A template had a row in a list and no page. The only way to see one was to
+ * open the besigner, which is the editor — it draws canvas nodes in a
+ * browser, not the HTML an inbox receives — and the only way to see how it
+ * performed was to find each message sent from it and read those reports one
+ * at a time. A template used by six messages had its engagement in six places
+ * and nowhere.
+ *
+ * ## Not necessarily this org's template
+ *
+ * A template can be installed from a marketplace listing, in which case its
+ * content is versioned by somebody else and can be withdrawn. Provenance and
+ * standing are read off the document itself — see `template-provenance.ts` —
+ * so this page costs no marketplace read and still never presents an
+ * installed template as locally authored.
+ *
+ * ## What this page reads
+ *
+ * The screen document, its published version, and the messages naming this
+ * template — bounded at {@link TEMPLATE_CAMPAIGN_CEILING}. The recipients
+ * table is its own card and its own request, so a reader who came for the
+ * preview does not pay for the delivery-log query.
+ */
+export declare function EmailTemplateDetail(props: EmailTemplateDetailProps): import("react").JSX.Element;
+export declare namespace EmailTemplateDetail {
+    var displayName: string;
+}
+export default EmailTemplateDetail;