@cosmicdrift/kumiko-document-designer 0.377.0 → 0.379.0

package/dist/web/index.d.ts

@@ -1,6 +1,6 @@
 export { type DocumentDesignerClientOptions, documentDesignerClient, PdfTemplateEditorScreen, } from "./client-plugin.tsx";
 export { composeLayoutHtml, type LayoutRegionValues } from "./compose-layout.ts";
-export { documentDesignerTranslations } from "./i18n.ts";
+export { documentDesignerTranslations } from "./default-translations.ts";
 export { PdfTemplateEditor, type PdfTemplateEditorProps } from "./pdf-template-editor.tsx";
 export { type PreviewRecordPicker, type PreviewRecordPickerProps, PreviewRecordPickerProvider, } from "./preview-record-picker.tsx";
 export { usageLabel, usedByLabel } from "./used-by-label.ts";

package/dist/web/index.js

@@ -1,7 +1,6 @@
-// @runtime client
 export { documentDesignerClient, PdfTemplateEditorScreen, } from "./client-plugin.js";
 export { composeLayoutHtml } from "./compose-layout.js";
-export { documentDesignerTranslations } from "./i18n.js";
+export { documentDesignerTranslations } from "./default-translations.js";
 export { PdfTemplateEditor } from "./pdf-template-editor.js";
 export { PreviewRecordPickerProvider, } from "./preview-record-picker.js";
 export { usageLabel, usedByLabel } from "./used-by-label.js";

package/dist/web/layout-editor-body.js

@@ -1,11 +1,11 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { DocumentContentEditor, MAIL_DOCUMENT_BLOCKS, PDF_DOCUMENT_BLOCKS, TemplateResolverHandlers, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
+import { pluralKey } from "@cosmicdrift/kumiko-renderer/headless";
 import { cn, ModeSwitch, TextareaField } from "@cosmicdrift/kumiko-renderer/web";
 import { useState } from "react";
-import { BRANDING_QUERY_QN } from "../constants.js";
 import { composeLayoutHtml } from "./compose-layout.js";
+import { BRANDING_QUERY_QN } from "./constants.js";
 import { EditorHeader } from "./editor-header.js";
 import { EditorBody, EditorFooter, EditorFrame } from "./editor-shell.js";
 import { fileUrl } from "./file-name.js";
@@ -137,14 +137,14 @@ export function LayoutEditorBody({ kind, slug, isSystemAdmin, source, overviewRo
                 ? { tone: "bad", text: issueText(t, blockingIssue) }
                 : {
                     tone: "ok",
-                    text: t(isMail
+                    text: t(pluralKey(isMail
                         ? "documentDesigner.editor.footer.okMail"
-                        : "documentDesigner.editor.footer.okPdf", { count: userCount }),
+                        : "documentDesigner.editor.footer.okPdf", userCount), { count: userCount }),
                 };
     const accentColor = branding.data?.accentColor ?? "";
     const showAccentLine = isMail && appearanceEditable && appearance.accentLine === "branding" && isHexColor(accentColor);
-    // A layout region has no per-mail variables, so a steps block there could never show a stage.
-    const blocks = (isMail ? MAIL_DOCUMENT_BLOCKS : PDF_DOCUMENT_BLOCKS).filter((block) => block !== "steps");
+    // A layout region has no per-mail variables, so a steps block there could never show a stage and an images block no photos.
+    const blocks = (isMail ? MAIL_DOCUMENT_BLOCKS : PDF_DOCUMENT_BLOCKS).filter((block) => block !== "steps" && block !== "images");
     // The layout's "logo" resource is the branding logo, so the editor shows it instead of a chip.
     const logoFile = branding.data?.logoFile ?? "";
     const resourcePreviews = logoFile === ""

package/dist/web/layout-editor.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverQueries } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useNav, useQuery, useUserRoles } from "@cosmicdrift/kumiko-renderer";
 import { ErrorState, LoadingState } from "@cosmicdrift/kumiko-renderer/web";
 import { useState } from "react";
-import { DEFAULT_LAYOUT_SLUG } from "../constants.js";
+import { DEFAULT_LAYOUT_SLUG } from "./constants.js";
 import { LayoutEditorBody } from "./layout-editor-body.js";
 import { layoutUserKind } from "./layout-users.js";
 import { parseOverviewRow } from "./overview-row.js";

package/dist/web/layout-html.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-// @runtime client
 import { cn } from "@cosmicdrift/kumiko-renderer/web";
 import { createElement, useMemo } from "react";
 // Layout regions arrive server-sanitised, but the preview still renders them

package/dist/web/layout-meta.js

@@ -1,4 +1,3 @@
-// @runtime client
 // Mirrors the mail-layout meta of template-resolver (template-meta.ts); the server parses it again on every write and render.
 export const LAYOUT_WIDTHS = [560, 600, 640];
 export const LAYOUT_FONTS = ["sans", "serif"];

package/dist/web/layout-rails.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { useAppFeatures, useNav, usePrimitives, useTranslation, } from "@cosmicdrift/kumiko-renderer";
-import { BRANDING_SCREEN_QN } from "../constants.js";
+import { BRANDING_SCREEN_QN } from "./constants.js";
 import { isHexColor, LAYOUT_ACCENT_LINES, LAYOUT_BUTTON_STYLES, LAYOUT_FONTS, LAYOUT_WIDTHS, } from "./layout-meta.js";
 import { layoutUsers } from "./layout-users.js";
 import { PLACEHOLDER_SYMBOL, SYSTEM_PLACEHOLDER_TYPE, systemPlaceholderLabel, } from "./mail-draft.js";
 import { RailField, RailHint, RailRow, RailSection } from "./rail.js";
 import { statusLabel } from "./status-label.js";
+import { templateTitleText } from "./used-by-label.js";
 const BRANDING_SCREEN_SHORT_ID = BRANDING_SCREEN_QN.slice(BRANDING_SCREEN_QN.lastIndexOf(":") + 1);
 function logoName(logoUrl) {
     const path = logoUrl.split("?")[0] ?? "";
@@ -90,7 +90,7 @@ export function AppearanceRail({ appearance, onChange, fromMjml, }) {
 export function UsedByRail({ layoutSlug, kind, rows, }) {
     const t = useTranslation();
     const users = layoutUsers(rows, kind, layoutSlug);
-    return (_jsx(RailSection, { title: t("documentDesigner.usedBy.title"), testId: "document-designer-used-by", children: users.length === 0 ? (_jsx(RailHint, { children: t("documentDesigner.usedBy.none") })) : (users.map((row) => (_jsx(RailRow, { testId: `used-by-${row.id}`, label: row.title, trailing: row.origin === "system"
+    return (_jsx(RailSection, { title: t("documentDesigner.usedBy.title"), testId: "document-designer-used-by", children: users.length === 0 ? (_jsx(RailHint, { children: t("documentDesigner.usedBy.none") })) : (users.map((row) => (_jsx(RailRow, { testId: `used-by-${row.id}`, label: templateTitleText(t, row.title), trailing: row.origin === "system"
                 ? t("documentDesigner.source.system")
                 : statusLabel(t, row.status, row.version) }, row.id)))) }));
 }

package/dist/web/layout-users.js

@@ -1,5 +1,4 @@
-// @runtime client
-import { DEFAULT_LAYOUT_SLUG } from "../constants.js";
+import { DEFAULT_LAYOUT_SLUG } from "./constants.js";
 export function layoutUserKind(kind) {
     return kind === "mail-layout" ? "mail" : "document-pdf";
 }

package/dist/web/mail-dialogs.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { usePrimitives, useTranslation } from "@cosmicdrift/kumiko-renderer";
 export function MailConfirmDialogs({ dialog, onClose, onDiscard, onRemove, onLeaveSave, onLeaveDiscard, }) {
     const t = useTranslation();

package/dist/web/mail-draft.js

@@ -1,5 +1,4 @@
-// @runtime client
-import { DOCUMENT_FALLBACK_CURRENCY, formatDocumentDate, formatDocumentMoney, formatDocumentPercent, } from "@cosmicdrift/kumiko-renderer/headless";
+import { DOCUMENT_FALLBACK_CURRENCY, formatDocumentDate, formatDocumentMoney, formatDocumentPercent, pluralKey, } from "@cosmicdrift/kumiko-renderer/headless";
 import { variableLabelText } from "./used-by-label.js";
 export const EMPTY_DRAFT = {
     subject: "",
@@ -167,7 +166,9 @@ export function variableLabelMap(t, variables) {
 }
 export function displayValue(t, value, type, format) {
     if (Array.isArray(value))
-        return t("documentDesigner.mail.preview.entries", { count: value.length });
+        return t(pluralKey("documentDesigner.mail.preview.entries", value.length), {
+            count: value.length,
+        });
     if (type === "money") {
         if (typeof value === "number" && format.tenantCurrency === undefined)
             return String(value);

package/dist/web/mail-edit-center.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { DocumentContentEditor, MAIL_DOCUMENT_BLOCKS, PlaceholderLineEditor, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useTranslation } from "@cosmicdrift/kumiko-renderer";
 const renderMailPaper = (editable) => (_jsx("div", { className: "mx-auto w-full max-w-[600px] bg-card px-10 py-7 shadow-md", children: editable }));

package/dist/web/mail-editor-body.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverHandlers, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { useState } from "react";
@@ -18,12 +17,14 @@ import { MailPreviewMode } from "./mail-preview.js";
 import { AttachmentSection, ChromeSection, PropertiesSection, UsageSection, } from "./mail-right-rail.js";
 import { UploadModal } from "./mail-upload-modal.js";
 import { VersionsSection } from "./mail-versions.js";
+import { useFilesCapability } from "./use-files-capability.js";
 import { useInsertTargets } from "./use-insert-targets.js";
 import { useMailPersistence } from "./use-mail-persistence.js";
 import { useOverviewRows } from "./use-overview-rows.js";
 import { useOwnAddress } from "./use-own-address.js";
 import { useSettledValue } from "./use-settled-value.js";
 import { useTestMail } from "./use-test-mail.js";
+import { templateTitleText } from "./used-by-label.js";
 // The editor replaces this token with the decoded image size once the preview image loaded.
 const SIZE_TOKEN = "{size}";
 function uniqueValues(values) {
@@ -66,6 +67,7 @@ export function MailEditorBody(props) {
     });
     const testMail = useTestMail();
     const own = useOwnAddress();
+    const filesAvailable = useFilesCapability();
     const resourceRemove = useMutation(TemplateResolverHandlers.resourceRemove);
     const layouts = useOverviewRows("mail-layout");
     const pdfTemplates = useOverviewRows("document-pdf");
@@ -114,7 +116,7 @@ export function MailEditorBody(props) {
             perform(target);
     };
     const resources = parseLinkedResources(row?.linkedResources);
-    const pdfTitles = new Map(pdfTemplates.rows.map((template) => [template.slug, template.title]));
+    const pdfTitles = new Map(pdfTemplates.rows.map((template) => [template.slug, templateTitleText(t, template.title)]));
     const resourcePreviews = Object.fromEntries(resources.flatMap((resource) => resource.kind === "image"
         ? [
             [
@@ -167,7 +169,7 @@ export function MailEditorBody(props) {
     const attachments = resources.filter((resource) => resource.kind !== "image");
     const footer = locked || validation === undefined || validation === null
         ? null
-        : footerMessage(t, validation, mode === "preview");
+        : footerMessage(t, validation, mode === "preview" && testMail.availability.canSend);
     const fieldErrors = locked ? {} : metaFieldMessages(t, validation ?? null);
     const publish = () => void saveAndReload(true);
     const controls = (_jsx(EditorLocaleSwitch, { testIdPrefix: "mail", locales: props.locales, locale: locale, onLocale: (next) => leave({ kind: "locale", locale: next }) }));
@@ -175,7 +177,7 @@ export function MailEditorBody(props) {
     return (_jsxs(EditorFrame, { testId: "document-designer-mail-editor", children: [_jsx(EditorHeader, { title: title, stored: row === null ? null : { status: row.status, version: row.version }, actions: { busy, canSave, canPublish, onSave: saveDraft, onPublish: publish }, children: _jsx(EditorModeSwitch, { testIdPrefix: "mail", mode: mode, onMode: setMode }) }), mode === "edit" && (_jsx(MailOriginBar, { row: row, systemVersion: props.systemVersion, locale: locale, isSystemAdmin: isSystemAdmin, creating: creating, controls: controls, onReload: () => {
                     setResetError(null);
                     void onReload();
-                }, onResetError: setResetError })), testMail.state.kind === "sent" && (_jsx(Banner, { variant: "primary", testId: "mail-test-sent", children: t("documentDesigner.mail.testMail.sent", { subject: testMail.state.subject }) })), testMail.state.kind === "error" && (_jsx(Banner, { variant: "error", testId: "mail-test-error", children: testMail.state.text })), resetError !== null && (_jsx(Banner, { variant: "error", testId: "mail-reset-error", children: resetError })), resourceError !== null && (_jsx(Banner, { variant: "error", testId: "mail-resource-error", children: resourceError })), mode === "edit" ? (_jsx(EditorBody, { left: _jsxs(_Fragment, { children: [_jsx(PlaceholderSection, { validation: railValidation, onInsert: insert.insertPlaceholder }), _jsx(SystemPlaceholderSection, { validation: railValidation, onInsert: insert.insertPlaceholder }), _jsx(ResourceSection, { resources: resources, pdfTitles: pdfTitles, canUpload: uploadTemplateId !== null, onUpload: () => setUploadOpen(true), onInsert: insert.insertResource, onRemove: (key) => setDialog({ kind: "remove", key }) })] }), center: locked ? (_jsx(MissingLocaleCanvas, { slug: slug, locale: locale, fallbackLocale: props.fallbackLocale, copyScope: isSystemAdmin ? "system" : "tenant", onCreateBlank: () => setCreating(true), onCopied: () => void onReload() })) : (_jsx(MailEditCenter, { draft: draft, vocabulary: vocabulary, resourcePreviews: resourcePreviews, insert: insert, readOnly: false, fieldErrors: fieldErrors, onChange: update }, editorEpoch)), right: _jsxs(_Fragment, { children: [_jsx(PropertiesSection, { slug: slug, draft: draft, layouts: layouts.rows, onChange: update }), _jsx(ChromeSection, { draft: draft, vocabulary: vocabulary, insert: insert, onChange: update }), _jsx(AttachmentSection, { attachments: attachments, pdfTitles: pdfTitles, canEdit: uploadTemplateId !== null, onAddPdf: () => setPdfOpen(true), onRemove: (key) => setDialog({ kind: "remove", key }) }), _jsx(UsageSection, { slug: slug }), _jsx(VersionsSection, { rowId: row?.id ?? null, currentVersion: row?.version ?? 0, currentStatus: row?.status ?? "draft" })] }) })) : (_jsx(MailPreviewMode, { payload: {
+                }, onResetError: setResetError })), testMail.state.kind === "sent" && (_jsx(Banner, { variant: "primary", testId: "mail-test-sent", children: t("documentDesigner.mail.testMail.sent", { subject: testMail.state.subject }) })), testMail.state.kind === "error" && (_jsx(Banner, { variant: "error", testId: "mail-test-error", children: testMail.state.text })), resetError !== null && (_jsx(Banner, { variant: "error", testId: "mail-reset-error", children: resetError })), resourceError !== null && (_jsx(Banner, { variant: "error", testId: "mail-resource-error", children: resourceError })), mode === "edit" ? (_jsx(EditorBody, { left: _jsxs(_Fragment, { children: [_jsx(PlaceholderSection, { validation: railValidation, onInsert: insert.insertPlaceholder }), _jsx(SystemPlaceholderSection, { validation: railValidation, onInsert: insert.insertPlaceholder }), _jsx(ResourceSection, { resources: resources, pdfTitles: pdfTitles, canUpload: uploadTemplateId !== null, filesAvailable: filesAvailable, onUpload: () => setUploadOpen(true), onInsert: insert.insertResource, onRemove: (key) => setDialog({ kind: "remove", key }) })] }), center: locked ? (_jsx(MissingLocaleCanvas, { slug: slug, locale: locale, fallbackLocale: props.fallbackLocale, copyScope: isSystemAdmin ? "system" : "tenant", onCreateBlank: () => setCreating(true), onCopied: () => void onReload() })) : (_jsx(MailEditCenter, { draft: draft, vocabulary: vocabulary, resourcePreviews: resourcePreviews, insert: insert, readOnly: false, fieldErrors: fieldErrors, onChange: update }, editorEpoch)), right: _jsxs(_Fragment, { children: [_jsx(PropertiesSection, { slug: slug, draft: draft, layouts: layouts.rows, onChange: update }), _jsx(ChromeSection, { draft: draft, vocabulary: vocabulary, insert: insert, onChange: update }), _jsx(AttachmentSection, { attachments: attachments, pdfTitles: pdfTitles, canEdit: uploadTemplateId !== null, onAddPdf: () => setPdfOpen(true), onRemove: (key) => setDialog({ kind: "remove", key }) }), _jsx(UsageSection, { slug: slug }), _jsx(VersionsSection, { rowId: row?.id ?? null, currentVersion: row?.version ?? 0, currentStatus: row?.status ?? "draft" })] }) })) : (_jsx(MailPreviewMode, { payload: {
                     slug,
                     kind: "mail",
                     locale,
@@ -184,6 +186,7 @@ export function MailEditorBody(props) {
                     variableSchema,
                     ...(picked !== null && { variables: picked }),
                 }, picked: picked, onPick: setPicked, validation: validation ?? null, slug: slug, locale: locale, fromName: settled.senderName, own: own, origin: origin, controls: controls, testMail: {
+                    availability: testMail.availability,
                     pending: testMail.pending,
                     onSend: sendTestMail,
                     includeAttachments,

package/dist/web/mail-editor.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverQueries } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useLocale, useNav, useQuery, useTranslation, useUserRoles, } from "@cosmicdrift/kumiko-renderer";
 import { LoadingState } from "@cosmicdrift/kumiko-renderer/web";
 import { useState } from "react";
-import { DEFAULT_TEMPLATE_LOCALES } from "../constants.js";
+import { DEFAULT_TEMPLATE_LOCALES } from "./constants.js";
 import { defaultLocaleOf } from "./editor-locale.js";
 import { MailEditorBody } from "./mail-editor-body.js";
 import { useOverviewRows } from "./use-overview-rows.js";

package/dist/web/mail-footer.d.ts

@@ -1,6 +1,6 @@
 import type { MailValidation } from "./mail-types.ts";
 type Translate = (key: string, params?: Readonly<Record<string, unknown>>) => string;
-export declare function footerMessage(t: Translate, validation: MailValidation, previewMode: boolean): {
+export declare function footerMessage(t: Translate, validation: MailValidation, offersTestMail: boolean): {
     readonly tone: "bad" | "warn" | "ok";
     readonly text: string;
 };

package/dist/web/mail-footer.js

@@ -10,11 +10,11 @@ function missingLabels(t, validation) {
 }
 // The footer sentence: missing required placeholders first, then other blocking issues,
 // then hints (not-yet-uploaded resources), else "ready".
-export function footerMessage(t, validation, previewMode) {
+export function footerMessage(t, validation, offersTestMail) {
     if (validation.missingRequired.length > 0) {
         return {
             tone: "bad",
-            text: t(previewMode
+            text: t(offersTestMail
                 ? "documentDesigner.mail.footer.missingPreview"
                 : "documentDesigner.mail.footer.missing", { names: missingLabels(t, validation) }),
         };

package/dist/web/mail-left-rail.d.ts

@@ -13,10 +13,11 @@ export declare function SystemPlaceholderSection({ validation, onInsert, idPrefi
     /** Placeholders the layout fills in, so a template that never uses them is fine. */
     readonly isLayoutOwned?: (name: string) => boolean;
 }): ReactNode;
-export declare function ResourceSection({ resources, pdfTitles, canUpload, onUpload, onInsert, onRemove, }: {
+export declare function ResourceSection({ resources, pdfTitles, canUpload, filesAvailable, onUpload, onInsert, onRemove, }: {
     readonly resources: readonly LinkedResourceView[];
     readonly pdfTitles: ReadonlyMap<string, string>;
     readonly canUpload: boolean;
+    readonly filesAvailable: boolean;
     readonly onUpload: () => void;
     readonly onInsert: (key: string) => void;
     readonly onRemove: (key: string) => void;

package/dist/web/mail-left-rail.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { usePrimitives, useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { LAYOUT_OWNED_PLACEHOLDERS, PLACEHOLDER_SYMBOL, SYSTEM_PLACEHOLDER_TYPE, systemPlaceholderLabel, } from "./mail-draft.js";
 import { RailHint, RailRow, RailSection } from "./rail.js";
@@ -47,10 +46,10 @@ function resourceRow(t, resource, pdfTitles) {
             };
     }
 }
-export function ResourceSection({ resources, pdfTitles, canUpload, onUpload, onInsert, onRemove, }) {
+export function ResourceSection({ resources, pdfTitles, canUpload, filesAvailable, onUpload, onInsert, onRemove, }) {
     const t = useTranslation();
     const { Button } = usePrimitives();
-    return (_jsxs(RailSection, { title: t("documentDesigner.mail.resource.title"), testId: "mail-editor-resources", action: _jsx(Button, { variant: "link", disabled: !canUpload, onClick: onUpload, testId: "mail-resource-upload-open", children: t("documentDesigner.mail.resource.upload") }), children: [!canUpload && _jsx(RailHint, { children: t("documentDesigner.mail.resource.saveFirst") }), resources.map((resource) => {
+    return (_jsxs(RailSection, { title: t("documentDesigner.mail.resource.title"), testId: "mail-editor-resources", action: _jsx(Button, { variant: "link", disabled: !canUpload || !filesAvailable, onClick: onUpload, testId: "mail-resource-upload-open", children: t("documentDesigner.mail.resource.upload") }), children: [!filesAvailable && _jsx(RailHint, { children: t("documentDesigner.mail.resource.noFilesFeature") }), filesAvailable && !canUpload && (_jsx(RailHint, { children: t("documentDesigner.mail.resource.saveFirst") })), resources.map((resource) => {
                 const row = resourceRow(t, resource, pdfTitles);
                 return (_jsx(RailRow, { testId: "mail-resource-row", symbol: row.symbol, label: row.label, trailing: row.meta, action: _jsx(Button, { variant: "danger-ghost", size: "sm", onClick: () => onRemove(resource.key), testId: `mail-resource-remove-${resource.key}`, children: t("documentDesigner.mail.resource.remove") }), ...(resource.kind === "image" && { onPress: () => onInsert(resource.key) }) }, resource.key));
             }), _jsx(RailHint, { children: t("documentDesigner.mail.resource.hint") })] }));

package/dist/web/mail-missing-locale.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverHandlers } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, usePrimitives, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { useState } from "react";

package/dist/web/mail-origin-bar.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverHandlers } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, formatWhen, useMutation, usePrimitives, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { EMPTY_VALUE_PLACEHOLDER } from "@cosmicdrift/kumiko-renderer/headless";

package/dist/web/mail-pdf-link-modal.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { PlaceholderLineEditor, TemplateResolverHandlers, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { EmptyState } from "@cosmicdrift/kumiko-renderer/web";
 import { useState } from "react";
 import { lastSlugSegment, parseJsonRecord, uniqueResourceKey } from "./mail-draft.js";
+import { templateTitleText } from "./used-by-label.js";
 function pdfRowIdOf(summaries, slug) {
     const ofSlug = (summaries ?? []).filter((row) => row.slug === slug);
     return (ofSlug.find((row) => row.scope === "tenant") ?? ofSlug[0])?.id ?? null;
@@ -42,7 +42,10 @@ function PdfLinkForm({ templates, variableLabels, templateId, takenKeys, onLinke
     return (_jsxs("div", { className: "flex flex-col gap-4", children: [error !== null && (_jsx(Banner, { variant: "error", testId: "mail-pdf-link-error", children: error })), _jsx(Field, { id: "mail-pdf-template", label: t("documentDesigner.mail.pdfLink.template"), children: _jsx(Input, { kind: "select", id: "mail-pdf-template", name: "mail-pdf-template", value: slug, onChange: (next) => {
                         setSlug(next);
                         setEditedName(null);
-                    }, options: templates.map((template) => ({ value: template.slug, label: template.title })) }) }), _jsx(Field, { id: "mail-pdf-file-name", label: t("documentDesigner.mail.pdfLink.fileName"), description: t("documentDesigner.mail.pdfLink.fileNameHint"), children: _jsx(PlaceholderLineEditor, { id: "mail-pdf-file-name", value: fileName, onChange: setEditedName, variableLabels: variableLabels, "aria-label": t("documentDesigner.mail.pdfLink.fileName") }) }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { disabled: slug === "" || fileName === "" || linkPdf.pending, loading: linkPdf.pending, onClick: link, testId: "mail-pdf-link-confirm", children: t("documentDesigner.mail.pdfLink.confirm") }) })] }));
+                    }, options: templates.map((template) => ({
+                        value: template.slug,
+                        label: templateTitleText(t, template.title),
+                    })) }) }), _jsx(Field, { id: "mail-pdf-file-name", label: t("documentDesigner.mail.pdfLink.fileName"), description: t("documentDesigner.mail.pdfLink.fileNameHint"), children: _jsx(PlaceholderLineEditor, { id: "mail-pdf-file-name", value: fileName, onChange: setEditedName, variableLabels: variableLabels, "aria-label": t("documentDesigner.mail.pdfLink.fileName") }) }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { disabled: slug === "" || fileName === "" || linkPdf.pending, loading: linkPdf.pending, onClick: link, testId: "mail-pdf-link-confirm", children: t("documentDesigner.mail.pdfLink.confirm") }) })] }));
 }
 export function PdfLinkModal({ open, onOpenChange, templates, ...form }) {
     const t = useTranslation();

package/dist/web/mail-preview-side.d.ts

@@ -1,7 +1,9 @@
 import { type ReactNode } from "react";
 import type { MailPreview, MailValidation, PickedValues } from "./mail-types.ts";
 import type { OwnAddress } from "./use-own-address.ts";
+import type { TestMailAvailability } from "./use-test-mail.ts";
 export type TestMailControls = {
+    readonly availability: TestMailAvailability;
     readonly pending: boolean;
     readonly onSend: () => void;
     readonly includeAttachments: boolean;

package/dist/web/mail-preview-side.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { ConfigQueries } from "@cosmicdrift/kumiko-bundled-features/config/web";
 import { useNav, usePrimitives, useQuery, useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { DOCUMENT_FALLBACK_CURRENCY } from "@cosmicdrift/kumiko-renderer/headless";
@@ -77,5 +76,7 @@ export function PreviewSide({ preview, validation, slug, locale, own, testMail,
     const t = useTranslation();
     const { Button, Field, Input, Text } = usePrimitives();
     const hasAttachments = preview?.attachments.some((a) => a.kind !== "inline") === true;
-    return (_jsxs("div", { "data-testid": "mail-preview-side", children: [_jsxs(RailSection, { title: t("documentDesigner.mail.preview.samples"), action: _jsx(RecordPickerLink, { slug: slug, locale: locale, onPick: onPick }), children: [_jsx(SampleValues, { preview: preview, validation: validation, picked: picked, locale: locale }), _jsx(RailHint, { children: t("documentDesigner.mail.preview.samplesHint") })] }), _jsxs(RailSection, { title: t("documentDesigner.mail.testMail.title"), children: [_jsx(TestMailRecipient, { own: own }), _jsxs(RailField, { children: [_jsx(Field, { id: "mail-test-prefix", label: t("documentDesigner.mail.testMail.prefixSubject"), layout: "inline", children: _jsx(Input, { kind: "boolean", id: "mail-test-prefix", name: "mail-test-prefix", value: testMail.prefixSubject, onChange: testMail.onPrefixSubject }) }), hasAttachments ? (_jsx(Field, { id: "mail-test-attachments", label: t("documentDesigner.mail.testMail.attachments"), layout: "inline", children: _jsx(Input, { kind: "boolean", id: "mail-test-attachments", name: "mail-test-attachments", value: testMail.includeAttachments, onChange: testMail.onIncludeAttachments }) })) : (_jsx(Text, { variant: "muted", testId: "mail-test-no-attachments", children: t("documentDesigner.mail.testMail.noAttachments") })), _jsx(Button, { variant: "secondary", width: "full", disabled: testMail.pending, loading: testMail.pending, onClick: testMail.onSend, testId: "mail-test-send", children: t("documentDesigner.mail.testMail.send") })] }), _jsx(RailHint, { children: t("documentDesigner.mail.testMail.hint") })] }), _jsxs(RailSection, { title: t("documentDesigner.mail.preview.checks"), testId: "mail-preview-checks", children: [(preview?.checks ?? []).map((check) => (_jsx(RailRow, { testId: `mail-check-${check.code}`, symbol: check.ok ? "✓" : "!", label: checkText(t, check, validation), bad: !check.ok }, check.code))), _jsx(RailHint, { children: t("documentDesigner.mail.preview.checksHint") })] })] }));
+    return (_jsxs("div", { "data-testid": "mail-preview-side", children: [_jsxs(RailSection, { title: t("documentDesigner.mail.preview.samples"), action: _jsx(RecordPickerLink, { slug: slug, locale: locale, onPick: onPick }), children: [_jsx(SampleValues, { preview: preview, validation: validation, picked: picked, locale: locale }), _jsx(RailHint, { children: t("documentDesigner.mail.preview.samplesHint") })] }), _jsxs(RailSection, { title: t("documentDesigner.mail.testMail.title"), children: [_jsx(TestMailRecipient, { own: own }), _jsxs(RailField, { children: [_jsx(Field, { id: "mail-test-prefix", label: t("documentDesigner.mail.testMail.prefixSubject"), layout: "inline", children: _jsx(Input, { kind: "boolean", id: "mail-test-prefix", name: "mail-test-prefix", value: testMail.prefixSubject, onChange: testMail.onPrefixSubject }) }), hasAttachments ? (_jsx(Field, { id: "mail-test-attachments", label: t("documentDesigner.mail.testMail.attachments"), layout: "inline", children: _jsx(Input, { kind: "boolean", id: "mail-test-attachments", name: "mail-test-attachments", value: testMail.includeAttachments, onChange: testMail.onIncludeAttachments }) })) : (_jsx(Text, { variant: "muted", testId: "mail-test-no-attachments", children: t("documentDesigner.mail.testMail.noAttachments") })), _jsx(Button, { variant: "secondary", width: "full", disabled: testMail.pending || !testMail.availability.canSend, loading: testMail.pending, onClick: testMail.onSend, testId: "mail-test-send", children: t("documentDesigner.mail.testMail.send") })] }), testMail.availability.reason !== null && (_jsx(RailHint, { children: t(testMail.availability.reason === "no_channel"
+                            ? "documentDesigner.mail.testMail.unavailable.noChannel"
+                            : "documentDesigner.mail.testMail.unavailable.noAddress") })), _jsx(RailHint, { children: t("documentDesigner.mail.testMail.hint") })] }), _jsxs(RailSection, { title: t("documentDesigner.mail.preview.checks"), testId: "mail-preview-checks", children: [(preview?.checks ?? []).map((check) => (_jsx(RailRow, { testId: `mail-check-${check.code}`, symbol: check.ok ? "✓" : "!", label: checkText(t, check, validation), bad: !check.ok }, check.code))), _jsx(RailHint, { children: t("documentDesigner.mail.preview.checksHint") })] })] }));
 }

package/dist/web/mail-preview.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverQueries } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { LoadingState, ModeSwitch } from "@cosmicdrift/kumiko-renderer/web";
@@ -23,7 +22,7 @@ function HeadRow({ label, children, }) {
 function MailFrame({ preview, format, width, fromName, recipient, }) {
     const t = useTranslation();
     const attachments = preview.attachments.flatMap((a) => attachmentText(t, a) ?? []);
-    return (_jsxs("div", { className: "mx-auto flex w-full max-w-[680px] flex-col border bg-card shadow-md", "data-testid": "mail-preview-frame", children: [_jsxs("div", { className: "grid grid-cols-[80px_minmax(0,1fr)] gap-y-1 border-b px-5 py-3.5 text-sm", children: [_jsx(HeadRow, { label: t("documentDesigner.mail.preview.from"), children: _jsx("span", { "data-testid": "mail-preview-from", children: fromName === "" ? t("documentDesigner.mail.props.senderDefault") : fromName }) }), recipient !== null && (_jsx(HeadRow, { label: t("documentDesigner.mail.preview.to"), children: _jsx("span", { "data-testid": "mail-preview-to", children: recipient }) })), _jsx(HeadRow, { label: t("documentDesigner.mail.meta.subject"), children: _jsx("span", { className: "font-medium", "data-testid": "mail-preview-subject", children: preview.subject ?? "" }) }), attachments.length > 0 && (_jsx(HeadRow, { label: t("documentDesigner.mail.preview.attachments"), children: _jsx("span", { className: "flex flex-col items-start gap-1", "data-testid": "mail-preview-attachments", children: attachments.map((line) => (_jsx("span", { className: "rounded border bg-muted px-2 py-0.5 text-xs", children: line }, line))) }) }))] }), format === "html" ? (_jsx("iframe", { title: t("documentDesigner.mail.preview.frameTitle"), sandbox: "", srcDoc: preview.displayHtml ?? preview.html, className: `h-[560px] border-0 bg-background ${width === "mobile" ? "w-[375px] self-center" : "w-full"}`, "data-testid": "mail-preview-iframe" })) : (_jsx("pre", { className: "h-[560px] overflow-auto whitespace-pre-wrap p-4 font-mono text-sm", "data-testid": "mail-preview-text", children: preview.text ?? "" }))] }));
+    return (_jsxs("div", { className: "mx-auto flex min-h-0 w-full max-w-[680px] flex-1 flex-col border bg-card shadow-md", "data-testid": "mail-preview-frame", children: [_jsxs("div", { className: "grid grid-cols-[80px_minmax(0,1fr)] gap-y-1 border-b px-5 py-3.5 text-sm", children: [_jsx(HeadRow, { label: t("documentDesigner.mail.preview.from"), children: _jsx("span", { "data-testid": "mail-preview-from", children: fromName === "" ? t("documentDesigner.mail.props.senderDefault") : fromName }) }), recipient !== null && (_jsx(HeadRow, { label: t("documentDesigner.mail.preview.to"), children: _jsx("span", { "data-testid": "mail-preview-to", children: recipient }) })), _jsx(HeadRow, { label: t("documentDesigner.mail.meta.subject"), children: _jsx("span", { className: "font-medium", "data-testid": "mail-preview-subject", children: preview.subject ?? "" }) }), attachments.length > 0 && (_jsx(HeadRow, { label: t("documentDesigner.mail.preview.attachments"), children: _jsx("span", { className: "flex flex-col items-start gap-1", "data-testid": "mail-preview-attachments", children: attachments.map((line) => (_jsx("span", { className: "rounded border bg-muted px-2 py-0.5 text-xs", children: line }, line))) }) }))] }), format === "html" ? (_jsx("iframe", { title: t("documentDesigner.mail.preview.frameTitle"), sandbox: "", srcDoc: preview.displayHtml ?? preview.html, className: `min-h-[420px] flex-1 border-0 bg-background ${width === "mobile" ? "w-[375px] self-center" : "w-full"}`, "data-testid": "mail-preview-iframe" })) : (_jsx("pre", { className: "min-h-[420px] flex-1 overflow-auto whitespace-pre-wrap p-4 font-mono text-sm", "data-testid": "mail-preview-text", children: preview.text ?? "" }))] }));
 }
 // The preview mail goes to the example recipient of the sample values, not to the test-mail address.
 function recipientOf(preview, own) {

package/dist/web/mail-right-rail.js

@@ -1,9 +1,8 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { MAIL_TONES, PlaceholderLineEditor, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useAppFeatures, useNav, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { isOneOf } from "@cosmicdrift/kumiko-types/type-guards";
-import { DEFAULT_LAYOUT_SLUG, TENANT_MAIL_SENDING_SCREEN_ID } from "../constants.js";
+import { DEFAULT_LAYOUT_SLUG, TENANT_MAIL_SENDING_SCREEN_ID } from "./constants.js";
 import { labelPlaceholders } from "./mail-draft.js";
 import { RailField, RailHint, RailRow, RailSection } from "./rail.js";
 import { usageParts } from "./used-by-label.js";

package/dist/web/mail-types.d.ts

@@ -119,4 +119,8 @@ export type UpsertResponse = {
 export type SendTestResponse = {
     readonly subject: string;
 };
+export type SendTestStatus = {
+    readonly canSend: boolean;
+    readonly reason: "no_channel" | "no_address" | null;
+};
 export type PickedValues = Readonly<Record<string, unknown>>;

package/dist/web/mail-upload-modal.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverHandlers } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, usePrimitives, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { useRef, useState } from "react";

package/dist/web/mail-versions.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { formatWhen, useAppFeatures, useQuery, useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { EMPTY_VALUE_PLACEHOLDER } from "@cosmicdrift/kumiko-renderer/headless";
 import { StatusBadge } from "@cosmicdrift/kumiko-renderer/web";

package/dist/web/origin-bar.js

@@ -1,8 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverHandlers, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
-import { EMPTY_VALUE_PLACEHOLDER } from "@cosmicdrift/kumiko-renderer/headless";
+import { EMPTY_VALUE_PLACEHOLDER, pluralKey } from "@cosmicdrift/kumiko-renderer/headless";
 import { EmptyState, ErrorState, LoadingState } from "@cosmicdrift/kumiko-renderer/web";
 import { useState } from "react";
 import { originOf } from "./editor-header.js";
@@ -73,7 +72,7 @@ function originText(t, args) {
     }
     const usesKey = kind === "mail-layout" ? "mails" : "pdfs";
     if (source.tenant !== null) {
-        return t(`documentDesigner.editor.origin.tenant.${usesKey}`, {
+        return t(pluralKey(`documentDesigner.editor.origin.tenant.${usesKey}`, userCount), {
             version: systemVersion,
             count: userCount,
         });

package/dist/web/overrides-drawer.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverQueries } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { formatWhen, usePrimitives, useQuery, useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { Drawer, EmptyState, LoadingState } from "@cosmicdrift/kumiko-renderer/web";

package/dist/web/overview-row.d.ts

@@ -1,4 +1,4 @@
-import type { TemplateEditorKind } from "../constants.ts";
+import type { TemplateEditorKind } from "./constants.ts";
 export type OverviewUsageView = {
     readonly feature: string;
     readonly notification: string;
@@ -16,6 +16,9 @@ export type OverviewRowView = {
     /** An open draft beside the served version, never another tenant's. */
     readonly draftVersion: number | null;
     readonly systemVersion: number | null;
+    /** SystemAdmin only: a stored tenant override that is not delivered. */
+    readonly lockedOverride: boolean;
+    readonly lockedOverrideI18nKey: string | null;
     readonly modifiedAt: string;
     readonly usedBy: readonly OverviewUsageView[];
     readonly usedByCount: number;

package/dist/web/overview-row.js

@@ -21,7 +21,7 @@ function usageViewOf(value) {
 const stringOr = (value, fallback) => typeof value === "string" ? value : fallback;
 const numberOr = (value, fallback) => typeof value === "number" ? value : fallback;
 export function parseOverviewRow(row) {
-    const { id, title, layoutSlug, slug, kind, origin, locales, status, version, draftVersion, systemVersion, modifiedAt, usedBy, usedByCount, } = row;
+    const { id, title, layoutSlug, slug, kind, origin, locales, status, version, draftVersion, systemVersion, lockedOverride, lockedOverrideI18nKey, modifiedAt, usedBy, usedByCount, } = row;
     if (typeof slug !== "string" || !isTemplateKind(kind) || !isStatus(status))
         return null;
     if (origin !== "tenant" && origin !== "system")
@@ -41,6 +41,8 @@ export function parseOverviewRow(row) {
         version: numberOr(version, 0),
         draftVersion: numberOr(draftVersion, null),
         systemVersion: numberOr(systemVersion, null),
+        lockedOverride: lockedOverride === true,
+        lockedOverrideI18nKey: typeof lockedOverrideI18nKey === "string" ? lockedOverrideI18nKey : null,
         modifiedAt: stringOr(modifiedAt, ""),
         usedBy: usages,
         usedByCount: numberOr(usedByCount, usages.length),

package/dist/web/page-canvas.d.ts

@@ -12,6 +12,7 @@ export type PageCanvasProps = {
     readonly systemVariables: readonly string[];
     readonly systemLabels: Readonly<Record<string, string>>;
     readonly variableNames: readonly string[];
+    readonly imageVariables: readonly string[];
     readonly resourcePreviews: Readonly<Record<string, DocumentResourcePreview>>;
     readonly onEditorReady: (handle: DocumentEditorHandle | null) => void;
     readonly resourceSrc?: (key: string) => string | undefined;

package/dist/web/page-canvas.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { DocumentContentEditor, PDF_DEFAULT_MARGIN_MM, PDF_DOCUMENT_BLOCKS, PDF_FOOTER_MARGIN_MM, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { cn } from "@cosmicdrift/kumiko-renderer/web";
@@ -44,5 +43,5 @@ export function PageCanvas(props) {
         }
     }, [meta.margins, hasFooter]);
     const renderPaper = (editable) => (_jsxs("div", { className: "flex w-full flex-col items-center gap-2", children: [_jsxs("div", { "data-testid": "document-designer-page", className: cn("flex min-h-[1000px] w-full flex-col bg-card shadow-md", PAGE_WIDTH_CLASSES[`${meta.pageFormat}-${meta.orientation}`]), children: [showLetterhead && props.regions !== null && (_jsx(HeaderBand, { html: props.regions.header, systemLabels: props.systemLabels, resourceSrc: props.resourceSrc, caption: fromLayout })), _jsxs("div", { ref: applyMargins, className: cn("flex min-h-0 flex-1 flex-col pr-(--page-margin-right) pb-(--page-margin-bottom) pl-(--page-margin-left)", !showLetterhead && "pt-(--page-margin-top)"), children: [_jsxs("div", { className: "relative my-2 min-h-0 flex-1 border border-dashed border-primary/40 p-2 pt-5", "data-testid": "document-designer-content-area", children: [_jsx("span", { className: "absolute left-2 top-0.5 text-[10px] uppercase tracking-wide text-primary", children: t("documentDesigner.editor.region.content") }), editable] }), showRegions && props.regions !== null && (_jsxs(_Fragment, { children: [_jsx(RegionBlock, { html: props.regions.signature, systemLabels: props.systemLabels, resourceSrc: props.resourceSrc, caption: regionCaption("signature") }), _jsx(RegionBlock, { html: props.regions.footer, systemLabels: props.systemLabels, resourceSrc: props.resourceSrc, caption: regionCaption("footer") })] }))] })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("documentDesigner.canvas.caption", { format: meta.pageFormat }) })] }));
-    return (_jsx("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", "data-testid": "pdf-editor-center", children: _jsx(DocumentContentEditor, { id: "document-designer-content", value: props.content, onChange: props.onContentChange, variables: props.variableNames, readOnly: false, blocks: PDF_DOCUMENT_BLOCKS, variableLabels: props.variableLabels, systemVariables: props.systemVariables, resourcePreviews: props.resourcePreviews, chrome: "canvas", renderPaper: renderPaper, onEditorReady: props.onEditorReady }) }));
+    return (_jsx("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", "data-testid": "pdf-editor-center", children: _jsx(DocumentContentEditor, { id: "document-designer-content", value: props.content, onChange: props.onContentChange, variables: props.variableNames, imageVariables: props.imageVariables, readOnly: false, blocks: PDF_DOCUMENT_BLOCKS, variableLabels: props.variableLabels, systemVariables: props.systemVariables, resourcePreviews: props.resourcePreviews, chrome: "canvas", renderPaper: renderPaper, onEditorReady: props.onEditorReady }) }));
 }

package/dist/web/pdf-left-rail.d.ts

@@ -1,8 +1,9 @@
 import type { ReactNode } from "react";
 export declare function visibleSystemPlaceholders(names: readonly string[]): readonly string[];
-export declare function PdfResourceSection({ resourceKeys, canUpload, layoutName, onInsert, onUpload, }: {
+export declare function PdfResourceSection({ resourceKeys, canUpload, filesAvailable, layoutName, onInsert, onUpload, }: {
     readonly resourceKeys: readonly string[];
     readonly canUpload: boolean;
+    readonly filesAvailable: boolean;
     readonly layoutName: string;
     readonly onInsert: (key: string) => void;
     readonly onUpload: (file: File) => Promise<void>;

package/dist/web/pdf-left-rail.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { usePrimitives, useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { UploadZone } from "@cosmicdrift/kumiko-renderer/web";
 import { RailField, RailHint, RailRow, RailSection } from "./rail.js";
@@ -9,8 +8,8 @@ export function visibleSystemPlaceholders(names) {
     return names.filter((name) => !HIDDEN_SYSTEM_PLACEHOLDERS.has(name));
 }
 const IMAGE_TYPES = ["image/png", "image/jpeg", "image/gif", "image/webp"];
-export function PdfResourceSection({ resourceKeys, canUpload, layoutName, onInsert, onUpload, }) {
+export function PdfResourceSection({ resourceKeys, canUpload, filesAvailable, layoutName, onInsert, onUpload, }) {
     const t = useTranslation();
     const { Button } = usePrimitives();
-    return (_jsxs(RailSection, { title: t("documentDesigner.resources.title"), testId: "pdf-editor-resources", children: [resourceKeys.length === 0 && _jsx(RailRow, { label: t("documentDesigner.resources.empty") }), resourceKeys.map((key) => (_jsx(RailRow, { testId: `pdf-resource-${key}`, symbol: "\u25A3", label: key, onPress: () => onInsert(key) }, key))), _jsx(RailField, { children: canUpload ? (_jsx(UploadZone, { multiple: false, accept: IMAGE_TYPES, title: t("documentDesigner.resources.upload"), onUpload: onUpload, testId: "document-designer-upload" })) : (_jsx(Button, { variant: "secondary", size: "sm", disabled: true, children: t("documentDesigner.resources.upload") })) }), !canUpload && _jsx(RailHint, { children: t("documentDesigner.resources.saveFirst") }), _jsx(RailHint, { children: t("documentDesigner.placeholders.layoutHint", { layout: layoutName }) })] }));
+    return (_jsxs(RailSection, { title: t("documentDesigner.resources.title"), testId: "pdf-editor-resources", children: [resourceKeys.length === 0 && _jsx(RailRow, { label: t("documentDesigner.resources.empty") }), resourceKeys.map((key) => (_jsx(RailRow, { testId: `pdf-resource-${key}`, symbol: "\u25A3", label: key, onPress: () => onInsert(key) }, key))), _jsx(RailField, { children: canUpload && filesAvailable ? (_jsx(UploadZone, { multiple: false, accept: IMAGE_TYPES, title: t("documentDesigner.resources.upload"), onUpload: onUpload, testId: "document-designer-upload" })) : (_jsx(Button, { variant: "secondary", size: "sm", disabled: true, children: t("documentDesigner.resources.upload") })) }), !filesAvailable && _jsx(RailHint, { children: t("documentDesigner.resources.noFilesFeature") }), filesAvailable && !canUpload && (_jsx(RailHint, { children: t("documentDesigner.resources.saveFirst") })), _jsx(RailHint, { children: t("documentDesigner.placeholders.layoutHint", { layout: layoutName }) })] }));
 }

package/dist/web/pdf-meta.js

@@ -1,4 +1,3 @@
-// @runtime client
 import { PDF_ORIENTATIONS, PDF_PAGE_FORMATS, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { isOneOf, isPlainObject, propertyOf } from "@cosmicdrift/kumiko-types/type-guards";
 export const MARGIN_SIDES = [