@riverbankcms/sdk 0.70.3 → 0.70.4

package/dist/client/hooks.mjs

@@ -6603,6 +6603,28 @@ function resolveRepeaterGridColumnFieldId(options) {
 
 // ../blocks/src/system/manifest/schema.ts
 var visibilityLevels = ["admin", "designer", "author"];
+var MEDIA_KINDS = [
+  "image",
+  "video",
+  "audio",
+  "document",
+  "spreadsheet",
+  "archive"
+];
+var DISPLAY_MEDIA_KINDS = [
+  "image",
+  "video",
+  "audio"
+];
+var PUBLIC_FILE_FIELD_KINDS = [
+  "document",
+  "spreadsheet",
+  "archive",
+  "audio"
+];
+function isDisplayMediaKind(kind) {
+  return DISPLAY_MEDIA_KINDS.includes(kind);
+}
 var siteOptionSources = [
   "eventCategories",
   "venues",
@@ -6766,11 +6788,19 @@ var richTextFieldSchema = baseFieldSchema.extend({
 });
 var mediaFieldSchema = baseFieldSchema.extend({
   type: z4.literal("media"),
-  mediaKinds: z4.array(
-    z4.enum(["image", "video", "audio", "document", "spreadsheet", "archive"])
-  ).default(["image"]),
+  // Keep full MEDIA_KINDS parse compatibility for pre-file-field manifests.
+  // New authoring surfaces should use `file.fileKinds` for document/archive
+  // style assets, but old saved schemas must not fail to open.
+  mediaKinds: z4.array(z4.enum(MEDIA_KINDS)).default(["image"]).transform((kinds) => {
+    const displayKinds = kinds.filter(isDisplayMediaKind);
+    return displayKinds.length > 0 ? displayKinds : ["image"];
+  }),
   aspectRatio: z4.string().optional()
 });
+var fileFieldSchema = baseFieldSchema.extend({
+  type: z4.literal("file"),
+  fileKinds: z4.array(z4.enum(PUBLIC_FILE_FIELD_KINDS)).default([...PUBLIC_FILE_FIELD_KINDS])
+});
 var booleanFieldSchema = baseFieldSchema.extend({
   type: z4.literal("boolean")
 });
@@ -7076,6 +7106,7 @@ function getFieldSchemaInternal() {
     textFieldSchema,
     richTextFieldSchema,
     mediaFieldSchema,
+    fileFieldSchema,
     booleanFieldSchema,
     numberFieldSchema,
     dateFieldSchema,
@@ -14212,13 +14243,18 @@ var fragmentDataSchema = z27.object({
   loader: dataLoaderSchema.optional()
 });
 var fragmentConfigSchema = z27.object({
-  id: z27.string().min(1, "Fragment id is required").regex(FRAGMENT_ID_PATTERN, "Fragment id must be alphanumeric with optional . _ - separators"),
+  id: z27.string().min(1, "Fragment id is required").regex(
+    FRAGMENT_ID_PATTERN,
+    "Fragment id must be alphanumeric with optional . _ - separators"
+  ),
   title: z27.string().optional(),
   description: z27.string().optional(),
   category: z27.enum(["content", "media", "interactive", "layout"]).optional(),
   icon: z27.string().optional(),
   fields: fieldSchema.array().default([]),
-  layout: z27.union([NodeSchema, NodeSchema.array()]).transform((value) => Array.isArray(value) ? value : [value]),
+  layout: z27.union([NodeSchema, NodeSchema.array()]).transform(
+    (value) => Array.isArray(value) ? value : [value]
+  ),
   data: fragmentDataSchema.optional()
 });
 var FragmentConfigError = class extends Error {
@@ -14240,13 +14276,19 @@ function defineFragment(config) {
 function scopeFragmentFields(fragment, scope) {
   const normalizedScope = scope.trim();
   if (!normalizedScope) {
-    return fragment.fields.map((field) => cloneFieldDefinition2(field));
+    return fragment.fields.map(
+      (field) => cloneFieldDefinition2(field)
+    );
   }
-  return fragment.fields.map((field) => prefixFieldId(field, normalizedScope));
+  return fragment.fields.map(
+    (field) => prefixFieldId(field, normalizedScope)
+  );
 }
 function scopeFragmentLayout(fragment, scope) {
   const normalizedScope = scope.trim();
-  return fragment.layout.map((node) => cloneAndScopeNode(node, normalizedScope));
+  return fragment.layout.map(
+    (node) => cloneAndScopeNode(node, normalizedScope)
+  );
 }
 function validateFieldDefinitions(fields3, fragmentId) {
   const seen = /* @__PURE__ */ new Set();
@@ -14328,7 +14370,9 @@ function cloneAndScopeNode(node, scope) {
     ...node
   };
   if (node.children) {
-    cloned.children = node.children.map((child) => cloneAndScopeNode(child, scope));
+    cloned.children = node.children.map(
+      (child) => cloneAndScopeNode(child, scope)
+    );
   }
   if (node.props) {
     cloned.props = scopePropBindings(node.props, scope);
@@ -14354,7 +14398,9 @@ function scopeBinding(binding, scope) {
   const cloned = {
     ...binding,
     transforms: binding.transforms?.map(
-      (step) => ({ ...step })
+      (step) => ({
+        ...step
+      })
     ) ?? []
   };
   cloned.from = scopeContentPath(binding.from, scope);
@@ -14398,7 +14444,9 @@ function scopePropValue(value, scope) {
       };
     }
     const result = {};
-    for (const [key, entry] of Object.entries(value)) {
+    for (const [key, entry] of Object.entries(
+      value
+    )) {
       result[key] = scopePropValue(entry, scope);
     }
     return result;
@@ -14847,28 +14895,29 @@ var ctaRowFragment = defineFragment({
 });
 
 // ../blocks/src/system/fragments/library/heroCtaRow.ts
+var heroCtaFields = [
+  createCtasRepeater({
+    label: "Calls to action",
+    itemLabel: "CTA",
+    maxItems: 3,
+    button: {
+      variants: [
+        { value: "default", label: "Default" },
+        { value: "primary", label: "Primary" },
+        { value: "secondary", label: "Secondary" },
+        { value: "outline", label: "Outline" }
+      ],
+      defaultVariant: "default",
+      includeSize: true,
+      defaultSize: "lg"
+    }
+  })
+];
 var heroCtaRowFragment = defineFragment({
   id: "heroCtaRow",
   title: "Hero CTAs",
   description: "Repeatable hero calls to action rendered inline.",
-  fields: [
-    createCtasRepeater({
-      label: "Calls to action",
-      itemLabel: "CTA",
-      maxItems: 3,
-      button: {
-        variants: [
-          { value: "default", label: "Default" },
-          { value: "primary", label: "Primary" },
-          { value: "secondary", label: "Secondary" },
-          { value: "outline", label: "Outline" }
-        ],
-        defaultVariant: "default",
-        includeSize: true,
-        defaultSize: "lg"
-      }
-    })
-  ],
+  fields: heroCtaFields,
   layout: [
     ctaRow({
       collectionPath: "content.ctas",
@@ -20728,8 +20777,7 @@ var PUBLIC_DOWNLOAD_MEDIA_TYPES = [
   "document",
   "spreadsheet",
   "archive",
-  "audio",
-  "video"
+  "audio"
 ];
 var hotspotSchema2 = z38.object({
   x: z38.number().min(0).max(1),
@@ -22304,104 +22352,107 @@ var courseDetailsBlockDefinition = {
 };
 
 // ../blocks/src/system/blocks/events/event-spotlight.ts
-var eventSpotlightManifest = createBlockManifest({
+var eventSpotlightFields = [
+  ...sectionHeaderFields("Upcoming Events"),
+  {
+    id: "maxEvents",
+    type: "select",
+    label: "Events to display",
+    description: "Number of events to show",
+    required: false,
+    multiple: false,
+    defaultValue: "3",
+    options: [
+      { value: "1", label: "1 event" },
+      { value: "2", label: "2 events" },
+      { value: "3", label: "3 events" },
+      { value: "4", label: "4 events" },
+      { value: "5", label: "5 events" },
+      { value: "6", label: "6 events" }
+    ],
+    ui: { intent: "display" }
+  },
+  {
+    id: "ctaLabel",
+    type: "text",
+    label: "Section button text",
+    description: "Optional button shown below the spotlight cards",
+    required: false,
+    multiline: false,
+    maxLength: 40,
+    ui: { intent: "content" }
+  },
+  {
+    id: "ctaUrl",
+    type: "link",
+    label: "Section button destination",
+    required: false,
+    ui: { intent: "display" }
+  },
+  layoutField,
+  columnsField(["2", "3"]),
+  ...cardStylingFields,
+  ...eventDisplayFields,
+  emptyStateField,
+  sectionStylesField({
+    id: "_sectionStyles",
+    label: "Section styles"
+  })
+];
+var eventSpotlightLayout = [
+  styledSection({
+    children: sectionContainer([
+      // Optional heading
+      text(
+        { as: "h2" },
+        bind("content.heading"),
+        when("content.heading")
+      ),
+      // Optional description
+      richText(
+        { className: "rb-prose rb-max-w-none" },
+        bind("content.description"),
+        when("content.description")
+      ),
+      // Event spotlight component
+      el("event-spotlight", {
+        events: { $bind: { from: "data.events" } },
+        layout: { $bind: { from: "content.layout", fallback: "grid" } },
+        columns: { $bind: { from: "content.columns", fallback: "3" } },
+        cardVariant: { $bind: { from: "content.cardVariant", fallback: "default" } },
+        buttonVariant: { $bind: { from: "content.buttonVariant", fallback: "primary" } },
+        buttonText: { $bind: { from: "content.buttonText", fallback: "View event" } },
+        ctaLabel: { $bind: { from: "content.ctaLabel" } },
+        ctaUrl: { $bind: { from: "content.ctaUrl", transforms: [{ id: "links.resolve" }] } },
+        showVenue: { $bind: { from: "content.showVenue" } },
+        showMap: { $bind: { from: "content.showMap" } },
+        showCapacity: { $bind: { from: "content.showCapacity" } },
+        emptyMessage: { $bind: { from: "content.emptyMessage" } }
+      })
+    ], {
+      gap: "lg"
+    }),
+    // sectionContainer (rb-container) already provides horizontal padding
+    baseClass: "",
+    spacing: "comfortable"
+  })
+];
+var eventSpotlightConfig = {
   id: "block.event-spotlight",
   version: "1.1.0",
   title: "Event Spotlight",
   titleSource: "heading",
   description: "Feature a few upcoming events on your homepage",
   skipSectionStyles: true,
-  additionalFields: [
-    ...sectionHeaderFields("Upcoming Events"),
-    {
-      id: "maxEvents",
-      type: "select",
-      label: "Events to display",
-      description: "Number of events to show",
-      required: false,
-      multiple: false,
-      defaultValue: "3",
-      options: [
-        { value: "1", label: "1 event" },
-        { value: "2", label: "2 events" },
-        { value: "3", label: "3 events" },
-        { value: "4", label: "4 events" },
-        { value: "5", label: "5 events" },
-        { value: "6", label: "6 events" }
-      ],
-      ui: { intent: "display" }
-    },
-    {
-      id: "ctaLabel",
-      type: "text",
-      label: "Section button text",
-      description: "Optional button shown below the spotlight cards",
-      required: false,
-      multiline: false,
-      maxLength: 40,
-      ui: { intent: "content" }
-    },
-    {
-      id: "ctaUrl",
-      type: "link",
-      label: "Section button destination",
-      required: false,
-      ui: { intent: "display" }
-    },
-    layoutField,
-    columnsField(["2", "3"]),
-    ...cardStylingFields,
-    ...eventDisplayFields,
-    emptyStateField,
-    sectionStylesField({
-      id: "_sectionStyles",
-      label: "Section styles"
-    })
-  ],
+  additionalFields: eventSpotlightFields,
   styleTokens: { background: "surface", typography: "body", spacing: "md" },
   behaviours: { supportsThemeSwitching: true, inlineEditing: false, animation: false, paletteHidden: false },
   category: "content",
   tags: ["events", "featured", "homepage", "spotlight", "upcoming"],
   icon: "Star",
-  layout: [
-    styledSection({
-      children: sectionContainer([
-        // Optional heading
-        text(
-          { as: "h2" },
-          bind("content.heading"),
-          when("content.heading")
-        ),
-        // Optional description
-        richText(
-          { className: "rb-prose rb-max-w-none" },
-          bind("content.description"),
-          when("content.description")
-        ),
-        // Event spotlight component
-        el("event-spotlight", {
-          events: { $bind: { from: "data.events" } },
-          layout: { $bind: { from: "content.layout", fallback: "grid" } },
-          columns: { $bind: { from: "content.columns", fallback: "3" } },
-          cardVariant: { $bind: { from: "content.cardVariant", fallback: "default" } },
-          buttonVariant: { $bind: { from: "content.buttonVariant", fallback: "primary" } },
-          buttonText: { $bind: { from: "content.buttonText", fallback: "View event" } },
-          ctaLabel: { $bind: { from: "content.ctaLabel" } },
-          ctaUrl: { $bind: { from: "content.ctaUrl", transforms: [{ id: "links.resolve" }] } },
-          showVenue: { $bind: { from: "content.showVenue" } },
-          showMap: { $bind: { from: "content.showMap" } },
-          showCapacity: { $bind: { from: "content.showCapacity" } },
-          emptyMessage: { $bind: { from: "content.emptyMessage" } }
-        })
-      ], {
-        gap: "lg"
-      }),
-      // sectionContainer (rb-container) already provides horizontal padding
-      baseClass: "",
-      spacing: "comfortable"
-    })
-  ]
-});
+  layout: eventSpotlightLayout
+};
+var eventSpotlightManifest = createBlockManifest(eventSpotlightConfig);
 var eventSpotlightBlockDefinition = {
   manifest: eventSpotlightManifest,
   dataSchemas: {
@@ -25091,18 +25142,18 @@ var fileDownloadManifest = createBlockManifest({
   title: "File Download",
   titleSource: ["title", "file.filename"],
   category: "media",
-  description: "Add a simple public download link for a document, ZIP, audio, or video file.",
+  description: "Add a simple public download link for a document, ZIP, or audio file.",
   tags: ["file", "download", "document", "zip", "media"],
   icon: "Download",
   includeContainerStyles: true,
   additionalFields: [
     {
       id: "file",
-      type: "media",
+      type: "file",
       label: "Download file",
       description: "Choose the file visitors can download.",
       required: false,
-      mediaKinds: [...PUBLIC_DOWNLOAD_MEDIA_TYPES],
+      fileKinds: [...PUBLIC_DOWNLOAD_MEDIA_TYPES],
       ui: { intent: "content" }
     },
     {