@singleton-sd/post-kit-editor 0.4.0 → 0.6.0

package/dist/preview/PreviewDataEditor.js

@@ -4,13 +4,15 @@ exports.PreviewDataEditor = PreviewDataEditor;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const email_template_editor_1 = require("../email-template-editor");
+const validate_1 = require("../validation/validate");
 const preview_rows_1 = require("./preview-rows");
-function PreviewDataEditor({ declaredVariables, previewData, onChange, }) {
+function PreviewDataEditor({ declaredVariables, previewData, onChange, issues = [], }) {
     const p = email_template_editor_1.EDITOR_CLASS_PREFIX;
     const rows = (0, preview_rows_1.buildPreviewRows)(declaredVariables, previewData);
     const [newKey, setNewKey] = (0, react_1.useState)('');
     const [addError, setAddError] = (0, react_1.useState)(null);
     const addInputId = (0, react_1.useId)();
+    const issuesForKey = (key) => issues.filter((i) => i.field === 'previewData' && i.variable === key);
     const handleValueChange = (0, react_1.useCallback)((key, value) => {
         onChange((0, preview_rows_1.setPreviewValue)(previewData, key, value));
     }, [onChange, previewData]);
@@ -29,7 +31,12 @@ function PreviewDataEditor({ declaredVariables, previewData, onChange, }) {
         setNewKey('');
         onChange(next);
     }, [newKey, onChange, previewData]);
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `${p}preview-data`, "data-testid": `${p}preview-data`, children: [(0, jsx_runtime_1.jsx)("h2", { className: `${p}preview-data-heading`, children: "Preview data" }), (0, jsx_runtime_1.jsx)("p", { className: `${p}preview-data-hint`, children: "Sample values only \u2014 never real personal data. These are committed with the template source." }), (0, jsx_runtime_1.jsx)("ul", { className: `${p}preview-data-list`, "data-testid": `${p}preview-data-list`, children: rows.map((row) => ((0, jsx_runtime_1.jsxs)("li", { className: `${p}preview-data-row${row.extra ? ` ${p}preview-data-row-extra` : ''}`, "data-testid": `${p}preview-data-row`, "data-extra": row.extra ? 'true' : 'false', "data-key": row.key, children: [(0, jsx_runtime_1.jsxs)("label", { className: `${p}preview-data-key`, htmlFor: `${p}preview-${row.key}`, children: [row.key, row.extra ? ((0, jsx_runtime_1.jsx)("span", { className: `${p}preview-data-extra-badge`, "data-testid": `${p}preview-extra`, children: "extra" })) : null] }), (0, jsx_runtime_1.jsx)("input", { id: `${p}preview-${row.key}`, className: `${p}preview-data-value`, type: "text", value: row.value, onChange: (event) => handleValueChange(row.key, event.target.value), "data-testid": `${p}preview-value-${row.key}`, autoComplete: "off", spellCheck: false }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: `${p}preview-data-remove`, onClick: () => handleRemove(row.key), "data-testid": `${p}preview-remove-${row.key}`, children: "Remove" })] }, row.key))) }), (0, jsx_runtime_1.jsxs)("form", { className: `${p}preview-data-add`, onSubmit: handleAdd, "data-testid": `${p}preview-data-add`, children: [(0, jsx_runtime_1.jsx)("label", { className: `${p}preview-data-label`, htmlFor: addInputId, children: "Add preview key" }), (0, jsx_runtime_1.jsx)("input", { id: addInputId, className: `${p}preview-data-input`, type: "text", value: newKey, onChange: (event) => {
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `${p}preview-data`, "data-testid": `${p}preview-data`, children: [(0, jsx_runtime_1.jsx)("h2", { className: `${p}preview-data-heading`, children: "Preview data" }), (0, jsx_runtime_1.jsx)("p", { className: `${p}preview-data-hint`, children: "Sample values only \u2014 never real personal data. These are committed with the template source." }), (0, jsx_runtime_1.jsx)("ul", { className: `${p}preview-data-list`, "data-testid": `${p}preview-data-list`, children: rows.map((row) => {
+                    const rowIssues = issuesForKey(row.key);
+                    const describedBy = rowIssues.map((i) => (0, validate_1.inlineIssueId)(i.code, i.variable)).join(' ');
+                    const inputId = `${p}preview-${(0, validate_1.domIdSegment)(row.key)}`;
+                    return ((0, jsx_runtime_1.jsxs)("li", { className: `${p}preview-data-row${row.extra ? ` ${p}preview-data-row-extra` : ''}`, "data-testid": `${p}preview-data-row`, "data-extra": row.extra ? 'true' : 'false', "data-key": row.key, children: [(0, jsx_runtime_1.jsxs)("label", { className: `${p}preview-data-key`, htmlFor: inputId, children: [row.key, row.extra ? ((0, jsx_runtime_1.jsx)("span", { className: `${p}preview-data-extra-badge`, "data-testid": `${p}preview-extra`, children: "extra" })) : null] }), (0, jsx_runtime_1.jsx)("input", { id: inputId, className: `${p}preview-data-value`, type: "text", value: row.value, onChange: (event) => handleValueChange(row.key, event.target.value), "data-testid": `${p}preview-value-${row.key}`, autoComplete: "off", spellCheck: false, "aria-invalid": rowIssues.length > 0, "aria-describedby": describedBy || undefined }), rowIssues.map((issue) => ((0, jsx_runtime_1.jsxs)("p", { id: (0, validate_1.inlineIssueId)(issue.code, issue.variable), className: `${p}preview-data-row-error`, "data-testid": `${p}preview-validation-${row.key}`, role: "status", children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: issue.severity === 'error' ? '!' : 'i' }), ' ', issue.message] }, `${issue.code}:${issue.variable}`))), (0, jsx_runtime_1.jsx)("button", { type: "button", className: `${p}preview-data-remove`, onClick: () => handleRemove(row.key), "data-testid": `${p}preview-remove-${row.key}`, "aria-label": `Remove preview value ${row.key}`, children: "Remove" })] }, row.key));
+                }) }), (0, jsx_runtime_1.jsxs)("form", { className: `${p}preview-data-add`, onSubmit: handleAdd, "data-testid": `${p}preview-data-add`, children: [(0, jsx_runtime_1.jsx)("label", { className: `${p}preview-data-label`, htmlFor: addInputId, children: "Add preview key" }), (0, jsx_runtime_1.jsx)("input", { id: addInputId, className: `${p}preview-data-input`, type: "text", value: newKey, onChange: (event) => {
                             setNewKey(event.target.value);
                             setAddError(null);
                         }, placeholder: "variable.name", autoComplete: "off", spellCheck: false, "data-testid": `${p}preview-add-key` }), (0, jsx_runtime_1.jsx)("button", { type: "submit", className: `${p}preview-data-add-button`, "data-testid": `${p}preview-add`, children: "Add" }), addError ? ((0, jsx_runtime_1.jsx)("p", { className: `${p}preview-data-error`, "data-testid": `${p}preview-add-error`, role: "status", children: addError })) : null] })] }));

package/dist/preview/PreviewDataEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewDataEditor.js","sourceRoot":"","sources":["../../src/preview/PreviewDataEditor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PreviewDataEditor.js","sourceRoot":"","sources":["../../src/preview/PreviewDataEditor.tsx"],"names":[],"mappings":"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"}

package/dist/preview/PreviewPane.d.ts

@@ -1,7 +1,9 @@
 import type { TemplateSourceFiles } from '../types';
+import { type PreviewRenderResult } from './render-template-preview';
 export interface PreviewPaneProps {
     files: TemplateSourceFiles;
     onPreviewRendered?: (html: string) => void;
+    onPreviewResultChange?: (result: PreviewRenderResult | null) => void;
     debounceMs?: number;
 }
-export declare function PreviewPane({ files, onPreviewRendered, debounceMs, }: PreviewPaneProps): JSX.Element;
+export declare function PreviewPane({ files, onPreviewRendered, onPreviewResultChange, debounceMs, }: PreviewPaneProps): JSX.Element;

package/dist/preview/PreviewPane.js

@@ -6,15 +6,18 @@ const react_1 = require("react");
 const email_template_editor_1 = require("../email-template-editor");
 const preview_frame_1 = require("./preview-frame");
 const render_template_preview_1 = require("./render-template-preview");
-function PreviewPane({ files, onPreviewRendered, debounceMs = render_template_preview_1.PREVIEW_DEBOUNCE_MS, }) {
+function PreviewPane({ files, onPreviewRendered, onPreviewResultChange, debounceMs = render_template_preview_1.PREVIEW_DEBOUNCE_MS, }) {
     const p = email_template_editor_1.EDITOR_CLASS_PREFIX;
     const [result, setResult] = (0, react_1.useState)(null);
     const [pending, setPending] = (0, react_1.useState)(true);
     const onPreviewRenderedRef = (0, react_1.useRef)(onPreviewRendered);
     onPreviewRenderedRef.current = onPreviewRendered;
+    const onPreviewResultChangeRef = (0, react_1.useRef)(onPreviewResultChange);
+    onPreviewResultChangeRef.current = onPreviewResultChange;
     const requestIdRef = (0, react_1.useRef)(0);
     (0, react_1.useEffect)(() => {
         setPending(true);
+        onPreviewResultChangeRef.current?.(null);
         const requestId = ++requestIdRef.current;
         const timer = setTimeout(() => {
             void (async () => {
@@ -24,6 +27,7 @@ function PreviewPane({ files, onPreviewRendered, debounceMs = render_template_pr
                 }
                 setResult(next);
                 setPending(false);
+                onPreviewResultChangeRef.current?.(next);
                 if (next.ok) {
                     onPreviewRenderedRef.current?.(next.html);
                 }

package/dist/preview/PreviewPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewPane.js","sourceRoot":"","sources":["../../src/preview/PreviewPane.tsx"],"names":[],"mappings":";;AA+BA,kCAsDC;;AArFD,iCAA2D;AAE3D,oEAA+D;AAE/D,mDAAmE;AACnE,uEAImC;AAsBnC,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,iBAAiB,EACjB,UAAU,GAAG,6CAAmB,GACf;IACjB,MAAM,CAAC,GAAG,2CAAmB,CAAC;IAC9B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAA6B,IAAI,CAAC,CAAC;IACvE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAAC,iBAAiB,CAAC,CAAC;IACvD,oBAAoB,CAAC,OAAO,GAAG,iBAAiB,CAAC;IACjD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,SAAS,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC;QACzC,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,KAAK,CAAC,KAAK,IAAI,EAAE;gBACf,MAAM,IAAI,GAAG,MAAM,IAAA,+CAAqB,EAAC,KAAK,CAAC,CAAC;gBAEhD,IAAI,SAAS,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;oBACvC,OAAO;gBACT,CAAC;gBACD,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;oBACZ,oBAAoB,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC5C,CAAC;YACH,CAAC,CAAC,EAAE,CAAC;QACP,CAAC,EAAE,UAAU,CAAC,CAAC;QAEf,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;YAEpB,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,qCAAS,SAAS,EAAE,GAAG,CAAC,cAAc,iBAAe,GAAG,CAAC,cAAc,aACrE,+BAAI,SAAS,EAAE,GAAG,CAAC,sBAAsB,wBAAc,EACtD,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CACjB,8BAAG,SAAS,EAAE,GAAG,CAAC,qBAAqB,iBAAe,GAAG,CAAC,iBAAiB,wCAEvE,CACL,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IAAI,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CAC5B,8BAAG,SAAS,EAAE,GAAG,CAAC,qBAAqB,iBAAe,GAAG,CAAC,kBAAkB,uCAExE,CACL,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAC,kCAAkB,IAAC,OAAO,EAAE,MAAM,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3E,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,uBAAC,4BAAY,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IAChD,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PreviewPane.js","sourceRoot":"","sources":["../../src/preview/PreviewPane.tsx"],"names":[],"mappings":";;AAoCA,kCA6DC;;AAjGD,iCAA2D;AAE3D,oEAA+D;AAE/D,mDAAmE;AACnE,uEAImC;AA2BnC,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,GAAG,6CAAmB,GACf;IACjB,MAAM,CAAC,GAAG,2CAAmB,CAAC;IAC9B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAA6B,IAAI,CAAC,CAAC;IACvE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAAC,iBAAiB,CAAC,CAAC;IACvD,oBAAoB,CAAC,OAAO,GAAG,iBAAiB,CAAC;IACjD,MAAM,wBAAwB,GAAG,IAAA,cAAM,EAAC,qBAAqB,CAAC,CAAC;IAC/D,wBAAwB,CAAC,OAAO,GAAG,qBAAqB,CAAC;IACzD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;QAGjB,wBAAwB,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;QACzC,MAAM,SAAS,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC;QACzC,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,KAAK,CAAC,KAAK,IAAI,EAAE;gBACf,MAAM,IAAI,GAAG,MAAM,IAAA,+CAAqB,EAAC,KAAK,CAAC,CAAC;gBAEhD,IAAI,SAAS,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;oBACvC,OAAO;gBACT,CAAC;gBACD,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,wBAAwB,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;gBACzC,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;oBACZ,oBAAoB,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC5C,CAAC;YACH,CAAC,CAAC,EAAE,CAAC;QACP,CAAC,EAAE,UAAU,CAAC,CAAC;QAEf,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;YAEpB,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,qCAAS,SAAS,EAAE,GAAG,CAAC,cAAc,iBAAe,GAAG,CAAC,cAAc,aACrE,+BAAI,SAAS,EAAE,GAAG,CAAC,sBAAsB,wBAAc,EACtD,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CACjB,8BAAG,SAAS,EAAE,GAAG,CAAC,qBAAqB,iBAAe,GAAG,CAAC,iBAAiB,wCAEvE,CACL,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IAAI,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CAC5B,8BAAG,SAAS,EAAE,GAAG,CAAC,qBAAqB,iBAAe,GAAG,CAAC,kBAAkB,uCAExE,CACL,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAC,kCAAkB,IAAC,OAAO,EAAE,MAAM,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3E,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,uBAAC,4BAAY,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IAChD,CACX,CAAC;AACJ,CAAC"}

package/dist/save-send/SaveSendBar.d.ts

@@ -0,0 +1,12 @@
+import type { ActionFeedback } from './types';
+export interface SaveSendBarProps {
+    saveFeedback: ActionFeedback;
+    sendFeedback: ActionFeedback;
+    busy: boolean;
+    validationBlocked?: boolean;
+    validationBlockedReason?: string;
+    showSendTest: boolean;
+    onSave: () => void;
+    onSendTest: (recipient: string) => void;
+}
+export declare function SaveSendBar({ saveFeedback, sendFeedback, busy, validationBlocked, validationBlockedReason, showSendTest, onSave, onSendTest, }: SaveSendBarProps): JSX.Element;

package/dist/save-send/SaveSendBar.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SaveSendBar = SaveSendBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const email_template_editor_1 = require("../email-template-editor");
+const recipient_1 = require("./recipient");
+function SaveSendBar({ saveFeedback, sendFeedback, busy, validationBlocked = false, validationBlockedReason = 'Fix validation errors before saving.', showSendTest, onSave, onSendTest, }) {
+    const p = email_template_editor_1.EDITOR_CLASS_PREFIX;
+    const recipientId = (0, react_1.useId)();
+    const blockedId = (0, react_1.useId)();
+    const [recipient, setRecipient] = (0, react_1.useState)('');
+    const [recipientError, setRecipientError] = (0, react_1.useState)(null);
+    const controlsDisabled = busy || validationBlocked;
+    const handleSend = (event) => {
+        event.preventDefault();
+        if (controlsDisabled) {
+            return;
+        }
+        const error = (0, recipient_1.validateSendTestRecipient)(recipient);
+        if (error) {
+            setRecipientError(error);
+            return;
+        }
+        setRecipientError(null);
+        onSendTest(recipient.trim());
+    };
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `${p}save-send`, "data-testid": `${p}save-send`, children: [(0, jsx_runtime_1.jsx)("h2", { className: `${p}save-send-heading`, children: showSendTest ? 'Save & send test' : 'Save' }), validationBlocked ? ((0, jsx_runtime_1.jsx)("p", { id: blockedId, className: `${p}save-send-blocked`, "data-testid": `${p}save-blocked-reason`, role: "status", children: validationBlockedReason })) : null, (0, jsx_runtime_1.jsxs)("div", { className: `${p}save-send-actions`, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: `${p}save-button`, "data-testid": `${p}save`, disabled: controlsDisabled, "aria-describedby": validationBlocked ? blockedId : undefined, onClick: onSave, children: saveFeedback.status === 'pending' ? 'Saving…' : 'Save' }), (0, jsx_runtime_1.jsx)(ActionStatusMessage, { feedback: saveFeedback, testId: `${p}save-status`, successLabel: "Saved." })] }), showSendTest ? ((0, jsx_runtime_1.jsxs)("form", { className: `${p}send-test`, "data-testid": `${p}send-test`, onSubmit: handleSend, children: [(0, jsx_runtime_1.jsx)("label", { className: `${p}send-test-label`, htmlFor: recipientId, children: "Send test to" }), (0, jsx_runtime_1.jsx)("input", { id: recipientId, className: `${p}send-test-input`, type: "email", value: recipient, disabled: controlsDisabled, autoComplete: "off", spellCheck: false, placeholder: "you@example.com", "data-testid": `${p}send-test-recipient`, onChange: (event) => {
+                            setRecipient(event.target.value);
+                            setRecipientError(null);
+                        } }), (0, jsx_runtime_1.jsx)("button", { type: "submit", className: `${p}send-test-button`, "data-testid": `${p}send-test-submit`, disabled: controlsDisabled, "aria-describedby": validationBlocked ? blockedId : undefined, children: sendFeedback.status === 'pending' ? 'Sending…' : 'Send test' }), recipientError ? ((0, jsx_runtime_1.jsx)("p", { className: `${p}send-test-error`, "data-testid": `${p}send-test-invalid`, role: "status", children: recipientError })) : null, (0, jsx_runtime_1.jsx)(ActionStatusMessage, { feedback: sendFeedback, testId: `${p}send-test-status`, successLabel: "Test send completed." })] })) : null] }));
+}
+function ActionStatusMessage({ feedback, testId, successLabel, }) {
+    const p = email_template_editor_1.EDITOR_CLASS_PREFIX;
+    if (feedback.status === 'idle' || feedback.status === 'pending') {
+        return null;
+    }
+    const text = feedback.status === 'success'
+        ? (feedback.message ?? successLabel)
+        : (feedback.message ?? 'Something went wrong.');
+    return ((0, jsx_runtime_1.jsx)("p", { className: `${p}action-status ${p}action-status-${feedback.status}`, "data-testid": testId, role: feedback.status === 'failure' ? 'alert' : 'status', children: text }));
+}
+//# sourceMappingURL=SaveSendBar.js.map

package/dist/save-send/SaveSendBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveSendBar.js","sourceRoot":"","sources":["../../src/save-send/SaveSendBar.tsx"],"names":[],"mappings":"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"}

package/dist/save-send/dirty.d.ts

@@ -0,0 +1,3 @@
+import type { TemplateSourceFiles } from '../types';
+export declare function stableStringify(value: unknown): string;
+export declare function isWorkingDirty(seed: TemplateSourceFiles, working: TemplateSourceFiles): boolean;

package/dist/save-send/dirty.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stableStringify = stableStringify;
+exports.isWorkingDirty = isWorkingDirty;
+function stableStringify(value) {
+    return JSON.stringify(sortKeys(value));
+}
+function sortKeys(value) {
+    if (value === null || typeof value !== 'object') {
+        return value;
+    }
+    if (Array.isArray(value)) {
+        return value.map(sortKeys);
+    }
+    const record = value;
+    const sorted = {};
+    for (const key of Object.keys(record).sort()) {
+        sorted[key] = sortKeys(record[key]);
+    }
+    return sorted;
+}
+function isWorkingDirty(seed, working) {
+    return (stableStringify(seed.templateJson) !== stableStringify(working.templateJson) ||
+        stableStringify(seed.metadata) !== stableStringify(working.metadata) ||
+        stableStringify(seed.previewData) !== stableStringify(working.previewData));
+}
+//# sourceMappingURL=dirty.js.map

package/dist/save-send/dirty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dirty.js","sourceRoot":"","sources":["../../src/save-send/dirty.ts"],"names":[],"mappings":";;AAMA,0CAEC;AAqBD,wCAMC;AA7BD,SAAgB,eAAe,CAAC,KAAc;IAC5C,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AACzC,CAAC;AAED,SAAS,QAAQ,CAAC,KAAc;IAC9B,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAChD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC;IACD,MAAM,MAAM,GAAG,KAAgC,CAAC;IAChD,MAAM,MAAM,GAA4B,EAAE,CAAC;IAC3C,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;QAC7C,MAAM,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACtC,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAMD,SAAgB,cAAc,CAAC,IAAyB,EAAE,OAA4B;IACpF,OAAO,CACL,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC;QAC5E,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC;QACpE,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,eAAe,CAAC,OAAO,CAAC,WAAW,CAAC,CAC3E,CAAC;AACJ,CAAC"}

package/dist/save-send/recipient.d.ts

@@ -0,0 +1 @@
+export declare function validateSendTestRecipient(recipient: string): string | null;

package/dist/save-send/recipient.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateSendTestRecipient = validateSendTestRecipient;
+const BASIC_EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function validateSendTestRecipient(recipient) {
+    const trimmed = recipient.trim();
+    if (!trimmed) {
+        return 'Enter a recipient email address.';
+    }
+    if (!BASIC_EMAIL.test(trimmed)) {
+        return 'Enter a valid email address.';
+    }
+    return null;
+}
+//# sourceMappingURL=recipient.js.map

package/dist/save-send/recipient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recipient.js","sourceRoot":"","sources":["../../src/save-send/recipient.ts"],"names":[],"mappings":";;AAMA,8DASC;AAXD,MAAM,WAAW,GAAG,4BAA4B,CAAC;AAEjD,SAAgB,yBAAyB,CAAC,SAAiB;IACzD,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC;IACjC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,kCAAkC,CAAC;IAC5C,CAAC;IACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QAC/B,OAAO,8BAA8B,CAAC;IACxC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/save-send/types.d.ts

@@ -0,0 +1,21 @@
+import type { TemplateSourceFiles } from '../types';
+import { serializeTemplateSource } from '../serialization';
+export type SerializedTemplateSource = ReturnType<typeof serializeTemplateSource>;
+export interface SaveResult {
+    ok: boolean;
+    message?: string;
+}
+export interface SendTestResult {
+    ok: boolean;
+    message?: string;
+}
+export type ActionStatus = 'idle' | 'pending' | 'success' | 'failure';
+export interface ActionFeedback {
+    status: ActionStatus;
+    message?: string;
+}
+export declare function invokeConsumerAction(run: () => Promise<SaveResult | SendTestResult | void> | SaveResult | SendTestResult | void): Promise<SaveResult | SendTestResult>;
+export declare function buildSavePayload(files: TemplateSourceFiles): {
+    serialized: SerializedTemplateSource;
+    files: TemplateSourceFiles;
+};

package/dist/save-send/types.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.invokeConsumerAction = invokeConsumerAction;
+exports.buildSavePayload = buildSavePayload;
+const serialization_1 = require("../serialization");
+async function invokeConsumerAction(run) {
+    try {
+        const result = await run();
+        if (result && typeof result === 'object' && 'ok' in result) {
+            return result;
+        }
+        return { ok: true };
+    }
+    catch (error) {
+        return {
+            ok: false,
+            message: error instanceof Error ? error.message : String(error),
+        };
+    }
+}
+function buildSavePayload(files) {
+    return {
+        serialized: (0, serialization_1.serializeTemplateSource)(files),
+        files,
+    };
+}
+//# sourceMappingURL=types.js.map

package/dist/save-send/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/save-send/types.ts"],"names":[],"mappings":";;AA8BA,oDAeC;AAGD,4CAQC;AAvDD,oDAA2D;AA6BpD,KAAK,UAAU,oBAAoB,CACxC,GAA2F;IAE3F,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC;QAC3B,IAAI,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,IAAI,IAAI,MAAM,EAAE,CAAC;YAC3D,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;IACtB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO;YACL,EAAE,EAAE,KAAK;YACT,OAAO,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;SAChE,CAAC;IACJ,CAAC;AACH,CAAC;AAGD,SAAgB,gBAAgB,CAAC,KAA0B;IAIzD,OAAO;QACL,UAAU,EAAE,IAAA,uCAAuB,EAAC,KAAK,CAAC;QAC1C,KAAK;KACN,CAAC;AACJ,CAAC"}

package/dist/validation/ValidationSummary.d.ts

@@ -0,0 +1,5 @@
+import { type ValidationIssue } from './validate';
+export interface ValidationSummaryProps {
+    issues: readonly ValidationIssue[];
+}
+export declare function ValidationSummary({ issues }: ValidationSummaryProps): JSX.Element | null;

package/dist/validation/ValidationSummary.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValidationSummary = ValidationSummary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const email_template_editor_1 = require("../email-template-editor");
+const validate_1 = require("./validate");
+function ValidationSummary({ issues }) {
+    const p = email_template_editor_1.EDITOR_CLASS_PREFIX;
+    if (issues.length === 0) {
+        return null;
+    }
+    const errors = issues.filter((i) => i.severity === 'error');
+    const warnings = issues.filter((i) => i.severity === 'warning');
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `${p}validation`, "data-testid": `${p}validation`, "aria-label": "Template validation", children: [(0, jsx_runtime_1.jsx)("h2", { className: `${p}validation-heading`, children: "Validation" }), (0, jsx_runtime_1.jsxs)("div", { className: `${p}validation-live`, "data-testid": `${p}validation-live`, "aria-live": "polite", "aria-relevant": "additions text", children: [errors.length > 0 ? (0, jsx_runtime_1.jsx)(IssueGroup, { title: "Errors", severity: "error", issues: errors }) : null, warnings.length > 0 ? ((0, jsx_runtime_1.jsx)(IssueGroup, { title: "Warnings", severity: "warning", issues: warnings })) : null] })] }));
+}
+function IssueGroup({ title, severity, issues, }) {
+    const p = email_template_editor_1.EDITOR_CLASS_PREFIX;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `${p}validation-group ${p}validation-group-${severity}`, "data-testid": `${p}validation-${severity}s`, children: [(0, jsx_runtime_1.jsxs)("h3", { className: `${p}validation-group-title`, children: [(0, jsx_runtime_1.jsx)("span", { className: `${p}validation-icon`, "aria-hidden": "true", children: severity === 'error' ? '!' : 'i' }), ' ', title] }), (0, jsx_runtime_1.jsx)("ul", { className: `${p}validation-list`, children: issues.map((issue) => {
+                    const targetId = (0, validate_1.focusTargetIdForIssue)(issue);
+                    const key = `${issue.code}:${issue.field}:${issue.variable ?? ''}:${issue.message}`;
+                    return ((0, jsx_runtime_1.jsx)("li", { className: `${p}validation-item`, children: (0, jsx_runtime_1.jsxs)("button", { type: "button", className: `${p}validation-link`, "data-testid": `${p}validation-link-${issue.code}`, "data-focus-target": targetId, onClick: () => {
+                                const el = document.getElementById(targetId);
+                                if (el && 'focus' in el && typeof el.focus === 'function') {
+                                    el.focus();
+                                }
+                            }, children: [(0, jsx_runtime_1.jsx)("span", { className: `${p}validation-code`, children: issue.code }), ': ', issue.message] }) }, key));
+                }) })] }));
+}
+//# sourceMappingURL=ValidationSummary.js.map

package/dist/validation/ValidationSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationSummary.js","sourceRoot":"","sources":["../../src/validation/ValidationSummary.tsx"],"names":[],"mappings":"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"}

package/dist/validation/extract-placeholders.d.ts

@@ -0,0 +1,2 @@
+export declare function extractPlaceholdersFromText(text: string): string[];
+export declare function extractPlaceholdersFromDocument(document: unknown): string[];

package/dist/validation/extract-placeholders.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractPlaceholdersFromText = extractPlaceholdersFromText;
+exports.extractPlaceholdersFromDocument = extractPlaceholdersFromDocument;
+const PLACEHOLDER_RE = /\{\{\s*([a-zA-Z0-9_.-]+)\s*\}\}/g;
+function extractPlaceholdersFromText(text) {
+    const seen = new Set();
+    const ordered = [];
+    PLACEHOLDER_RE.lastIndex = 0;
+    let match;
+    while ((match = PLACEHOLDER_RE.exec(text)) !== null) {
+        const name = match[1];
+        if (!seen.has(name)) {
+            seen.add(name);
+            ordered.push(name);
+        }
+    }
+    return ordered;
+}
+function extractPlaceholdersFromDocument(document) {
+    const seen = new Set();
+    const ordered = [];
+    const visit = (value) => {
+        if (typeof value === 'string') {
+            for (const name of extractPlaceholdersFromText(value)) {
+                if (!seen.has(name)) {
+                    seen.add(name);
+                    ordered.push(name);
+                }
+            }
+            return;
+        }
+        if (value === null || typeof value !== 'object') {
+            return;
+        }
+        if (Array.isArray(value)) {
+            for (const item of value) {
+                visit(item);
+            }
+            return;
+        }
+        for (const child of Object.values(value)) {
+            visit(child);
+        }
+    };
+    visit(document);
+    return ordered;
+}
+//# sourceMappingURL=extract-placeholders.js.map

package/dist/validation/extract-placeholders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-placeholders.js","sourceRoot":"","sources":["../../src/validation/extract-placeholders.ts"],"names":[],"mappings":";;AAQA,kEAaC;AAMD,0EA8BC;AApDD,MAAM,cAAc,GAAG,kCAAkC,CAAC;AAG1D,SAAgB,2BAA2B,CAAC,IAAY;IACtD,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,MAAM,OAAO,GAAa,EAAE,CAAC;IAC7B,cAAc,CAAC,SAAS,GAAG,CAAC,CAAC;IAC7B,IAAI,KAA6B,CAAC;IAClC,OAAO,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;QACpD,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACpB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACf,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAMD,SAAgB,+BAA+B,CAAC,QAAiB;IAC/D,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,MAAM,OAAO,GAAa,EAAE,CAAC;IAE7B,MAAM,KAAK,GAAG,CAAC,KAAc,EAAQ,EAAE;QACrC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,KAAK,MAAM,IAAI,IAAI,2BAA2B,CAAC,KAAK,CAAC,EAAE,CAAC;gBACtD,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;oBACpB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBACf,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC;YACD,OAAO;QACT,CAAC;QACD,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAChD,OAAO;QACT,CAAC;QACD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,KAAK,CAAC,IAAI,CAAC,CAAC;YACd,CAAC;YACD,OAAO;QACT,CAAC;QACD,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAgC,CAAC,EAAE,CAAC;YACpE,KAAK,CAAC,KAAK,CAAC,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChB,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/validation/validate.d.ts

@@ -0,0 +1,17 @@
+import type { TemplateSourceFiles } from '../types';
+export type ValidationSeverity = 'error' | 'warning';
+export interface ValidationIssue {
+    severity: ValidationSeverity;
+    code: string;
+    message: string;
+    field: 'metadata' | 'subject' | 'document' | 'previewData';
+    variable?: string;
+}
+export interface ValidateTemplateOptions {
+    renderError?: string | null;
+}
+export declare function validateTemplate(files: TemplateSourceFiles, options?: ValidateTemplateOptions): ValidationIssue[];
+export declare function hasValidationErrors(issues: readonly ValidationIssue[]): boolean;
+export declare function focusTargetIdForIssue(issue: ValidationIssue): string;
+export declare function domIdSegment(value: string): string;
+export declare function inlineIssueId(code: string, variable?: string): string;

package/dist/validation/validate.js

@@ -0,0 +1,154 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateTemplate = validateTemplate;
+exports.hasValidationErrors = hasValidationErrors;
+exports.focusTargetIdForIssue = focusTargetIdForIssue;
+exports.domIdSegment = domIdSegment;
+exports.inlineIssueId = inlineIssueId;
+const template_key_1 = require("../metadata/template-key");
+const extract_placeholders_1 = require("./extract-placeholders");
+function validateTemplate(files, options = {}) {
+    const issues = [];
+    const { metadata, previewData, templateJson } = files;
+    const key = metadata.key.trim();
+    if (key === '') {
+        issues.push({
+            severity: 'error',
+            code: 'missing-key',
+            message: 'Template key is required.',
+            field: 'metadata',
+        });
+    }
+    else {
+        const keyError = (0, template_key_1.templateKeyInputError)(metadata.key);
+        if (keyError) {
+            issues.push({
+                severity: 'error',
+                code: 'invalid-key',
+                message: keyError,
+                field: 'metadata',
+            });
+        }
+    }
+    if (metadata.name.trim() === '') {
+        issues.push({
+            severity: 'error',
+            code: 'missing-name',
+            message: 'Template name is required.',
+            field: 'metadata',
+        });
+    }
+    if (metadata.subject.trim() === '') {
+        issues.push({
+            severity: 'error',
+            code: 'missing-subject',
+            message: 'Subject is required.',
+            field: 'subject',
+        });
+    }
+    const declared = metadata.variables;
+    const declaredSet = new Set(declared);
+    const subjectPlaceholders = (0, extract_placeholders_1.extractPlaceholdersFromText)(metadata.subject);
+    const documentPlaceholders = (0, extract_placeholders_1.extractPlaceholdersFromDocument)(templateJson);
+    const used = new Set([...subjectPlaceholders, ...documentPlaceholders]);
+    for (const name of subjectPlaceholders) {
+        if (!declaredSet.has(name)) {
+            issues.push({
+                severity: 'error',
+                code: 'undeclared-variable',
+                message: `Variable "{{${name}}}" is used in the subject but is not declared.`,
+                field: 'subject',
+                variable: name,
+            });
+        }
+    }
+    for (const name of documentPlaceholders) {
+        if (!declaredSet.has(name)) {
+            issues.push({
+                severity: 'error',
+                code: 'undeclared-variable',
+                message: `Variable "{{${name}}}" is used in the document but is not declared.`,
+                field: 'document',
+                variable: name,
+            });
+        }
+    }
+    for (const name of declared) {
+        const value = previewData[name];
+        if (value === undefined || value.trim() === '') {
+            issues.push({
+                severity: 'error',
+                code: 'missing-preview-value',
+                message: `Declared variable "${name}" has no preview value.`,
+                field: 'previewData',
+                variable: name,
+            });
+        }
+    }
+    for (const name of declared) {
+        if (!used.has(name)) {
+            issues.push({
+                severity: 'warning',
+                code: 'unused-variable',
+                message: `Declared variable "${name}" is not used in the subject or document.`,
+                field: 'metadata',
+                variable: name,
+            });
+        }
+    }
+    for (const name of Object.keys(previewData)) {
+        if (!declaredSet.has(name)) {
+            issues.push({
+                severity: 'warning',
+                code: 'extra-preview-value',
+                message: `Preview value "${name}" is not declared in metadata.variables.`,
+                field: 'previewData',
+                variable: name,
+            });
+        }
+    }
+    if (options.renderError) {
+        issues.push({
+            severity: 'error',
+            code: 'render-failed',
+            message: options.renderError,
+            field: 'document',
+        });
+    }
+    return issues;
+}
+function hasValidationErrors(issues) {
+    return issues.some((issue) => issue.severity === 'error');
+}
+function focusTargetIdForIssue(issue) {
+    const p = 'pk-editor-';
+    switch (issue.field) {
+        case 'metadata':
+            if (issue.code === 'missing-key' || issue.code === 'invalid-key') {
+                return `${p}meta-key`;
+            }
+            if (issue.code === 'missing-name') {
+                return `${p}meta-name`;
+            }
+            if (issue.code === 'unused-variable') {
+                return `${p}variables`;
+            }
+            return `${p}meta-key`;
+        case 'subject':
+            return `${p}meta-subject`;
+        case 'document':
+            return `${p}canvas`;
+        case 'previewData':
+            return issue.variable ? `${p}preview-${domIdSegment(issue.variable)}` : `${p}preview-data`;
+        default:
+            return `${p}root`;
+    }
+}
+function domIdSegment(value) {
+    return encodeURIComponent(value).replace(/%/g, '_');
+}
+function inlineIssueId(code, variable) {
+    const suffix = variable ? `${code}-${domIdSegment(variable)}` : code;
+    return `pk-editor-issue-${suffix}`;
+}
+//# sourceMappingURL=validate.js.map

package/dist/validation/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","sourceRoot":"","sources":["../../src/validation/validate.ts"],"names":[],"mappings":"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"}

package/dist/variables/VariableCatalogue.js

@@ -61,7 +61,7 @@ function VariableCatalogue({ availableVariables, metadataVariables, onMetadataVa
     }, [metadataVariables, onMetadataVariablesChange]);
     const insertDisabled = target === null;
     const insertDisabledReason = 'Focus the subject field (or another editable target) before inserting a variable.';
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `${p}variables`, "data-testid": `${p}variables`, children: [(0, jsx_runtime_1.jsx)("h2", { className: `${p}variables-heading`, children: "Available variables" }), (0, jsx_runtime_1.jsx)("input", { ref: fallbackSelectRef, className: `${p}variables-clipboard-fallback`, type: "text", readOnly: true, "aria-hidden": "true", tabIndex: -1, "data-testid": `${p}variables-clipboard-fallback` }), entries.length === 0 ? ((0, jsx_runtime_1.jsx)("p", { className: `${p}variables-empty`, children: "No variables declared yet." })) : ((0, jsx_runtime_1.jsx)("ul", { className: `${p}variables-list`, children: entries.map((entry) => {
+    return ((0, jsx_runtime_1.jsxs)("section", { id: `${p}variables`, className: `${p}variables`, "data-testid": `${p}variables`, tabIndex: -1, "aria-label": "Available variables", children: [(0, jsx_runtime_1.jsx)("h2", { className: `${p}variables-heading`, children: "Available variables" }), (0, jsx_runtime_1.jsx)("input", { ref: fallbackSelectRef, className: `${p}variables-clipboard-fallback`, type: "text", readOnly: true, "aria-hidden": "true", tabIndex: -1, "data-testid": `${p}variables-clipboard-fallback` }), entries.length === 0 ? ((0, jsx_runtime_1.jsx)("p", { className: `${p}variables-empty`, children: "No variables declared yet." })) : ((0, jsx_runtime_1.jsx)("ul", { className: `${p}variables-list`, children: entries.map((entry) => {
                     const placeholder = (0, insert_at_cursor_1.variablePlaceholder)(entry.name);
                     const label = entry.label ?? entry.name;
                     return ((0, jsx_runtime_1.jsxs)("li", { className: `${p}variables-item`, children: [(0, jsx_runtime_1.jsxs)("div", { className: `${p}variables-item-main`, children: [(0, jsx_runtime_1.jsx)("span", { className: `${p}variables-item-label`, children: label }), (0, jsx_runtime_1.jsx)("code", { className: `${p}variables-item-placeholder`, children: placeholder }), entry.description ? ((0, jsx_runtime_1.jsx)("span", { className: `${p}variables-item-description`, children: entry.description })) : null] }), (0, jsx_runtime_1.jsxs)("div", { className: `${p}variables-item-actions`, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: `${p}variables-copy`, onClick: () => {