@aglyn/plugins-commerce 1.0.0-beta.143

package/src/lib/components/console/member-posts-card.component.js

@@ -0,0 +1,283 @@
+/**
+ * @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 { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Button, Checkbox, Dialog, DialogActions, DialogContent, DialogTitle, FormControlLabel, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { collection, deleteDoc, doc, limit, orderBy, query } from "firebase/firestore";
+import { useCallback, useState } from "react";
+import { useFirestore, useUser } from "@aglyn/tenant-feature-instance";
+import { useFirestoreCollection, usePagedCollection } from "@aglyn/tenant-feature-instance";
+import { EntitlementGatedCard } from "./entitlement-gate.component.js";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+/**
+ * Member updates (AGL-316): posts for entitled subscribers, published
+ * through a manager-gated API that can also email the audience. The
+ * member-feed block renders them on the site.
+ *
+ * Gated on `contentGating` since AGL-2080, and this is the one of the five
+ * that failed OPEN. `server/gate.ts:48` (`hostHasContentGating`) is what
+ * decides whether `membership-content.ts`, `member-feed.ts` and `stream.ts`
+ * withhold anything; without the entitlement it withholds nothing. So an
+ * unentitled operator could mark a post members-only, see it accepted, and
+ * have the renderer serve it to the public — believing content was protected
+ * while it was not. A refusal the operator can see is the fix.
+ */ const memberPostsHelp = pluginDocsHelp('membersOnly', {
+    anchor: '#manage-your-members'
+});
+export function MemberPostsCard(props) {
+    var _ref, _ref1, _ref2, _ref3;
+    const { hostId } = props;
+    const firestore = useFirestore();
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    /*
+   * Ordered by the SERVER, and a growing window rather than a fixed read.
+   *
+   * This was `limit(50)` with no `orderBy`, rendering `.slice(0, 8)`. A
+   * Firestore query with a limit and no ordering returns DOCUMENT-ID order,
+   * and posts are created with `.add()`, so those fifty were a pseudo-random
+   * sample of the feed — the client sort below then ordered the sample and
+   * showed eight of it, which looks newest-first and is not. Past fifty
+   * posts, one written this morning could simply never appear.
+   */ const { rows: posts, hasMore, page, setPage, pageSize, setPageSize } = usePagedCollection((pageLimit)=>query(collection(firestore, 'hosts', hostId, 'memberPosts'), orderBy('createdAtMs', 'desc'), limit(pageLimit)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const { data: productDocs } = useFirestoreCollection(()=>query(collection(firestore, 'hosts', hostId, 'products'), limit(200)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const [draft, setDraft] = useState(null);
+    const handlePublish = useCallback(async ()=>{
+        if (!(draft == null ? void 0 : draft.title.trim())) return;
+        setDraft((prev)=>prev ? _extends({}, prev, {
+                busy: true
+            }) : prev);
+        try {
+            const response = await authorizedFetch(user, '/api/commerce/member-post', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(_extends({
+                    hostId
+                }, draft))
+            });
+            const payload = await response.json();
+            if (!response.ok) {
+                var _ref;
+                return void enqueueSnackbar((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'Publish failed', {
+                    variant: 'error',
+                    allowDuplicate: true
+                });
+            }
+            enqueueSnackbar(payload.emailed ? `Published — emailed ${payload.emailed} subscribers` : 'Published', {
+                variant: 'success',
+                persist: false
+            });
+            setDraft(null);
+        } finally{
+            setDraft((prev)=>prev ? _extends({}, prev, {
+                    busy: false
+                }) : prev);
+        }
+    }, [
+        draft,
+        user,
+        hostId,
+        enqueueSnackbar
+    ]);
+    return /*#__PURE__*/ _jsx(EntitlementGatedCard, {
+        help: memberPostsHelp,
+        hostId: hostId,
+        feature: "contentGating",
+        header: 'Member updates',
+        upsell: 'Memberships and gated content keep posts, pages and video behind ' + 'a subscription, and publish updates to the members entitled to ' + 'them.',
+        children: /*#__PURE__*/ _jsxs(CardDisplay, {
+            header: 'Member updates',
+            help: memberPostsHelp,
+            contentGutterX: true,
+            contentGutterY: true,
+            children: [
+                /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        posts.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'Post updates only your subscribers can see (and optionally ' + 'email them). Add a Member feed block to a members screen.'
+                        }) : posts.map((post)=>{
+                            var _post_createdAtMs;
+                            return /*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 1,
+                                sx: {
+                                    alignItems: 'center'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsxs(Stack, {
+                                        sx: {
+                                            flex: 1,
+                                            minWidth: 0
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "body2",
+                                                noWrap: true,
+                                                children: post.title
+                                            }),
+                                            /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "caption",
+                                                color: "text.secondary",
+                                                children: new Date((_post_createdAtMs = post.createdAtMs) != null ? _post_createdAtMs : 0).toLocaleDateString()
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        size: "small",
+                                        color: "error",
+                                        onClick: ()=>deleteDoc(doc(firestore, 'hosts', hostId, 'memberPosts', post.$id)),
+                                        children: 'Delete'
+                                    })
+                                ]
+                            }, post.$id);
+                        }),
+                        /*#__PURE__*/ _jsx(ListPagination, {
+                            page: page,
+                            pageSize: pageSize,
+                            rowCount: posts.length,
+                            hasMore: hasMore,
+                            onPageChange: setPage,
+                            onPageSizeChange: setPageSize
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            sx: {
+                                alignSelf: 'flex-start'
+                            },
+                            onClick: ()=>setDraft({
+                                    title: '',
+                                    body: '',
+                                    productId: '',
+                                    emailSubscribers: true
+                                }),
+                            children: 'New update'
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Dialog, {
+                    open: Boolean(draft),
+                    onClose: ()=>setDraft(null),
+                    maxWidth: "sm",
+                    fullWidth: true,
+                    children: [
+                        /*#__PURE__*/ _jsx(DialogTitle, {
+                            children: 'New member update'
+                        }),
+                        /*#__PURE__*/ _jsxs(DialogContent, {
+                            sx: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                                gap: 2
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: "Title",
+                                    value: (_ref = draft == null ? void 0 : draft.title) != null ? _ref : '',
+                                    onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                                title: event.target.value
+                                            }) : prev),
+                                    size: "small",
+                                    autoFocus: true,
+                                    sx: {
+                                        mt: 1
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: "Body",
+                                    value: (_ref1 = draft == null ? void 0 : draft.body) != null ? _ref1 : '',
+                                    onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                                body: event.target.value
+                                            }) : prev),
+                                    size: "small",
+                                    multiline: true,
+                                    minRows: 4
+                                }),
+                                /*#__PURE__*/ _jsxs(TextField, {
+                                    label: "Audience",
+                                    value: (_ref2 = draft == null ? void 0 : draft.productId) != null ? _ref2 : '',
+                                    onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                                productId: event.target.value
+                                            }) : prev),
+                                    size: "small",
+                                    select: true,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(MenuItem, {
+                                            value: "",
+                                            children: 'All live subscribers'
+                                        }),
+                                        (productDocs != null ? productDocs : []).filter((product)=>product.subscription).map((product)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                                value: product.$id,
+                                                children: `Subscribers of ${product.name}`
+                                            }, product.$id))
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(FormControlLabel, {
+                                    control: /*#__PURE__*/ _jsx(Checkbox, {
+                                        size: "small",
+                                        checked: (_ref3 = draft == null ? void 0 : draft.emailSubscribers) != null ? _ref3 : true,
+                                        onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                                    emailSubscribers: event.target.checked
+                                                }) : prev)
+                                    }),
+                                    label: "Email subscribers"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs(DialogActions, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    onClick: ()=>setDraft(null),
+                                    children: 'Cancel'
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    variant: "contained",
+                                    color: "primary",
+                                    disabled: !(draft == null ? void 0 : draft.title.trim()) || (draft == null ? void 0 : draft.busy),
+                                    onClick: handlePublish,
+                                    children: 'Publish'
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+MemberPostsCard.displayName = 'MemberPostsCard';
+export default MemberPostsCard;
+
+//# sourceMappingURL=member-posts-card.component.js.map

package/src/lib/components/console/member-posts-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/member-posts-card.component.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 { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Button,\n  Checkbox,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport {\n  collection,\n  deleteDoc,\n  doc,\n  limit,\n  orderBy,\n  query,\n} from 'firebase/firestore'\nimport { useCallback, useState } from 'react'\nimport { useFirestore, useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  useFirestoreCollection,\n  usePagedCollection,\n} from '@aglyn/tenant-feature-instance'\nimport { EntitlementGatedCard } from './entitlement-gate.component'\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\n\nexport interface MemberPostsCardProps {\n  hostId: string\n}\n\n/**\n * Member updates (AGL-316): posts for entitled subscribers, published\n * through a manager-gated API that can also email the audience. The\n * member-feed block renders them on the site.\n *\n * Gated on `contentGating` since AGL-2080, and this is the one of the five\n * that failed OPEN. `server/gate.ts:48` (`hostHasContentGating`) is what\n * decides whether `membership-content.ts`, `member-feed.ts` and `stream.ts`\n * withhold anything; without the entitlement it withholds nothing. So an\n * unentitled operator could mark a post members-only, see it accepted, and\n * have the renderer serve it to the public — believing content was protected\n * while it was not. A refusal the operator can see is the fix.\n */\n\nconst memberPostsHelp = pluginDocsHelp('membersOnly', {\n  anchor: '#manage-your-members',\n})\n\nexport function MemberPostsCard(props: MemberPostsCardProps) {\n  const { hostId } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  /*\n   * Ordered by the SERVER, and a growing window rather than a fixed read.\n   *\n   * This was `limit(50)` with no `orderBy`, rendering `.slice(0, 8)`. A\n   * Firestore query with a limit and no ordering returns DOCUMENT-ID order,\n   * and posts are created with `.add()`, so those fifty were a pseudo-random\n   * sample of the feed — the client sort below then ordered the sample and\n   * showed eight of it, which looks newest-first and is not. Past fifty\n   * posts, one written this morning could simply never appear.\n   */\n  const {\n    rows: posts,\n    hasMore,\n    page,\n    setPage,\n    pageSize,\n    setPageSize,\n  } = usePagedCollection<any>(\n    (pageLimit) =>\n      query(\n        collection(firestore, 'hosts', hostId, 'memberPosts'),\n        orderBy('createdAtMs', 'desc'),\n        limit(pageLimit),\n      ),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const { data: productDocs } = useFirestoreCollection<any>(\n    () => query(collection(firestore, 'hosts', hostId, 'products'), limit(200)),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const [draft, setDraft] = useState<{\n    title: string\n    body: string\n    productId: string\n    emailSubscribers: boolean\n    busy?: boolean\n  } | null>(null)\n\n  const handlePublish = useCallback(async () => {\n    if (!draft?.title.trim()) return\n    setDraft((prev) => (prev ? { ...prev, busy: true } : prev))\n    try {\n      const response = await authorizedFetch(\n        user,\n        '/api/commerce/member-post',\n        {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ hostId, ...draft }),\n        },\n      )\n      const payload = await response.json()\n      if (!response.ok) {\n        return void enqueueSnackbar(payload?.error ?? 'Publish failed', {\n          variant: 'error',\n          allowDuplicate: true,\n        })\n      }\n      enqueueSnackbar(\n        payload.emailed\n          ? `Published — emailed ${payload.emailed} subscribers`\n          : 'Published',\n        { variant: 'success', persist: false },\n      )\n      setDraft(null)\n    } finally {\n      setDraft((prev) => (prev ? { ...prev, busy: false } : prev))\n    }\n  }, [draft, user, hostId, enqueueSnackbar])\n\n  return (\n    <EntitlementGatedCard\n      help={memberPostsHelp}\n      hostId={hostId}\n      feature=\"contentGating\"\n      header={'Member updates'}\n      upsell={\n        'Memberships and gated content keep posts, pages and video behind ' +\n        'a subscription, and publish updates to the members entitled to ' +\n        'them.'\n      }\n    >\n    <CardDisplay\n      header={'Member updates'}\n      help={memberPostsHelp}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={1}>\n        {posts.length === 0 ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Post updates only your subscribers can see (and optionally ' +\n              'email them). Add a Member feed block to a members screen.'}\n          </Typography>\n        ) : (\n          posts.map((post: any) => (\n            <Stack\n              key={post.$id}\n              direction=\"row\"\n              spacing={1}\n              sx={{ alignItems: 'center' }}\n            >\n              <Stack sx={{ flex: 1, minWidth: 0 }}>\n                <Typography variant=\"body2\" noWrap>\n                  {post.title}\n                </Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  {new Date(post.createdAtMs ?? 0).toLocaleDateString()}\n                </Typography>\n              </Stack>\n              <Button\n                size=\"small\"\n                color=\"error\"\n                onClick={() =>\n                  deleteDoc(\n                    doc(firestore, 'hosts', hostId, 'memberPosts', post.$id),\n                  )\n                }\n              >\n                {'Delete'}\n              </Button>\n            </Stack>\n          ))\n        )}\n        <ListPagination\n          page={page}\n          pageSize={pageSize}\n          rowCount={posts.length}\n          hasMore={hasMore}\n          onPageChange={setPage}\n          onPageSizeChange={setPageSize}\n        />\n        <Button\n          size=\"small\"\n          sx={{ alignSelf: 'flex-start' }}\n          onClick={() =>\n            setDraft({\n              title: '',\n              body: '',\n              productId: '',\n              emailSubscribers: true,\n            })\n          }\n        >\n          {'New update'}\n        </Button>\n      </Stack>\n      <Dialog\n        open={Boolean(draft)}\n        onClose={() => setDraft(null)}\n        maxWidth=\"sm\"\n        fullWidth\n      >\n        <DialogTitle>{'New member update'}</DialogTitle>\n        <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n          <TextField\n            label=\"Title\"\n            value={draft?.title ?? ''}\n            onChange={(event) =>\n              setDraft((prev) =>\n                prev ? { ...prev, title: event.target.value } : prev,\n              )\n            }\n            size=\"small\"\n            autoFocus\n            sx={{ mt: 1 }}\n          />\n          <TextField\n            label=\"Body\"\n            value={draft?.body ?? ''}\n            onChange={(event) =>\n              setDraft((prev) =>\n                prev ? { ...prev, body: event.target.value } : prev,\n              )\n            }\n            size=\"small\"\n            multiline\n            minRows={4}\n          />\n          <TextField\n            label=\"Audience\"\n            value={draft?.productId ?? ''}\n            onChange={(event) =>\n              setDraft((prev) =>\n                prev ? { ...prev, productId: event.target.value } : prev,\n              )\n            }\n            size=\"small\"\n            select\n          >\n            <MenuItem value=\"\">{'All live subscribers'}</MenuItem>\n            {(productDocs ?? [])\n              .filter((product: any) => product.subscription)\n              .map((product: any) => (\n                <MenuItem key={product.$id} value={product.$id}>\n                  {`Subscribers of ${product.name}`}\n                </MenuItem>\n              ))}\n          </TextField>\n          <FormControlLabel\n            control={\n              <Checkbox\n                size=\"small\"\n                checked={draft?.emailSubscribers ?? true}\n                onChange={(event) =>\n                  setDraft((prev) =>\n                    prev\n                      ? { ...prev, emailSubscribers: event.target.checked }\n                      : prev,\n                  )\n                }\n              />\n            }\n            label=\"Email subscribers\"\n          />\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setDraft(null)}>{'Cancel'}</Button>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            disabled={!draft?.title.trim() || draft?.busy}\n            onClick={handlePublish}\n          >\n            {'Publish'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </CardDisplay>\n    </EntitlementGatedCard>\n  )\n}\nMemberPostsCard.displayName = 'MemberPostsCard'\n\nexport default MemberPostsCard\n"],"names":["CardDisplay","ListPagination","useSnackbar","Button","Checkbox","Dialog","DialogActions","DialogContent","DialogTitle","FormControlLabel","MenuItem","Stack","TextField","Typography","collection","deleteDoc","doc","limit","orderBy","query","useCallback","useState","useFirestore","useUser","useFirestoreCollection","usePagedCollection","EntitlementGatedCard","pluginDocsHelp","authorizedFetch","memberPostsHelp","anchor","MemberPostsCard","props","hostId","firestore","data","user","enqueueSnackbar","rows","posts","hasMore","page","setPage","pageSize","setPageSize","pageLimit","idField","productDocs","draft","setDraft","handlePublish","title","trim","prev","busy","response","method","headers","body","JSON","stringify","payload","json","ok","error","variant","allowDuplicate","emailed","persist","help","feature","header","upsell","contentGutterX","contentGutterY","spacing","length","color","map","post","direction","sx","alignItems","flex","minWidth","noWrap","Date","createdAtMs","toLocaleDateString","size","onClick","$id","rowCount","onPageChange","onPageSizeChange","alignSelf","productId","emailSubscribers","open","Boolean","onClose","maxWidth","fullWidth","display","flexDirection","gap","label","value","onChange","event","target","autoFocus","mt","multiline","minRows","select","filter","product","subscription","name","control","checked","disabled","displayName"],"mappings":"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"}

package/src/lib/components/console/newest-site-users-card.component.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Dashboard glance at the newest site users (AGL-350).
+ *
+ * ## Why this card lives in the commerce package and registers as `accounts`
+ *
+ * It is a card about visitor ACCOUNTS, and the accounts capability is a
+ * switch a site turns on rather than a bundle that loads: the member blocks
+ * and every `membership/*` handler ship inside commerce, which is why
+ * `ACCOUNTS_PLUGIN_ID` has no manifest entry of its own. Registering the
+ * widget under that id is what puts the card behind the same switch as the
+ * `/signin` page it describes — the console dashboard used to import it
+ * directly, so a site that has never turned member accounts on still had
+ * `Newest site users` on its dashboard, permanently empty, advertising a
+ * feature it does not serve.
+ *
+ * ## Five, and no footer
+ *
+ * A deliberate preview, not a window that got cut short: the Users section
+ * owns the full, searchable, paged list and the header links to it. The
+ * pagination sweep records the same reading in `table-footer-consistency`.
+ *
+ * `orderBy('createdAt', 'desc')` is safe to name, checked against the writers
+ * rather than assumed — an `orderBy` DROPS documents missing the field, so a
+ * newest-first list can quietly become a some-of-them list. Every path that
+ * creates a member stamps it (`membership-register.ts` writes a
+ * `serverTimestamp()` on the only sign-up route, the seed and e2e fixtures
+ * stamp their own), and `siteMembers` is absent from `IMPORTABLE_FIELDS`, so
+ * no site-bundle restore can mint one without it.
+ */
+export declare function NewestSiteUsersCard(props: {
+    hostId: string;
+}): import("react").JSX.Element;
+export declare namespace NewestSiteUsersCard {
+    var displayName: string;
+}
+export default NewestSiteUsersCard;

package/src/lib/components/console/newest-site-users-card.component.js

@@ -0,0 +1,126 @@
+/**
+ * @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 { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { buildRoute, pluginDocsHelp, Route } from "@aglyn/aglyn";
+import { AppLink, CardDisplay } from "@aglyn/shared-ui-jsx";
+import { Button, Stack, Typography } from "@mui/material";
+import { collection, limit, orderBy, query } from "firebase/firestore";
+import { useParams } from "next/navigation";
+import { useFirestore, useFirestoreCollection } from "@aglyn/tenant-feature-instance";
+/**
+ * Dashboard glance at the newest site users (AGL-350).
+ *
+ * ## Why this card lives in the commerce package and registers as `accounts`
+ *
+ * It is a card about visitor ACCOUNTS, and the accounts capability is a
+ * switch a site turns on rather than a bundle that loads: the member blocks
+ * and every `membership/*` handler ship inside commerce, which is why
+ * `ACCOUNTS_PLUGIN_ID` has no manifest entry of its own. Registering the
+ * widget under that id is what puts the card behind the same switch as the
+ * `/signin` page it describes — the console dashboard used to import it
+ * directly, so a site that has never turned member accounts on still had
+ * `Newest site users` on its dashboard, permanently empty, advertising a
+ * feature it does not serve.
+ *
+ * ## Five, and no footer
+ *
+ * A deliberate preview, not a window that got cut short: the Users section
+ * owns the full, searchable, paged list and the header links to it. The
+ * pagination sweep records the same reading in `table-footer-consistency`.
+ *
+ * `orderBy('createdAt', 'desc')` is safe to name, checked against the writers
+ * rather than assumed — an `orderBy` DROPS documents missing the field, so a
+ * newest-first list can quietly become a some-of-them list. Every path that
+ * creates a member stamps it (`membership-register.ts` writes a
+ * `serverTimestamp()` on the only sign-up route, the seed and e2e fixtures
+ * stamp their own), and `siteMembers` is absent from `IMPORTABLE_FIELDS`, so
+ * no site-bundle restore can mint one without it.
+ */ export function NewestSiteUsersCard(props) {
+    const { hostId } = props;
+    const firestore = useFirestore();
+    const { orgSlug, host } = useParams();
+    const { data: memberDocs } = useFirestoreCollection(()=>query(collection(firestore, 'hosts', hostId, 'siteMembers'), orderBy('createdAt', 'desc'), limit(5)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'Newest site users',
+        help: pluginDocsHelp('membersOnly', {
+            anchor: '#manage-your-members',
+            excerpt: 'The five newest visitor accounts on this site — the Users page ' + 'has the full, searchable list.'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        HeaderProps: {
+            action: /*#__PURE__*/ _jsx(Button, _extends({
+                component: AppLink
+            }, {
+                componentVariant: 'naked',
+                nativeButton: false
+            }, {
+                href: buildRoute(Route.HOST_USERS, {
+                    orgSlug,
+                    host
+                }),
+                size: "small",
+                color: "primary",
+                children: 'View all'
+            }))
+        },
+        children: (memberDocs == null ? void 0 : memberDocs.length) ? /*#__PURE__*/ _jsx(Stack, {
+            spacing: 0.75,
+            children: memberDocs.map((member)=>{
+                var _member_createdAt_toDate, _member_createdAt;
+                return /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        justifyContent: 'space-between',
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            noWrap: true,
+                            sx: {
+                                minWidth: 0
+                            },
+                            children: member.displayName || member.name || member.email || member.$id
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            noWrap: true,
+                            children: ((_member_createdAt = member.createdAt) == null ? void 0 : (_member_createdAt_toDate = _member_createdAt.toDate) == null ? void 0 : _member_createdAt_toDate.call(_member_createdAt)) ? member.createdAt.toDate().toLocaleDateString() : ''
+                        })
+                    ]
+                }, member.$id);
+            })
+        }) : /*#__PURE__*/ _jsx(Typography, {
+            variant: "body2",
+            color: "text.secondary",
+            children: 'No site accounts yet — they appear when visitors sign up on ' + 'your site.'
+        })
+    });
+}
+NewestSiteUsersCard.displayName = 'NewestSiteUsersCard';
+export default NewestSiteUsersCard;
+
+//# sourceMappingURL=newest-site-users-card.component.js.map

package/src/lib/components/console/newest-site-users-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/newest-site-users-card.component.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 { AppLink, CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { Button, Stack, Typography } from '@mui/material'\nimport { collection, limit, orderBy, query } from 'firebase/firestore'\nimport { useParams } from 'next/navigation'\nimport { useFirestore, useFirestoreCollection } from '@aglyn/tenant-feature-instance'\n\n/**\n * Dashboard glance at the newest site users (AGL-350).\n *\n * ## Why this card lives in the commerce package and registers as `accounts`\n *\n * It is a card about visitor ACCOUNTS, and the accounts capability is a\n * switch a site turns on rather than a bundle that loads: the member blocks\n * and every `membership/*` handler ship inside commerce, which is why\n * `ACCOUNTS_PLUGIN_ID` has no manifest entry of its own. Registering the\n * widget under that id is what puts the card behind the same switch as the\n * `/signin` page it describes — the console dashboard used to import it\n * directly, so a site that has never turned member accounts on still had\n * `Newest site users` on its dashboard, permanently empty, advertising a\n * feature it does not serve.\n *\n * ## Five, and no footer\n *\n * A deliberate preview, not a window that got cut short: the Users section\n * owns the full, searchable, paged list and the header links to it. The\n * pagination sweep records the same reading in `table-footer-consistency`.\n *\n * `orderBy('createdAt', 'desc')` is safe to name, checked against the writers\n * rather than assumed — an `orderBy` DROPS documents missing the field, so a\n * newest-first list can quietly become a some-of-them list. Every path that\n * creates a member stamps it (`membership-register.ts` writes a\n * `serverTimestamp()` on the only sign-up route, the seed and e2e fixtures\n * stamp their own), and `siteMembers` is absent from `IMPORTABLE_FIELDS`, so\n * no site-bundle restore can mint one without it.\n */\nexport function NewestSiteUsersCard(props: { hostId: string }) {\n  const { hostId } = props\n  const firestore = useFirestore()\n  const { orgSlug, host } = useParams<{ orgSlug: string; host: string }>()\n  const { data: memberDocs } = useFirestoreCollection<any>(\n    () =>\n      query(\n        collection(firestore, 'hosts', hostId, 'siteMembers'),\n        orderBy('createdAt', 'desc'),\n        limit(5),\n      ),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n\n  return (\n    <CardDisplay\n      header={'Newest site users'}\n      help={pluginDocsHelp('membersOnly', {\n        anchor: '#manage-your-members',\n        excerpt:\n          'The five newest visitor accounts on this site — the Users page ' +\n          'has the full, searchable list.',\n      })}\n      contentGutterX\n      contentGutterY\n      HeaderProps={{\n        action: (\n          <Button\n            component={AppLink as any}\n            {...({ componentVariant: 'naked', nativeButton: false } as any)}\n            href={buildRoute(Route.HOST_USERS, { orgSlug, host })}\n            size=\"small\"\n            color=\"primary\"\n          >\n            {'View all'}\n          </Button>\n        ),\n      }}\n    >\n      {memberDocs?.length ? (\n        <Stack spacing={0.75}>\n          {memberDocs.map((member: any) => (\n            <Stack\n              key={member.$id}\n              direction=\"row\"\n              spacing={1}\n              sx={{ justifyContent: 'space-between', alignItems: 'center' }}\n            >\n              <Typography variant=\"body2\" noWrap sx={{ minWidth: 0 }}>\n                {/*\n                  `displayName` first: that is the field sign-up writes, and a\n                  member document has never carried `name` — the tenant's\n                  campaign sender says so where it merges recipients. Reading\n                  `name` first meant every account rendered as an email\n                  address while the site knew the person's name.\n                 */}\n                {member.displayName || member.name || member.email || member.$id}\n              </Typography>\n              <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n                {member.createdAt?.toDate?.()\n                  ? member.createdAt.toDate().toLocaleDateString()\n                  : ''}\n              </Typography>\n            </Stack>\n          ))}\n        </Stack>\n      ) : (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'No site accounts yet — they appear when visitors sign up on ' +\n            'your site.'}\n        </Typography>\n      )}\n    </CardDisplay>\n  )\n}\nNewestSiteUsersCard.displayName = 'NewestSiteUsersCard'\n\nexport default NewestSiteUsersCard\n"],"names":["buildRoute","pluginDocsHelp","Route","AppLink","CardDisplay","Button","Stack","Typography","collection","limit","orderBy","query","useParams","useFirestore","useFirestoreCollection","NewestSiteUsersCard","props","hostId","firestore","orgSlug","host","data","memberDocs","idField","header","help","anchor","excerpt","contentGutterX","contentGutterY","HeaderProps","action","component","componentVariant","nativeButton","href","HOST_USERS","size","color","length","spacing","map","member","direction","sx","justifyContent","alignItems","variant","noWrap","minWidth","displayName","name","email","$id","createdAt","toDate","toLocaleDateString"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,SAASA,UAAU,EAAEC,cAAc,EAAEC,KAAK,QAAQ,eAAc;AAChE,SAASC,OAAO,EAAEC,WAAW,QAAQ,uBAAsB;AAC3D,SAASC,MAAM,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAe;AACzD,SAASC,UAAU,EAAEC,KAAK,EAAEC,OAAO,EAAEC,KAAK,QAAQ,qBAAoB;AACtE,SAASC,SAAS,QAAQ,kBAAiB;AAC3C,SAASC,YAAY,EAAEC,sBAAsB,QAAQ,iCAAgC;AAErF;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BC,GACD,OAAO,SAASC,oBAAoBC,KAAyB;IAC3D,MAAM,EAAEC,MAAM,EAAE,GAAGD;IACnB,MAAME,YAAYL;IAClB,MAAM,EAAEM,OAAO,EAAEC,IAAI,EAAE,GAAGR;IAC1B,MAAM,EAAES,MAAMC,UAAU,EAAE,GAAGR,uBAC3B,IACEH,MACEH,WAAWU,WAAW,SAASD,QAAQ,gBACvCP,QAAQ,aAAa,SACrBD,MAAM,KAEV;QAACS;QAAWD;KAAO,EACnB;QAAEM,SAAS;IAAM;IAGnB,qBACE,KAACnB;QACCoB,QAAQ;QACRC,MAAMxB,eAAe,eAAe;YAClCyB,QAAQ;YACRC,SACE,oEACA;QACJ;QACAC,cAAc;QACdC,cAAc;QACdC,aAAa;YACXC,sBACE,KAAC1B;gBACC2B,WAAW7B;eACN;gBAAE8B,kBAAkB;gBAASC,cAAc;YAAM;gBACtDC,MAAMnC,WAAWE,MAAMkC,UAAU,EAAE;oBAAEjB;oBAASC;gBAAK;gBACnDiB,MAAK;gBACLC,OAAM;0BAEL;;QAGP;kBAEChB,CAAAA,8BAAAA,WAAYiB,MAAM,kBACjB,KAACjC;YAAMkC,SAAS;sBACblB,WAAWmB,GAAG,CAAC,CAACC;oBAkBVA,0BAAAA;qCAjBL,MAACpC;oBAECqC,WAAU;oBACVH,SAAS;oBACTI,IAAI;wBAAEC,gBAAgB;wBAAiBC,YAAY;oBAAS;;sCAE5D,KAACvC;4BAAWwC,SAAQ;4BAAQC,MAAM;4BAACJ,IAAI;gCAAEK,UAAU;4BAAE;sCAQlDP,OAAOQ,WAAW,IAAIR,OAAOS,IAAI,IAAIT,OAAOU,KAAK,IAAIV,OAAOW,GAAG;;sCAElE,KAAC9C;4BAAWwC,SAAQ;4BAAUT,OAAM;4BAAiBU,MAAM;sCACxDN,EAAAA,oBAAAA,OAAOY,SAAS,sBAAhBZ,2BAAAA,kBAAkBa,MAAM,qBAAxBb,8BAAAA,sBACGA,OAAOY,SAAS,CAACC,MAAM,GAAGC,kBAAkB,KAC5C;;;mBAlBDd,OAAOW,GAAG;;2BAwBrB,KAAC9C;YAAWwC,SAAQ;YAAQT,OAAM;sBAC/B,iEACC;;;AAKZ;AACAvB,oBAAoBmC,WAAW,GAAG;AAElC,eAAenC,oBAAmB"}

package/src/lib/components/console/order-detail-dialog.component.d.ts

@@ -0,0 +1,28 @@
+import * as CommerceModel from '../../model';
+export interface OrderDetailDialogProps {
+    hostId: string;
+    order: (CommerceModel.HostOrder & {
+        $id: string;
+    }) | null;
+    onClose: () => void;
+}
+/**
+ * The dispute chip's colour (AGL-1796).
+ *
+ * `open` is WARNING rather than error because it is the case that still has a
+ * deadline on it — the merchant can still act, and a red chip on a case they
+ * might win says the money is gone when it is not. `lost` is the one that took
+ * the money, and shares `refunded`'s red for that reason.
+ */
+export declare const DISPUTE_COLOR: Record<CommerceModel.OrderDisputeTone, 'default' | 'success' | 'warning' | 'error'>;
+/**
+ * Order detail (AGL-287): timeline, line items, totals, and the actions
+ * the status machine allows — fulfill with tracking, refund, cancel, mark
+ * delivered (each a server route that re-asks the transition under the
+ * write), notes, printable packing slip.
+ */
+export declare function OrderDetailDialog(props: OrderDetailDialogProps): import("react").JSX.Element;
+export declare namespace OrderDetailDialog {
+    var displayName: string;
+}
+export default OrderDetailDialog;