npm - @aglyn/plugins-marketing - Versions diffs - 1.0.0-beta.231 → 1.0.0-beta.233 - Mend

@aglyn/plugins-marketing 1.0.0-beta.231 → 1.0.0-beta.233

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-marketing",
-  "version": "1.0.0-beta.231",
+  "version": "1.0.0-beta.233",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,21 +25,21 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.231",
-    "@aglyn/shared-data-enums": "1.0.0-beta.231",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.231",
-    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.231",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.231",
-    "@aglyn/shared-ui-jsx-forms": "1.0.0-beta.231",
-    "@aglyn/shared-ui-next": "1.0.0-beta.231",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.231",
-    "@aglyn/shared-util-email": "1.0.0-beta.231",
-    "@aglyn/shared-util-http": "1.0.0-beta.231",
-    "@aglyn/shared-util-timestamp": "1.0.0-beta.231",
-    "@aglyn/shared-util-tools": "1.0.0-beta.231",
-    "@aglyn/tenant-data-admin": "1.0.0-beta.231",
-    "@aglyn/tenant-feature-instance": "1.0.0-beta.231",
-    "@aglyn/tenant-runtime": "1.0.0-beta.231",
+    "@aglyn/aglyn": "1.0.0-beta.233",
+    "@aglyn/shared-data-enums": "1.0.0-beta.233",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.233",
+    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.233",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.233",
+    "@aglyn/shared-ui-jsx-forms": "1.0.0-beta.233",
+    "@aglyn/shared-ui-next": "1.0.0-beta.233",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.233",
+    "@aglyn/shared-util-email": "1.0.0-beta.233",
+    "@aglyn/shared-util-http": "1.0.0-beta.233",
+    "@aglyn/shared-util-timestamp": "1.0.0-beta.233",
+    "@aglyn/shared-util-tools": "1.0.0-beta.233",
+    "@aglyn/tenant-data-admin": "1.0.0-beta.233",
+    "@aglyn/tenant-feature-instance": "1.0.0-beta.233",
+    "@aglyn/tenant-runtime": "1.0.0-beta.233",
     "@swc/helpers": "0.5.23"
   },
   "peerDependencies": {

package/src/lib/components/announcement-bar-card.component.js CHANGED Viewed

@@ -199,6 +199,7 @@ import { OVERLAY_COPY_HELPER_TEXT, shownAsTypedHelperText, useOverlayCopyEditor
                     fullWidth: true
                 }),
                 /*#__PURE__*/ _jsxs(Stack, {
+                    useFlexGap: true,
                     direction: "row",
                     spacing: 1,
                     sx: {

package/src/lib/components/announcement-bar-card.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/announcement-bar-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 HostAnnouncementBar,\n pluginDocsHelp,\n} from '@aglyn/aglyn'\nimport { CardDisplay, useLoading } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n Alert,\n Box,\n Button,\n Stack,\n Switch,\n TextField,\n Typography,\n} from '@mui/material'\nimport { doc } from 'firebase/firestore'\nimport { useEffect, useState } from 'react'\nimport {\n useFirestore,\n useFirestoreDoc,\n useHostActivityLogger,\n useUser,\n writeGuardedBySeed,\n} from '@aglyn/tenant-feature-instance'\nimport { writeSiteWideChange } from '@aglyn/tenant-feature-instance/hooks/helpers/site-wide-change'\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 AnnouncementBarCardProps {\n hostId: string\n /* Resolved entitlement source (AGL-395). /\n org?: Partial<AglynOrgBilling>\n}\n\n/\n Announcement bar editor (AGL-195): site-wide banner config persisted on\n * the host doc; the tenant render gates on the marketingOverlays\n * entitlement and resolves the text through `resolveOverlayCopy`. A typed\n * `{{name}}` is stored as its variable's id token, the only variable form\n * that resolves, and a token that would still show as typed is flagged\n * under the field (AGL-2885). Starter+ (locked-state upsell below),\n * dark-launched for plan-less workspaces like the other AGL-99 gates.\n /\nexport function AnnouncementBarCard(props: AnnouncementBarCardProps) {\n const { hostId } = props\n const firestore = useFirestore()\n const { data: user } = useUser()\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 `announcementBar` map — a nested\n * map value REPLACES atomically, so `updateDoc` protects only the host\n * doc's other fields, never the bar's own — and every field of it comes\n * off this seed. Against a cached read, editing the text reinstates the\n * colours, link and `enabled` flag from that snapshot on a banner shown\n * on every page of a published 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?.announcementBar ?? {}) as HostAnnouncementBar\n const [draft, setDraft] = useState<HostAnnouncementBar>(saved)\n // Re-seed the form when another session edits the host doc.\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 // `draft.text` is held in its stored form; the field shows it as typed.\n const copy = useOverlayCopyEditor({\n hostId,\n host,\n usesTokens:\n entitled &&\n [saved.text, draft.text].some((text) => text?.includes('{{')),\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({ ...draft, text: copy.stored(draft.text) }) !== savedKey\n const patch = (partial: Partial<HostAnnouncementBar>) =>\n setDraft((previous) => ({ ...previous, ...partial }))\n const textShownAsTyped = copy.shownAsTyped(draft.text)\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, and that is the point: unlike a\n * new row at a fresh uid, this writes a FIXED document path, so the\n * blank `draft` that `host?.announcementBar ?? {}` yields when the\n * cache has never seen a bar is not harmless — it replaces whatever\n * bar the server really holds with an empty, disabled one.\n \n The activity log rides inside the guard: a logged \"Updated\n * announcement bar\" whose write never happened leaves the history\n * disagreeing with the bar 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: 'announcement bar',\n unreadable: hostStatus === 'error',\n fromCache: hostFromCache,\n },\n async () => {\n await writeSiteWideChange({\n firestore,\n user,\n hostId,\n write: (batch) =>\n batch.update(doc(firestore, 'hosts', hostId), {\n announcementBar: {\n enabled: Boolean(draft.enabled),\n text: copy.storedWithin(draft.text, 300),\n href: (draft.href ?? '').trim(),\n backgroundColor: (draft.backgroundColor ?? '').trim(),\n textColor: (draft.textColor ?? '').trim(),\n dismissible: draft.dismissible !== false,\n },\n }),\n })\n logActivity('Updated announcement bar', { 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('Announcement bar saved', {\n variant: 'success',\n persist: false,\n })\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=\"Announcement bar\"\n help={pluginDocsHelp('marketingOverlays', {\n anchor: '#announcement-bar',\n })}\n contentGutterX\n contentGutterY\n >\n {!entitled ? (\n <Alert severity=\"info\">\n {'Announcement bars and popups are included from the Starter ' +\n 'plan — see Billing to 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\n ? 'Shown on every page of your published site'\n : 'Hidden'}\n </Typography>\n </Stack>\n <TextField\n label=\"Text\"\n size=\"small\"\n value={copy.editable(draft.text)}\n onChange={(event) =>\n patch({ text: copy.stored(event.target.value) })\n }\n error={textShownAsTyped.length > 0}\n helperText={\n shownAsTypedHelperText(textShownAsTyped) ?? OVERLAY_COPY_HELPER_TEXT\n }\n multiline\n fullWidth\n />\n <Stack direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap', rowGap: 1 }}>\n <TextField\n label=\"Link (optional)\"\n size=\"small\"\n placeholder=\"/sale or https://…\"\n value={draft.href ?? ''}\n onChange={(event) => patch({ href: event.target.value })}\n sx={{ flex: 1, minWidth: 200 }}\n />\n <TextField\n label=\"Background\"\n size=\"small\"\n placeholder=\"#111827\"\n value={draft.backgroundColor ?? ''}\n onChange={(event) =>\n patch({ backgroundColor: event.target.value })\n }\n sx={{ width: 120 }}\n />\n <TextField\n label=\"Text color\"\n size=\"small\"\n placeholder=\"#ffffff\"\n value={draft.textColor ?? ''}\n onChange={(event) => patch({ textColor: event.target.value })}\n sx={{ width: 120 }}\n />\n </Stack>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n <Switch\n checked={draft.dismissible !== false}\n onChange={(event) =>\n patch({ dismissible: event.target.checked })\n }\n />\n <Typography variant=\"body2\">\n {'Visitors can dismiss it (re-shown when the text changes)'}\n </Typography>\n </Stack>\n {draft.text ? (\n <Box\n sx={{\n px: 2,\n py: 1,\n borderRadius: 1,\n textAlign: 'center',\n fontSize: 14,\n color: draft.textColor \|\| '#fff',\n backgroundColor: draft.backgroundColor \|\| '#111827',\n }}\n >\n {copy.preview(draft.text)}\n </Box>\n ) : null}\n <Button\n variant=\"contained\"\n color=\"primary\"\n disabled={\n !dirty \|\|\n (Boolean(draft.enabled) && !draft.text?.trim()) \|\|\n copy.pending(draft.text)\n }\n onClick={handleSave}\n sx={{ alignSelf: 'flex-start' }}\n >\n {'Save'}\n </Button>\n <OverlayStatsRow\n hostId={hostId}\n actionKey=\"barClick\"\n actionLabel=\"clicks\"\n />\n </Stack>\n )}\n </CardDisplay>\n )\n}\nAnnouncementBarCard.displayName = 'AnnouncementBarCard'\n\nexport default AnnouncementBarCard\n"],"names":["checkEntitlement","pluginDocsHelp","CardDisplay","useLoading","useSnackbar","Alert","Box","Button","Stack","Switch","TextField","Typography","doc","useEffect","useState","useFirestore","useFirestoreDoc","useHostActivityLogger","useUser","writeGuardedBySeed","writeSiteWideChange","OverlayStatsRow","OVERLAY_COPY_HELPER_TEXT","shownAsTypedHelperText","useOverlayCopyEditor","AnnouncementBarCard","props","draft","hostId","firestore","data","user","org","enqueueSnackbar","queueLoading","logActivity","host","status","hostStatus","fromCache","hostFromCache","idField","entitled","saved","announcementBar","setDraft","savedKey","JSON","stringify","parse","copy","usesTokens","text","some","includes","dirty","stored","patch","partial","previous","textShownAsTyped","shownAsTyped","handleSave","dequeue","verdict","subject","unreadable","write","batch","update","enabled","Boolean","storedWithin","href","trim","backgroundColor","textColor","dismissible","type","id","ok","message","variant","persist","error","console","allowDuplicate","header","help","anchor","contentGutterX","contentGutterY","severity","spacing","direction","sx","alignItems","checked","onChange","event","target","label","size","value","editable","length","helperText","multiline","fullWidth","flexWrap","rowGap","placeholder","flex","minWidth","width","px","py","borderRadius","textAlign","fontSize","color","preview","disabled","pending","onClick","alignSelf","actionKey","actionLabel","displayName"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/announcement-bar-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 HostAnnouncementBar,\n pluginDocsHelp,\n} from '@aglyn/aglyn'\nimport { CardDisplay, useLoading } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n Alert,\n Box,\n Button,\n Stack,\n Switch,\n TextField,\n Typography,\n} from '@mui/material'\nimport { doc } from 'firebase/firestore'\nimport { useEffect, useState } from 'react'\nimport {\n useFirestore,\n useFirestoreDoc,\n useHostActivityLogger,\n useUser,\n writeGuardedBySeed,\n} from '@aglyn/tenant-feature-instance'\nimport { writeSiteWideChange } from '@aglyn/tenant-feature-instance/hooks/helpers/site-wide-change'\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 AnnouncementBarCardProps {\n hostId: string\n /* Resolved entitlement source (AGL-395). /\n org?: Partial<AglynOrgBilling>\n}\n\n/\n Announcement bar editor (AGL-195): site-wide banner config persisted on\n * the host doc; the tenant render gates on the marketingOverlays\n * entitlement and resolves the text through `resolveOverlayCopy`. A typed\n * `{{name}}` is stored as its variable's id token, the only variable form\n * that resolves, and a token that would still show as typed is flagged\n * under the field (AGL-2885). Starter+ (locked-state upsell below),\n * dark-launched for plan-less workspaces like the other AGL-99 gates.\n /\nexport function AnnouncementBarCard(props: AnnouncementBarCardProps) {\n const { hostId } = props\n const firestore = useFirestore()\n const { data: user } = useUser()\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 `announcementBar` map — a nested\n * map value REPLACES atomically, so `updateDoc` protects only the host\n * doc's other fields, never the bar's own — and every field of it comes\n * off this seed. Against a cached read, editing the text reinstates the\n * colours, link and `enabled` flag from that snapshot on a banner shown\n * on every page of a published 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?.announcementBar ?? {}) as HostAnnouncementBar\n const [draft, setDraft] = useState<HostAnnouncementBar>(saved)\n // Re-seed the form when another session edits the host doc.\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 // `draft.text` is held in its stored form; the field shows it as typed.\n const copy = useOverlayCopyEditor({\n hostId,\n host,\n usesTokens:\n entitled &&\n [saved.text, draft.text].some((text) => text?.includes('{{')),\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({ ...draft, text: copy.stored(draft.text) }) !== savedKey\n const patch = (partial: Partial<HostAnnouncementBar>) =>\n setDraft((previous) => ({ ...previous, ...partial }))\n const textShownAsTyped = copy.shownAsTyped(draft.text)\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, and that is the point: unlike a\n * new row at a fresh uid, this writes a FIXED document path, so the\n * blank `draft` that `host?.announcementBar ?? {}` yields when the\n * cache has never seen a bar is not harmless — it replaces whatever\n * bar the server really holds with an empty, disabled one.\n \n The activity log rides inside the guard: a logged \"Updated\n * announcement bar\" whose write never happened leaves the history\n * disagreeing with the bar 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: 'announcement bar',\n unreadable: hostStatus === 'error',\n fromCache: hostFromCache,\n },\n async () => {\n await writeSiteWideChange({\n firestore,\n user,\n hostId,\n write: (batch) =>\n batch.update(doc(firestore, 'hosts', hostId), {\n announcementBar: {\n enabled: Boolean(draft.enabled),\n text: copy.storedWithin(draft.text, 300),\n href: (draft.href ?? '').trim(),\n backgroundColor: (draft.backgroundColor ?? '').trim(),\n textColor: (draft.textColor ?? '').trim(),\n dismissible: draft.dismissible !== false,\n },\n }),\n })\n logActivity('Updated announcement bar', { 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('Announcement bar saved', {\n variant: 'success',\n persist: false,\n })\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=\"Announcement bar\"\n help={pluginDocsHelp('marketingOverlays', {\n anchor: '#announcement-bar',\n })}\n contentGutterX\n contentGutterY\n >\n {!entitled ? (\n <Alert severity=\"info\">\n {'Announcement bars and popups are included from the Starter ' +\n 'plan — see Billing to 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\n ? 'Shown on every page of your published site'\n : 'Hidden'}\n </Typography>\n </Stack>\n <TextField\n label=\"Text\"\n size=\"small\"\n value={copy.editable(draft.text)}\n onChange={(event) =>\n patch({ text: copy.stored(event.target.value) })\n }\n error={textShownAsTyped.length > 0}\n helperText={\n shownAsTypedHelperText(textShownAsTyped) ?? OVERLAY_COPY_HELPER_TEXT\n }\n multiline\n fullWidth\n />\n <Stack useFlexGap direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap', rowGap: 1 }}>\n <TextField\n label=\"Link (optional)\"\n size=\"small\"\n placeholder=\"/sale or https://…\"\n value={draft.href ?? ''}\n onChange={(event) => patch({ href: event.target.value })}\n sx={{ flex: 1, minWidth: 200 }}\n />\n <TextField\n label=\"Background\"\n size=\"small\"\n placeholder=\"#111827\"\n value={draft.backgroundColor ?? ''}\n onChange={(event) =>\n patch({ backgroundColor: event.target.value })\n }\n sx={{ width: 120 }}\n />\n <TextField\n label=\"Text color\"\n size=\"small\"\n placeholder=\"#ffffff\"\n value={draft.textColor ?? ''}\n onChange={(event) => patch({ textColor: event.target.value })}\n sx={{ width: 120 }}\n />\n </Stack>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n <Switch\n checked={draft.dismissible !== false}\n onChange={(event) =>\n patch({ dismissible: event.target.checked })\n }\n />\n <Typography variant=\"body2\">\n {'Visitors can dismiss it (re-shown when the text changes)'}\n </Typography>\n </Stack>\n {draft.text ? (\n <Box\n sx={{\n px: 2,\n py: 1,\n borderRadius: 1,\n textAlign: 'center',\n fontSize: 14,\n color: draft.textColor \|\| '#fff',\n backgroundColor: draft.backgroundColor \|\| '#111827',\n }}\n >\n {copy.preview(draft.text)}\n </Box>\n ) : null}\n <Button\n variant=\"contained\"\n color=\"primary\"\n disabled={\n !dirty \|\|\n (Boolean(draft.enabled) && !draft.text?.trim()) \|\|\n copy.pending(draft.text)\n }\n onClick={handleSave}\n sx={{ alignSelf: 'flex-start' }}\n >\n {'Save'}\n </Button>\n <OverlayStatsRow\n hostId={hostId}\n actionKey=\"barClick\"\n actionLabel=\"clicks\"\n />\n </Stack>\n )}\n </CardDisplay>\n )\n}\nAnnouncementBarCard.displayName = 'AnnouncementBarCard'\n\nexport default AnnouncementBarCard\n"],"names":["checkEntitlement","pluginDocsHelp","CardDisplay","useLoading","useSnackbar","Alert","Box","Button","Stack","Switch","TextField","Typography","doc","useEffect","useState","useFirestore","useFirestoreDoc","useHostActivityLogger","useUser","writeGuardedBySeed","writeSiteWideChange","OverlayStatsRow","OVERLAY_COPY_HELPER_TEXT","shownAsTypedHelperText","useOverlayCopyEditor","AnnouncementBarCard","props","draft","hostId","firestore","data","user","org","enqueueSnackbar","queueLoading","logActivity","host","status","hostStatus","fromCache","hostFromCache","idField","entitled","saved","announcementBar","setDraft","savedKey","JSON","stringify","parse","copy","usesTokens","text","some","includes","dirty","stored","patch","partial","previous","textShownAsTyped","shownAsTyped","handleSave","dequeue","verdict","subject","unreadable","write","batch","update","enabled","Boolean","storedWithin","href","trim","backgroundColor","textColor","dismissible","type","id","ok","message","variant","persist","error","console","allowDuplicate","header","help","anchor","contentGutterX","contentGutterY","severity","spacing","direction","sx","alignItems","checked","onChange","event","target","label","size","value","editable","length","helperText","multiline","fullWidth","useFlexGap","flexWrap","rowGap","placeholder","flex","minWidth","width","px","py","borderRadius","textAlign","fontSize","color","preview","disabled","pending","onClick","alignSelf","actionKey","actionLabel","displayName"],"mappings":"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"}

package/src/lib/components/campaign-composer.js CHANGED Viewed

@@ -1430,6 +1430,7 @@ export function CampaignComposer(props) {
                 minRows: 4
             }),
             designed ? null : /*#__PURE__*/ _jsxs(Stack, {
+                useFlexGap: true,
                 direction: "row",
                 spacing: 1,
                 sx: {