@aglyn/plugins-marketing 1.0.0-beta.143

package/src/lib/components/popup-card.component.js

@@ -0,0 +1,462 @@
+/**
+ * @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 { checkEntitlement, inheritedMediaAlt, MEDIA_ALT_MAX_LENGTH, pluginDocsHelp, useMediaPicker } from "@aglyn/aglyn";
+import { CardDisplay, useLoading } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Alert, Button, MenuItem, Stack, Switch, TextField, Typography } from "@mui/material";
+import { doc, updateDoc } from "firebase/firestore";
+import { useEffect, useState } from "react";
+import { useFirestore, useFirestoreDoc, useHostActivityLogger, writeGuardedBySeed } from "@aglyn/tenant-feature-instance";
+import OverlayStatsRow from "./overlay-stats-row.component.js";
+import { OVERLAY_COPY_HELPER_TEXT, shownAsTypedHelperText, useOverlayCopyEditor } from "./use-overlay-copy-editor.js";
+const TRIGGERS = [
+    {
+        value: 'delay',
+        label: 'After a delay (seconds)'
+    },
+    {
+        value: 'scroll',
+        label: 'At scroll depth (%)'
+    },
+    {
+        value: 'exit',
+        label: 'On exit intent (desktop)'
+    }
+];
+const toLocalInput = (ms)=>{
+    if (!ms) return '';
+    const date = new Date(ms - new Date().getTimezoneOffset() * 60000);
+    return date.toISOString().slice(0, 16);
+};
+const fromLocalInput = (value)=>value ? new Date(value).getTime() : undefined;
+/**
+ * Promotional popup editor (AGL-196): one popup per host, persisted on the
+ * host doc; the tenant render handles triggers, scheduling, and
+ * frequency capping. marketingOverlays-gated (Starter+). The headline and
+ * body are edited through `useOverlayCopyEditor`, like the bar's text
+ * (AGL-2885).
+ */ export function PopupCard(props) {
+    var _ref, _shownAsTypedHelperText, _draft_imageUrl, _draft_imageUrl1, _draft_imageAlt, _draft_ctaLabel, _draft_ctaHref, _draft_trigger, _draft_triggerValue, _draft_frequencyDays;
+    var _draft_body;
+    const { hostId } = props;
+    const firestore = useFirestore();
+    const { org } = props;
+    const { enqueueSnackbar } = useSnackbar();
+    const { queueLoading } = useLoading();
+    const logActivity = useHostActivityLogger(hostId);
+    const { data: host, status: hostStatus, /**
+     * The host doc this form is seeded from is unconfirmed by the server
+     * (AGL-1358). The save writes the whole `popup` map — a nested map value
+     * REPLACES atomically, so `updateDoc` protects only the host doc's other
+     * fields, never the popup's own — and every field of it comes off this
+     * seed. Against a cached read, retyping the headline restores yesterday's
+     * body, link, schedule and enabled flag on a live site.
+     */ fromCache: hostFromCache } = useFirestoreDoc(()=>doc(firestore, 'hosts', hostId), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const entitled = checkEntitlement(org, 'marketingOverlays');
+    const saved = (_ref = host == null ? void 0 : host.popup) != null ? _ref : {};
+    const [draft, setDraft] = useState(saved);
+    const savedKey = JSON.stringify(saved);
+    useEffect(()=>{
+        setDraft(JSON.parse(savedKey));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        savedKey
+    ]);
+    // The console media browser is provided by the shell (AGL-395).
+    const { pickMedia } = useMediaPicker();
+    // The headline and body are held in their stored form; the fields show them
+    // as typed.
+    const copy = useOverlayCopyEditor({
+        hostId,
+        host,
+        usesTokens: entitled && [
+            saved.headline,
+            saved.body,
+            draft.headline,
+            draft.body
+        ].some((text)=>text == null ? void 0 : text.includes('{{'))
+    });
+    // Compared as it would be stored, so a name typed before the variables
+    // arrived still counts as the change it becomes on save.
+    const dirty = JSON.stringify(_extends({}, draft, {
+        headline: copy.stored(draft.headline),
+        body: copy.stored(draft.body)
+    })) !== savedKey;
+    const patch = (partial)=>setDraft((previous)=>_extends({}, previous, partial));
+    const headlineShownAsTyped = copy.shownAsTyped(draft.headline);
+    const bodyShownAsTyped = copy.shownAsTyped(draft.body);
+    const handleSave = async ()=>{
+        const dequeue = queueLoading();
+        try {
+            /**
+       * Refuse a save whose seed the server never confirmed (AGL-1358).
+       *
+       * There is no create path to exempt here, and that is the point: unlike
+       * a new row at a fresh uid, this writes a FIXED document path, so a
+       * blank `draft` — what `host?.popup ?? {}` yields when the cache has
+       * never seen a popup — is not harmless. It replaces whatever popup the
+       * server really holds with an empty one. Both the populated and the
+       * empty seed are guarded for the same reason.
+       *
+       * The activity log rides inside the guard: a logged "Updated popup"
+       * whose write never happened leaves the history disagreeing with the
+       * popup it claims to explain.
+       *
+       * The guard WRAPS the write — an early return is a shape you can keep
+       * while losing the protection.
+       */ const verdict = await writeGuardedBySeed({
+                subject: 'popup',
+                unreadable: hostStatus === 'error',
+                fromCache: hostFromCache
+            }, async ()=>{
+                var _draft_imageUrl, _draft_imageAlt, _draft_ctaLabel, _draft_ctaHref, _draft_trigger, _draft_triggerValue, _draft_frequencyDays, _draft_startAtMs, _draft_endAtMs;
+                await updateDoc(doc(firestore, 'hosts', hostId), {
+                    popup: {
+                        enabled: Boolean(draft.enabled),
+                        headline: copy.storedWithin(draft.headline, 120),
+                        body: copy.storedWithin(draft.body, 1000),
+                        imageUrl: ((_draft_imageUrl = draft.imageUrl) != null ? _draft_imageUrl : '').trim(),
+                        // AGL-1896. Capped at the same length the media library saves
+                        // alt through, so a value defaulted from an asset and a value
+                        // typed here cannot diverge.
+                        imageAlt: ((_draft_imageAlt = draft.imageAlt) != null ? _draft_imageAlt : '').trim().slice(0, MEDIA_ALT_MAX_LENGTH),
+                        ctaLabel: ((_draft_ctaLabel = draft.ctaLabel) != null ? _draft_ctaLabel : '').slice(0, 60),
+                        ctaHref: ((_draft_ctaHref = draft.ctaHref) != null ? _draft_ctaHref : '').trim(),
+                        collectEmail: Boolean(draft.collectEmail),
+                        trigger: (_draft_trigger = draft.trigger) != null ? _draft_trigger : 'delay',
+                        triggerValue: Math.max(0, Number((_draft_triggerValue = draft.triggerValue) != null ? _draft_triggerValue : 3)),
+                        frequencyDays: Math.max(1, Number((_draft_frequencyDays = draft.frequencyDays) != null ? _draft_frequencyDays : 7)),
+                        startAtMs: (_draft_startAtMs = draft.startAtMs) != null ? _draft_startAtMs : null,
+                        endAtMs: (_draft_endAtMs = draft.endAtMs) != null ? _draft_endAtMs : null
+                    }
+                });
+                logActivity('Updated popup', {
+                    type: 'host',
+                    id: hostId
+                });
+            });
+            // A refusal leaves every typed value on screen. A save that silently
+            // does nothing sends the user back to retype a form that will be
+            // refused again just as quietly.
+            if (!verdict.ok) {
+                return void enqueueSnackbar(verdict.message, {
+                    variant: 'warning',
+                    persist: false
+                });
+            }
+            enqueueSnackbar('Popup saved', {
+                variant: 'success',
+                persist: false
+            });
+        } catch (error) {
+            console.error(error);
+            enqueueSnackbar('An error has occurred', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            dequeue();
+        }
+    };
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: "Promotional popup",
+        help: pluginDocsHelp('marketingOverlays', {
+            anchor: '#promotional-popups',
+            excerpt: 'The site-wide default popup. Its only frequency cap is a number ' + 'of days — the once-per-session choice is on the overlays card.'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: !entitled ? /*#__PURE__*/ _jsx(Alert, {
+            severity: "info",
+            children: 'Popups are included from the Starter plan — see Billing to ' + 'upgrade.'
+        }) : /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 2,
+            children: [
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Switch, {
+                            checked: Boolean(draft.enabled),
+                            onChange: (event)=>patch({
+                                    enabled: event.target.checked
+                                })
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            children: draft.enabled ? 'Active on your published site' : 'Off'
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    label: "Headline",
+                    size: "small",
+                    value: copy.editable(draft.headline),
+                    onChange: (event)=>patch({
+                            headline: copy.stored(event.target.value)
+                        }),
+                    error: headlineShownAsTyped.length > 0,
+                    helperText: shownAsTypedHelperText(headlineShownAsTyped),
+                    fullWidth: true
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    label: "Body",
+                    size: "small",
+                    value: copy.editable(draft.body),
+                    onChange: (event)=>patch({
+                            body: copy.stored(event.target.value)
+                        }),
+                    error: bodyShownAsTyped.length > 0,
+                    helperText: (_shownAsTypedHelperText = shownAsTypedHelperText(bodyShownAsTyped)) != null ? _shownAsTypedHelperText : OVERLAY_COPY_HELPER_TEXT,
+                    multiline: true,
+                    minRows: 2,
+                    fullWidth: true
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        flexWrap: 'wrap',
+                        rowGap: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Image URL (optional)",
+                            size: "small",
+                            placeholder: "Pick from the media library",
+                            value: (_draft_imageUrl = draft.imageUrl) != null ? _draft_imageUrl : '',
+                            onChange: (event)=>patch({
+                                    imageUrl: event.target.value
+                                }),
+                            sx: {
+                                flex: 1,
+                                minWidth: 220
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            onClick: ()=>void (async ()=>{
+                                    const media = await (pickMedia == null ? void 0 : pickMedia());
+                                    if (!media) return;
+                                    // Alt defaults from the asset (AGL-1896), never clobbering
+                                    // one the author already typed for THIS popup. Undefined
+                                    // when the asset has no alt or the field is already
+                                    // filled, and the spread then leaves `imageAlt` alone.
+                                    const inheritedAlt = inheritedMediaAlt({
+                                        placementAlt: draft.imageAlt,
+                                        assetAlt: media.alt
+                                    });
+                                    patch(_extends({
+                                        imageUrl: media.url
+                                    }, inheritedAlt ? {
+                                        imageAlt: inheritedAlt
+                                    } : {}));
+                                })(),
+                            children: 'Browse media'
+                        })
+                    ]
+                }),
+                ((_draft_imageUrl1 = draft.imageUrl) != null ? _draft_imageUrl1 : '').trim() ? /*#__PURE__*/ _jsx(TextField, {
+                    label: "Image alt text",
+                    size: "small",
+                    value: (_draft_imageAlt = draft.imageAlt) != null ? _draft_imageAlt : '',
+                    onChange: (event)=>patch({
+                            imageAlt: event.target.value
+                        }),
+                    helperText: 'Describes the image for screen readers. Filled in from the ' + 'media library when you pick an image that has alt text. ' + 'Leave empty only if the image is purely decorative.'
+                }) : null,
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Switch, {
+                            checked: Boolean(draft.collectEmail),
+                            onChange: (event)=>patch({
+                                    collectEmail: event.target.checked
+                                })
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            children: 'Collect emails (submissions land in your Inbox and Contacts)'
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        flexWrap: 'wrap',
+                        rowGap: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Button label",
+                            size: "small",
+                            value: (_draft_ctaLabel = draft.ctaLabel) != null ? _draft_ctaLabel : '',
+                            onChange: (event)=>patch({
+                                    ctaLabel: event.target.value
+                                }),
+                            sx: {
+                                width: 160
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Button link",
+                            size: "small",
+                            placeholder: "/sale or https://…",
+                            value: (_draft_ctaHref = draft.ctaHref) != null ? _draft_ctaHref : '',
+                            onChange: (event)=>patch({
+                                    ctaHref: event.target.value
+                                }),
+                            sx: {
+                                flex: 1,
+                                minWidth: 180
+                            }
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        flexWrap: 'wrap',
+                        rowGap: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(TextField, {
+                            select: true,
+                            label: "Show",
+                            size: "small",
+                            value: (_draft_trigger = draft.trigger) != null ? _draft_trigger : 'delay',
+                            onChange: (event)=>patch({
+                                    trigger: event.target.value
+                                }),
+                            sx: {
+                                minWidth: 200
+                            },
+                            children: TRIGGERS.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                    value: option.value,
+                                    children: option.label
+                                }, option.value))
+                        }),
+                        draft.trigger !== 'exit' ? /*#__PURE__*/ _jsx(TextField, {
+                            label: draft.trigger === 'scroll' ? 'Depth %' : 'Seconds',
+                            size: "small",
+                            type: "number",
+                            value: (_draft_triggerValue = draft.triggerValue) != null ? _draft_triggerValue : 3,
+                            onChange: (event)=>patch({
+                                    triggerValue: Number(event.target.value)
+                                }),
+                            sx: {
+                                width: 110
+                            }
+                        }) : null,
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Re-show after (days)",
+                            size: "small",
+                            type: "number",
+                            value: (_draft_frequencyDays = draft.frequencyDays) != null ? _draft_frequencyDays : 7,
+                            onChange: (event)=>patch({
+                                    frequencyDays: Number(event.target.value)
+                                }),
+                            sx: {
+                                width: 160
+                            }
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        flexWrap: 'wrap',
+                        rowGap: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Start (optional)",
+                            size: "small",
+                            type: "datetime-local",
+                            value: toLocalInput(draft.startAtMs),
+                            onChange: (event)=>patch({
+                                    startAtMs: fromLocalInput(event.target.value)
+                                }),
+                            slotProps: {
+                                inputLabel: {
+                                    shrink: true
+                                }
+                            },
+                            sx: {
+                                minWidth: 200
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "End (optional)",
+                            size: "small",
+                            type: "datetime-local",
+                            value: toLocalInput(draft.endAtMs),
+                            onChange: (event)=>patch({
+                                    endAtMs: fromLocalInput(event.target.value)
+                                }),
+                            slotProps: {
+                                inputLabel: {
+                                    shrink: true
+                                }
+                            },
+                            sx: {
+                                minWidth: 200
+                            }
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    variant: "contained",
+                    color: "primary",
+                    disabled: !dirty || Boolean(draft.enabled) && !((_draft_body = draft.body) == null ? void 0 : _draft_body.trim()) || copy.pending(draft.headline, draft.body),
+                    onClick: handleSave,
+                    sx: {
+                        alignSelf: 'flex-start'
+                    },
+                    children: 'Save'
+                }),
+                /*#__PURE__*/ _jsx(OverlayStatsRow, {
+                    hostId: hostId,
+                    impressionKey: "popupImpression",
+                    actionKey: "popupClick",
+                    actionLabel: "clicks"
+                })
+            ]
+        })
+    });
+}
+PopupCard.displayName = 'PopupCard';
+export default PopupCard;
+
+//# sourceMappingURL=popup-card.component.js.map

package/src/lib/components/popup-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/popup-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 {\n  type AglynOrgBilling,\n  checkEntitlement,\n  type HostPopup,\n  inheritedMediaAlt,\n  MEDIA_ALT_MAX_LENGTH,\n  pluginDocsHelp,\n  useMediaPicker,\n} from '@aglyn/aglyn'\nimport { CardDisplay, useLoading } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Button,\n  MenuItem,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { doc, updateDoc } from 'firebase/firestore'\nimport { useEffect, useState } from 'react'\nimport {\n  useFirestore,\n  useFirestoreDoc,\n  useHostActivityLogger,\n  writeGuardedBySeed,\n} from '@aglyn/tenant-feature-instance'\nimport OverlayStatsRow from './overlay-stats-row.component'\nimport {\n  OVERLAY_COPY_HELPER_TEXT,\n  shownAsTypedHelperText,\n  useOverlayCopyEditor,\n} from './use-overlay-copy-editor'\n\nexport interface PopupCardProps {\n  hostId: string\n  /** Resolved entitlement source (AGL-395). */\n  org?: Partial<AglynOrgBilling>\n}\n\nconst TRIGGERS: Array<{ value: NonNullable<HostPopup['trigger']>; label: string }> = [\n  { value: 'delay', label: 'After a delay (seconds)' },\n  { value: 'scroll', label: 'At scroll depth (%)' },\n  { value: 'exit', label: 'On exit intent (desktop)' },\n]\n\nconst toLocalInput = (ms?: number) => {\n  if (!ms) return ''\n  const date = new Date(ms - new Date().getTimezoneOffset() * 60000)\n  return date.toISOString().slice(0, 16)\n}\nconst fromLocalInput = (value: string) =>\n  value ? new Date(value).getTime() : undefined\n\n/**\n * Promotional popup editor (AGL-196): one popup per host, persisted on the\n * host doc; the tenant render handles triggers, scheduling, and\n * frequency capping. marketingOverlays-gated (Starter+). The headline and\n * body are edited through `useOverlayCopyEditor`, like the bar's text\n * (AGL-2885).\n */\nexport function PopupCard(props: PopupCardProps) {\n  const { hostId } = props\n  const firestore = useFirestore()\n  const { org } = props\n  const { enqueueSnackbar } = useSnackbar()\n  const { queueLoading } = useLoading()\n  const logActivity = useHostActivityLogger(hostId)\n  const {\n    data: host,\n    status: hostStatus,\n    /**\n     * The host doc this form is seeded from is unconfirmed by the server\n     * (AGL-1358). The save writes the whole `popup` map — a nested map value\n     * REPLACES atomically, so `updateDoc` protects only the host doc's other\n     * fields, never the popup's own — and every field of it comes off this\n     * seed. Against a cached read, retyping the headline restores yesterday's\n     * body, link, schedule and enabled flag on a live site.\n     */\n    fromCache: hostFromCache,\n  } = useFirestoreDoc<any>(\n    () => doc(firestore, 'hosts', hostId),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const entitled = checkEntitlement(org, 'marketingOverlays')\n\n  const saved = (host?.popup ?? {}) as HostPopup\n  const [draft, setDraft] = useState<HostPopup>(saved)\n  const savedKey = JSON.stringify(saved)\n  useEffect(() => {\n    setDraft(JSON.parse(savedKey))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [savedKey])\n\n  // The console media browser is provided by the shell (AGL-395).\n  const { pickMedia } = useMediaPicker()\n  // The headline and body are held in their stored form; the fields show them\n  // as typed.\n  const copy = useOverlayCopyEditor({\n    hostId,\n    host,\n    usesTokens:\n      entitled &&\n      [saved.headline, saved.body, draft.headline, draft.body].some((text) =>\n        text?.includes('{{'),\n      ),\n  })\n  // Compared as it would be stored, so a name typed before the variables\n  // arrived still counts as the change it becomes on save.\n  const dirty =\n    JSON.stringify({\n      ...draft,\n      headline: copy.stored(draft.headline),\n      body: copy.stored(draft.body),\n    }) !== savedKey\n  const patch = (partial: Partial<HostPopup>) =>\n    setDraft((previous) => ({ ...previous, ...partial }))\n  const headlineShownAsTyped = copy.shownAsTyped(draft.headline)\n  const bodyShownAsTyped = copy.shownAsTyped(draft.body)\n\n  const handleSave = async () => {\n    const dequeue = queueLoading()\n    try {\n      /**\n       * Refuse a save whose seed the server never confirmed (AGL-1358).\n       *\n       * There is no create path to exempt here, and that is the point: unlike\n       * a new row at a fresh uid, this writes a FIXED document path, so a\n       * blank `draft` — what `host?.popup ?? {}` yields when the cache has\n       * never seen a popup — is not harmless. It replaces whatever popup the\n       * server really holds with an empty one. Both the populated and the\n       * empty seed are guarded for the same reason.\n       *\n       * The activity log rides inside the guard: a logged \"Updated popup\"\n       * whose write never happened leaves the history disagreeing with the\n       * popup it claims to explain.\n       *\n       * The guard WRAPS the write — an early return is a shape you can keep\n       * while losing the protection.\n       */\n      const verdict = await writeGuardedBySeed(\n        {\n          subject: 'popup',\n          unreadable: hostStatus === 'error',\n          fromCache: hostFromCache,\n        },\n        async () => {\n          await updateDoc(doc(firestore, 'hosts', hostId), {\n            popup: {\n              enabled: Boolean(draft.enabled),\n              headline: copy.storedWithin(draft.headline, 120),\n              body: copy.storedWithin(draft.body, 1000),\n              imageUrl: (draft.imageUrl ?? '').trim(),\n              // AGL-1896. Capped at the same length the media library saves\n              // alt through, so a value defaulted from an asset and a value\n              // typed here cannot diverge.\n              imageAlt: (draft.imageAlt ?? '')\n                .trim()\n                .slice(0, MEDIA_ALT_MAX_LENGTH),\n              ctaLabel: (draft.ctaLabel ?? '').slice(0, 60),\n              ctaHref: (draft.ctaHref ?? '').trim(),\n              collectEmail: Boolean(draft.collectEmail),\n              trigger: draft.trigger ?? 'delay',\n              triggerValue: Math.max(0, Number(draft.triggerValue ?? 3)),\n              frequencyDays: Math.max(1, Number(draft.frequencyDays ?? 7)),\n              startAtMs: draft.startAtMs ?? null,\n              endAtMs: draft.endAtMs ?? null,\n            },\n          })\n          logActivity('Updated popup', { type: 'host', id: hostId })\n        },\n      )\n      // A refusal leaves every typed value on screen. A save that silently\n      // does nothing sends the user back to retype a form that will be\n      // refused again just as quietly.\n      if (!verdict.ok) {\n        return void enqueueSnackbar(verdict.message, {\n          variant: 'warning',\n          persist: false,\n        })\n      }\n      enqueueSnackbar('Popup saved', { variant: 'success', persist: false })\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar('An error has occurred', {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      dequeue()\n    }\n  }\n\n  return (\n    <CardDisplay\n      header=\"Promotional popup\"\n      help={pluginDocsHelp('marketingOverlays', {\n        anchor: '#promotional-popups',\n        excerpt:\n          'The site-wide default popup. Its only frequency cap is a number ' +\n          'of days — the once-per-session choice is on the overlays card.',\n      })}\n      contentGutterX\n      contentGutterY\n    >\n      {!entitled ? (\n        <Alert severity=\"info\">\n          {'Popups are included from the Starter plan — see Billing to ' +\n            'upgrade.'}\n        </Alert>\n      ) : (\n        <Stack spacing={2}>\n          <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            <Switch\n              checked={Boolean(draft.enabled)}\n              onChange={(event) => patch({ enabled: event.target.checked })}\n            />\n            <Typography variant=\"body2\">\n              {draft.enabled ? 'Active on your published site' : 'Off'}\n            </Typography>\n          </Stack>\n          <TextField\n            label=\"Headline\"\n            size=\"small\"\n            value={copy.editable(draft.headline)}\n            onChange={(event) =>\n              patch({ headline: copy.stored(event.target.value) })\n            }\n            error={headlineShownAsTyped.length > 0}\n            helperText={shownAsTypedHelperText(headlineShownAsTyped)}\n            fullWidth\n          />\n          <TextField\n            label=\"Body\"\n            size=\"small\"\n            value={copy.editable(draft.body)}\n            onChange={(event) =>\n              patch({ body: copy.stored(event.target.value) })\n            }\n            error={bodyShownAsTyped.length > 0}\n            helperText={\n              shownAsTypedHelperText(bodyShownAsTyped) ?? OVERLAY_COPY_HELPER_TEXT\n            }\n            multiline\n            minRows={2}\n            fullWidth\n          />\n          <Stack direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap', rowGap: 1 }}>\n            <TextField\n              label=\"Image URL (optional)\"\n              size=\"small\"\n              placeholder=\"Pick from the media library\"\n              value={draft.imageUrl ?? ''}\n              onChange={(event) => patch({ imageUrl: event.target.value })}\n              sx={{ flex: 1, minWidth: 220 }}\n            />\n            <Button\n              size=\"small\"\n              onClick={() =>\n                void (async () => {\n                  const media = await pickMedia?.()\n                  if (!media) return\n                  // Alt defaults from the asset (AGL-1896), never clobbering\n                  // one the author already typed for THIS popup. Undefined\n                  // when the asset has no alt or the field is already\n                  // filled, and the spread then leaves `imageAlt` alone.\n                  const inheritedAlt = inheritedMediaAlt({\n                    placementAlt: draft.imageAlt,\n                    assetAlt: media.alt,\n                  })\n                  patch({\n                    imageUrl: media.url,\n                    ...(inheritedAlt ? { imageAlt: inheritedAlt } : {}),\n                  })\n                })()\n              }\n            >\n              {'Browse media'}\n            </Button>\n          </Stack>\n          {/* AGL-1896: the popup image rendered `alt=\"\"` with no field\n              behind it. Offered whenever there is an image to describe. */}\n          {(draft.imageUrl ?? '').trim() ? (\n            <TextField\n              label=\"Image alt text\"\n              size=\"small\"\n              value={draft.imageAlt ?? ''}\n              onChange={(event) => patch({ imageAlt: event.target.value })}\n              helperText={\n                'Describes the image for screen readers. Filled in from the ' +\n                'media library when you pick an image that has alt text. ' +\n                'Leave empty only if the image is purely decorative.'\n              }\n            />\n          ) : null}\n          <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            <Switch\n              checked={Boolean(draft.collectEmail)}\n              onChange={(event) =>\n                patch({ collectEmail: event.target.checked })\n              }\n            />\n            <Typography variant=\"body2\">\n              {'Collect emails (submissions land in your Inbox and Contacts)'}\n            </Typography>\n          </Stack>\n          <Stack direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap', rowGap: 1 }}>\n            <TextField\n              label=\"Button label\"\n              size=\"small\"\n              value={draft.ctaLabel ?? ''}\n              onChange={(event) => patch({ ctaLabel: event.target.value })}\n              sx={{ width: 160 }}\n            />\n            <TextField\n              label=\"Button link\"\n              size=\"small\"\n              placeholder=\"/sale or https://…\"\n              value={draft.ctaHref ?? ''}\n              onChange={(event) => patch({ ctaHref: event.target.value })}\n              sx={{ flex: 1, minWidth: 180 }}\n            />\n          </Stack>\n          <Stack direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap', rowGap: 1 }}>\n            <TextField\n              select\n              label=\"Show\"\n              size=\"small\"\n              value={draft.trigger ?? 'delay'}\n              onChange={(event) =>\n                patch({ trigger: event.target.value as HostPopup['trigger'] })\n              }\n              sx={{ minWidth: 200 }}\n            >\n              {TRIGGERS.map((option) => (\n                <MenuItem key={option.value} value={option.value}>\n                  {option.label}\n                </MenuItem>\n              ))}\n            </TextField>\n            {draft.trigger !== 'exit' ? (\n              <TextField\n                label={draft.trigger === 'scroll' ? 'Depth %' : 'Seconds'}\n                size=\"small\"\n                type=\"number\"\n                value={draft.triggerValue ?? 3}\n                onChange={(event) =>\n                  patch({ triggerValue: Number(event.target.value) })\n                }\n                sx={{ width: 110 }}\n              />\n            ) : null}\n            <TextField\n              label=\"Re-show after (days)\"\n              size=\"small\"\n              type=\"number\"\n              value={draft.frequencyDays ?? 7}\n              onChange={(event) =>\n                patch({ frequencyDays: Number(event.target.value) })\n              }\n              sx={{ width: 160 }}\n            />\n          </Stack>\n          <Stack direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap', rowGap: 1 }}>\n            <TextField\n              label=\"Start (optional)\"\n              size=\"small\"\n              type=\"datetime-local\"\n              value={toLocalInput(draft.startAtMs)}\n              onChange={(event) =>\n                patch({ startAtMs: fromLocalInput(event.target.value) })\n              }\n              slotProps={{ inputLabel: { shrink: true } }}\n              sx={{ minWidth: 200 }}\n            />\n            <TextField\n              label=\"End (optional)\"\n              size=\"small\"\n              type=\"datetime-local\"\n              value={toLocalInput(draft.endAtMs)}\n              onChange={(event) =>\n                patch({ endAtMs: fromLocalInput(event.target.value) })\n              }\n              slotProps={{ inputLabel: { shrink: true } }}\n              sx={{ minWidth: 200 }}\n            />\n          </Stack>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            disabled={\n              !dirty ||\n              (Boolean(draft.enabled) && !draft.body?.trim()) ||\n              copy.pending(draft.headline, draft.body)\n            }\n            onClick={handleSave}\n            sx={{ alignSelf: 'flex-start' }}\n          >\n            {'Save'}\n          </Button>\n          <OverlayStatsRow\n            hostId={hostId}\n            impressionKey=\"popupImpression\"\n            actionKey=\"popupClick\"\n            actionLabel=\"clicks\"\n          />\n        </Stack>\n      )}\n    </CardDisplay>\n  )\n}\nPopupCard.displayName = 'PopupCard'\n\nexport default PopupCard\n"],"names":["checkEntitlement","inheritedMediaAlt","MEDIA_ALT_MAX_LENGTH","pluginDocsHelp","useMediaPicker","CardDisplay","useLoading","useSnackbar","Alert","Button","MenuItem","Stack","Switch","TextField","Typography","doc","updateDoc","useEffect","useState","useFirestore","useFirestoreDoc","useHostActivityLogger","writeGuardedBySeed","OverlayStatsRow","OVERLAY_COPY_HELPER_TEXT","shownAsTypedHelperText","useOverlayCopyEditor","TRIGGERS","value","label","toLocalInput","ms","date","Date","getTimezoneOffset","toISOString","slice","fromLocalInput","getTime","undefined","PopupCard","props","draft","hostId","firestore","org","enqueueSnackbar","queueLoading","logActivity","data","host","status","hostStatus","fromCache","hostFromCache","idField","entitled","saved","popup","setDraft","savedKey","JSON","stringify","parse","pickMedia","copy","usesTokens","headline","body","some","text","includes","dirty","stored","patch","partial","previous","headlineShownAsTyped","shownAsTyped","bodyShownAsTyped","handleSave","dequeue","verdict","subject","unreadable","enabled","Boolean","storedWithin","imageUrl","trim","imageAlt","ctaLabel","ctaHref","collectEmail","trigger","triggerValue","Math","max","Number","frequencyDays","startAtMs","endAtMs","type","id","ok","message","variant","persist","error","console","allowDuplicate","header","help","anchor","excerpt","contentGutterX","contentGutterY","severity","spacing","direction","sx","alignItems","checked","onChange","event","target","size","editable","length","helperText","fullWidth","multiline","minRows","flexWrap","rowGap","placeholder","flex","minWidth","onClick","media","inheritedAlt","placementAlt","assetAlt","alt","url","width","select","map","option","slotProps","inputLabel","shrink","color","disabled","pending","alignSelf","impressionKey","actionKey","actionLabel","displayName"],"mappings":"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"}

package/src/lib/components/record-attribution-widget.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @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.
+ */
+/**
+ * The widget this plugin draws in another plugin's record-attribution zone.
+ *
+ * The CRM and the Inbox each host a zone on a record and hand it
+ * `{ hostId, recordKind, recordId }` in their own words. Those words are the
+ * identify moments this plugin credits a conversion at, so the widget reads
+ * the kind as one — and draws nothing for a kind it never credits, rather
+ * than reading a document that cannot exist.
+ */
+export interface RecordAttributionWidgetProps {
+    hostId?: string | null;
+    recordKind?: string;
+    recordId?: string;
+}
+export declare function RecordAttributionWidget(props: RecordAttributionWidgetProps): import("react").JSX.Element;
+export declare namespace RecordAttributionWidget {
+    var displayName: string;
+}
+export default RecordAttributionWidget;

package/src/lib/components/record-attribution-widget.js

@@ -0,0 +1,33 @@
+/**
+ * @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 } from "react/jsx-runtime";
+import { CAMPAIGN_CONVERSION_KINDS } from "@aglyn/shared-ui-email-campaigns/model/campaign-conversions";
+import ConversionAttribution from "./conversion-attribution.component.js";
+const isConversionKind = (kind)=>CAMPAIGN_CONVERSION_KINDS.includes(kind);
+export function RecordAttributionWidget(props) {
+    const { hostId, recordKind, recordId } = props;
+    if (!hostId || !recordId || !isConversionKind(recordKind)) return null;
+    return /*#__PURE__*/ _jsx(ConversionAttribution, {
+        hostId: hostId,
+        kind: recordKind,
+        refId: recordId
+    });
+}
+RecordAttributionWidget.displayName = 'RecordAttributionWidget';
+export default RecordAttributionWidget;
+
+//# sourceMappingURL=record-attribution-widget.js.map

package/src/lib/components/record-attribution-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/record-attribution-widget.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\n'use client'\n\nimport {\n  CAMPAIGN_CONVERSION_KINDS,\n  type CampaignConversionKind,\n} from '@aglyn/shared-ui-email-campaigns/model/campaign-conversions'\nimport ConversionAttribution from './conversion-attribution.component'\n\n/**\n * The widget this plugin draws in another plugin's record-attribution zone.\n *\n * The CRM and the Inbox each host a zone on a record and hand it\n * `{ hostId, recordKind, recordId }` in their own words. Those words are the\n * identify moments this plugin credits a conversion at, so the widget reads\n * the kind as one — and draws nothing for a kind it never credits, rather\n * than reading a document that cannot exist.\n */\nexport interface RecordAttributionWidgetProps {\n  hostId?: string | null\n  recordKind?: string\n  recordId?: string\n}\n\nconst isConversionKind = (kind: unknown): kind is CampaignConversionKind =>\n  (CAMPAIGN_CONVERSION_KINDS as readonly unknown[]).includes(kind)\n\nexport function RecordAttributionWidget(props: RecordAttributionWidgetProps) {\n  const { hostId, recordKind, recordId } = props\n  if (!hostId || !recordId || !isConversionKind(recordKind)) return null\n  return <ConversionAttribution hostId={hostId} kind={recordKind} refId={recordId} />\n}\nRecordAttributionWidget.displayName = 'RecordAttributionWidget'\n\nexport default RecordAttributionWidget\n"],"names":["CAMPAIGN_CONVERSION_KINDS","ConversionAttribution","isConversionKind","kind","includes","RecordAttributionWidget","props","hostId","recordKind","recordId","refId","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED;;AAEA,SACEA,yBAAyB,QAEpB,8DAA6D;AACpE,OAAOC,2BAA2B,wCAAoC;AAiBtE,MAAMC,mBAAmB,CAACC,OACxB,AAACH,0BAAiDI,QAAQ,CAACD;AAE7D,OAAO,SAASE,wBAAwBC,KAAmC;IACzE,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACzC,IAAI,CAACC,UAAU,CAACE,YAAY,CAACP,iBAAiBM,aAAa,OAAO;IAClE,qBAAO,KAACP;QAAsBM,QAAQA;QAAQJ,MAAMK;QAAYE,OAAOD;;AACzE;AACAJ,wBAAwBM,WAAW,GAAG;AAEtC,eAAeN,wBAAuB"}

package/src/lib/components/site-runtime.d.ts

@@ -0,0 +1,9 @@
+import type { SiteRuntimeProps } from '@aglyn/aglyn';
+/**
+ * The marketing plugin's site runtime (AGL-419), relocated verbatim from
+ * the tenant catch-all: announcement bar + popup rendering (AGL-195/200),
+ * the experiments runner (AGL-253), the site-event automations engine
+ * (AGL-256/257), and automation-triggered overlays. Reads back exactly the
+ * page-props slices its server enricher wrote (site-contract shapes).
+ */
+export declare function MarketingSiteRuntime({ hostId, screens, page }: SiteRuntimeProps): import("react").JSX.Element;