@cmssy/react 0.1.4 → 0.1.6

package/dist/client.cjs

@@ -304,18 +304,41 @@ function blockElements() {
     )
   ).filter(visible);
 }
-function computeDropTarget(clientY) {
-  const els = blockElements();
-  for (let i = 0; i < els.length; i++) {
-    const r = els[i].getBoundingClientRect();
-    if (clientY < r.top + r.height / 2) {
-      return { index: i, y: r.top };
-    }
-  }
-  const last = els[els.length - 1];
+function createDropTargetResolver() {
+  let cache = null;
+  const build = () => {
+    const els = blockElements();
+    const scrollY = window.scrollY;
+    let absLastBottom = scrollY;
+    const blocks = els.map((el, index) => {
+      const r = el.getBoundingClientRect();
+      absLastBottom = r.bottom + scrollY;
+      return {
+        index,
+        absTop: r.top + scrollY,
+        absMid: r.top + scrollY + r.height / 2
+      };
+    });
+    cache = { blocks, absLastBottom };
+  };
   return {
-    index: els.length,
-    y: last ? last.getBoundingClientRect().bottom : 0
+    resolve(clientY) {
+      if (!cache) build();
+      const scrollY = window.scrollY;
+      const pageY = clientY + scrollY;
+      for (const block of cache.blocks) {
+        if (pageY < block.absMid) {
+          return { index: block.index, y: block.absTop - scrollY };
+        }
+      }
+      return {
+        index: cache.blocks.length,
+        y: cache.absLastBottom - scrollY
+      };
+    },
+    invalidate() {
+      cache = null;
+    }
   };
 }
 function useDragAgent(config) {
@@ -330,6 +353,7 @@ function useDragAgent(config) {
     }
     let movingId = null;
     let lastDropY = null;
+    const resolver = createDropTargetResolver();
     const updateDropY = (y) => {
       if (y === lastDropY) return;
       lastDropY = y;
@@ -340,21 +364,23 @@ function useDragAgent(config) {
       const id = blockEl?.getAttribute("data-block-id");
       if (!id || !event.dataTransfer) return;
       movingId = id;
+      resolver.invalidate();
       event.dataTransfer.setData(MOVE_MIME, id);
       event.dataTransfer.effectAllowed = "move";
     };
     const onDragOver = (event) => {
       if (!movingId) return;
       event.preventDefault();
-      updateDropY(computeDropTarget(event.clientY).y);
+      updateDropY(resolver.resolve(event.clientY).y);
     };
     const onDrop = (event) => {
       if (!movingId) return;
       event.preventDefault();
-      const { index } = computeDropTarget(event.clientY);
+      const { index } = resolver.resolve(event.clientY);
       const blockId = movingId;
       movingId = null;
       updateDropY(null);
+      resolver.invalidate();
       try {
         postToEditor(window.parent, editorOrigin, {
           type: "cmssy:move",
@@ -368,6 +394,7 @@ function useDragAgent(config) {
     const onDragEnd = () => {
       movingId = null;
       updateDropY(null);
+      resolver.invalidate();
     };
     const onMessage = (event) => {
       if (event.source && event.source !== window.parent) return;
@@ -385,7 +412,7 @@ function useDragAgent(config) {
         } else if (message.y > window.innerHeight - edge) {
           window.scrollBy(0, step);
         }
-        const { index, y } = computeDropTarget(message.y);
+        const { index, y } = resolver.resolve(message.y);
         updateDropY(y);
         try {
           postToEditor(window.parent, editorOrigin, {
@@ -397,6 +424,7 @@ function useDragAgent(config) {
         }
       } else if (message.type === "cmssy:drag-end") {
         updateDropY(null);
+        resolver.invalidate();
       }
     };
     document.addEventListener("dragstart", onDragStart);
@@ -416,14 +444,15 @@ function useDragAgent(config) {
 }
 
 // src/components/block-context.ts
-function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview) {
+function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview, forms) {
   return {
     locale: {
       current: locale,
       default: defaultLocale,
       enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
     },
-    isPreview: isPreview ?? false
+    isPreview: isPreview ?? false,
+    forms
   };
 }
 
@@ -492,7 +521,8 @@ function CmssyEditablePage({
   defaultLocale = "en",
   enabledLocales,
   edit,
-  category
+  category,
+  forms
 }) {
   if (!Array.isArray(blocks)) {
     throw new Error(
@@ -509,7 +539,8 @@ function CmssyEditablePage({
       defaultLocale,
       enabledLocales,
       edit,
-      category
+      category,
+      forms
     }
   );
 }
@@ -520,12 +551,13 @@ function EditableBlocks({
   defaultLocale,
   enabledLocales,
   edit,
-  category
+  category,
+  forms
 }) {
   const blockMap = react.useMemo(() => buildBlockMap(blocks), [blocks]);
   const context = react.useMemo(
-    () => buildBlockContext(locale, defaultLocale, enabledLocales, true),
-    [locale, defaultLocale, enabledLocales]
+    () => buildBlockContext(locale, defaultLocale, enabledLocales, true, forms),
+    [locale, defaultLocale, enabledLocales, forms]
   );
   const bridgeConfig = react.useMemo(
     () => ({

package/dist/client.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyLayoutGroup } from './registry-suRGkEQs.cjs';
+import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup } from './registry-BaFQ2k7r.cjs';
 import 'react';
 
 interface EditBridgeConfig {
@@ -38,8 +38,9 @@ interface CmssyEditablePageProps {
     enabledLocales?: string[];
     edit: EditBridgeConfig;
     category?: string;
+    forms?: Record<string, CmssyFormDefinition>;
 }
-declare function CmssyEditablePage({ page, blocks, locale, defaultLocale, enabledLocales, edit, category, }: CmssyEditablePageProps): react_jsx_runtime.JSX.Element | null;
+declare function CmssyEditablePage({ page, blocks, locale, defaultLocale, enabledLocales, edit, category, forms, }: CmssyEditablePageProps): react_jsx_runtime.JSX.Element | null;
 
 interface CmssyLazyEditorProps {
     page: CmssyPageData | null;
@@ -47,6 +48,7 @@ interface CmssyLazyEditorProps {
     defaultLocale?: string;
     enabledLocales?: string[];
     edit: EditBridgeConfig;
+    forms?: Record<string, CmssyFormDefinition>;
     load: () => Promise<{
         blocks: BlockDefinition[];
         category?: string;

package/dist/client.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyLayoutGroup } from './registry-suRGkEQs.js';
+import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup } from './registry-BaFQ2k7r.js';
 import 'react';
 
 interface EditBridgeConfig {
@@ -38,8 +38,9 @@ interface CmssyEditablePageProps {
     enabledLocales?: string[];
     edit: EditBridgeConfig;
     category?: string;
+    forms?: Record<string, CmssyFormDefinition>;
 }
-declare function CmssyEditablePage({ page, blocks, locale, defaultLocale, enabledLocales, edit, category, }: CmssyEditablePageProps): react_jsx_runtime.JSX.Element | null;
+declare function CmssyEditablePage({ page, blocks, locale, defaultLocale, enabledLocales, edit, category, forms, }: CmssyEditablePageProps): react_jsx_runtime.JSX.Element | null;
 
 interface CmssyLazyEditorProps {
     page: CmssyPageData | null;
@@ -47,6 +48,7 @@ interface CmssyLazyEditorProps {
     defaultLocale?: string;
     enabledLocales?: string[];
     edit: EditBridgeConfig;
+    forms?: Record<string, CmssyFormDefinition>;
     load: () => Promise<{
         blocks: BlockDefinition[];
         category?: string;

package/dist/client.js

@@ -302,18 +302,41 @@ function blockElements() {
     )
   ).filter(visible);
 }
-function computeDropTarget(clientY) {
-  const els = blockElements();
-  for (let i = 0; i < els.length; i++) {
-    const r = els[i].getBoundingClientRect();
-    if (clientY < r.top + r.height / 2) {
-      return { index: i, y: r.top };
-    }
-  }
-  const last = els[els.length - 1];
+function createDropTargetResolver() {
+  let cache = null;
+  const build = () => {
+    const els = blockElements();
+    const scrollY = window.scrollY;
+    let absLastBottom = scrollY;
+    const blocks = els.map((el, index) => {
+      const r = el.getBoundingClientRect();
+      absLastBottom = r.bottom + scrollY;
+      return {
+        index,
+        absTop: r.top + scrollY,
+        absMid: r.top + scrollY + r.height / 2
+      };
+    });
+    cache = { blocks, absLastBottom };
+  };
   return {
-    index: els.length,
-    y: last ? last.getBoundingClientRect().bottom : 0
+    resolve(clientY) {
+      if (!cache) build();
+      const scrollY = window.scrollY;
+      const pageY = clientY + scrollY;
+      for (const block of cache.blocks) {
+        if (pageY < block.absMid) {
+          return { index: block.index, y: block.absTop - scrollY };
+        }
+      }
+      return {
+        index: cache.blocks.length,
+        y: cache.absLastBottom - scrollY
+      };
+    },
+    invalidate() {
+      cache = null;
+    }
   };
 }
 function useDragAgent(config) {
@@ -328,6 +351,7 @@ function useDragAgent(config) {
     }
     let movingId = null;
     let lastDropY = null;
+    const resolver = createDropTargetResolver();
     const updateDropY = (y) => {
       if (y === lastDropY) return;
       lastDropY = y;
@@ -338,21 +362,23 @@ function useDragAgent(config) {
       const id = blockEl?.getAttribute("data-block-id");
       if (!id || !event.dataTransfer) return;
       movingId = id;
+      resolver.invalidate();
       event.dataTransfer.setData(MOVE_MIME, id);
       event.dataTransfer.effectAllowed = "move";
     };
     const onDragOver = (event) => {
       if (!movingId) return;
       event.preventDefault();
-      updateDropY(computeDropTarget(event.clientY).y);
+      updateDropY(resolver.resolve(event.clientY).y);
     };
     const onDrop = (event) => {
       if (!movingId) return;
       event.preventDefault();
-      const { index } = computeDropTarget(event.clientY);
+      const { index } = resolver.resolve(event.clientY);
       const blockId = movingId;
       movingId = null;
       updateDropY(null);
+      resolver.invalidate();
       try {
         postToEditor(window.parent, editorOrigin, {
           type: "cmssy:move",
@@ -366,6 +392,7 @@ function useDragAgent(config) {
     const onDragEnd = () => {
       movingId = null;
       updateDropY(null);
+      resolver.invalidate();
     };
     const onMessage = (event) => {
       if (event.source && event.source !== window.parent) return;
@@ -383,7 +410,7 @@ function useDragAgent(config) {
         } else if (message.y > window.innerHeight - edge) {
           window.scrollBy(0, step);
         }
-        const { index, y } = computeDropTarget(message.y);
+        const { index, y } = resolver.resolve(message.y);
         updateDropY(y);
         try {
           postToEditor(window.parent, editorOrigin, {
@@ -395,6 +422,7 @@ function useDragAgent(config) {
         }
       } else if (message.type === "cmssy:drag-end") {
         updateDropY(null);
+        resolver.invalidate();
       }
     };
     document.addEventListener("dragstart", onDragStart);
@@ -414,14 +442,15 @@ function useDragAgent(config) {
 }
 
 // src/components/block-context.ts
-function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview) {
+function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview, forms) {
   return {
     locale: {
       current: locale,
       default: defaultLocale,
       enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
     },
-    isPreview: isPreview ?? false
+    isPreview: isPreview ?? false,
+    forms
   };
 }
 
@@ -490,7 +519,8 @@ function CmssyEditablePage({
   defaultLocale = "en",
   enabledLocales,
   edit,
-  category
+  category,
+  forms
 }) {
   if (!Array.isArray(blocks)) {
     throw new Error(
@@ -507,7 +537,8 @@ function CmssyEditablePage({
       defaultLocale,
       enabledLocales,
       edit,
-      category
+      category,
+      forms
     }
   );
 }
@@ -518,12 +549,13 @@ function EditableBlocks({
   defaultLocale,
   enabledLocales,
   edit,
-  category
+  category,
+  forms
 }) {
   const blockMap = useMemo(() => buildBlockMap(blocks), [blocks]);
   const context = useMemo(
-    () => buildBlockContext(locale, defaultLocale, enabledLocales, true),
-    [locale, defaultLocale, enabledLocales]
+    () => buildBlockContext(locale, defaultLocale, enabledLocales, true, forms),
+    [locale, defaultLocale, enabledLocales, forms]
   );
   const bridgeConfig = useMemo(
     () => ({

package/dist/index.cjs

@@ -61,14 +61,15 @@ function blocksToMeta(blocks, defaults = {}) {
 }
 
 // src/components/block-context.ts
-function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview) {
+function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview, forms) {
   return {
     locale: {
       current: locale,
       default: defaultLocale,
       enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
     },
-    isPreview: isPreview ?? false
+    isPreview: isPreview ?? false,
+    forms
   };
 }
 
@@ -128,11 +129,18 @@ function CmssyServerPage({
   blocks,
   locale = "en",
   defaultLocale = "en",
-  enabledLocales
+  enabledLocales,
+  forms
 }) {
   if (!page) return null;
   const map = buildBlockMap(blocks);
-  const context = buildBlockContext(locale, defaultLocale, enabledLocales);
+  const context = buildBlockContext(
+    locale,
+    defaultLocale,
+    enabledLocales,
+    false,
+    forms
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: page.blocks.map(
     (block) => renderResolvedBlock(block, map, locale, defaultLocale, context)
   ) });
@@ -501,6 +509,44 @@ function createCmssyClient(config) {
     }
   };
 }
+
+// src/data/resolve-forms.ts
+function collectFormIds(blocks, locale, defaultLocale) {
+  const ids = /* @__PURE__ */ new Set();
+  for (const block of blocks) {
+    const content = getBlockContentForLanguage(
+      block.content,
+      locale,
+      defaultLocale
+    );
+    const formId = content.formId;
+    if (typeof formId === "string" && formId.trim()) ids.add(formId);
+  }
+  return [...ids];
+}
+async function resolveForms(config, blocks, locale, defaultLocale, options) {
+  const ids = collectFormIds(blocks, locale, defaultLocale);
+  if (ids.length === 0) return {};
+  const client = createCmssyClient(config);
+  const entries = await Promise.all(
+    ids.map(async (id) => {
+      try {
+        const data = await client.queryScoped(FORM_QUERY, { formId: id }, options);
+        return [id, data.publicForm];
+      } catch (err) {
+        if (typeof console !== "undefined") {
+          console.warn(`[cmssy] failed to resolve form ${id}`, err);
+        }
+        return [id, null];
+      }
+    })
+  );
+  const forms = {};
+  for (const [id, def] of entries) {
+    if (def) forms[id] = def;
+  }
+  return forms;
+}
 function CmssyBlock({
   block,
   locale,
@@ -541,6 +587,7 @@ exports.blocksToMeta = blocksToMeta;
 exports.blocksToSchemas = blocksToSchemas;
 exports.buildBlockContext = buildBlockContext;
 exports.buildBlockMap = buildBlockMap;
+exports.collectFormIds = collectFormIds;
 exports.createCmssyClient = createCmssyClient;
 exports.defineBlock = defineBlock;
 exports.fetchLayouts = fetchLayouts;
@@ -553,3 +600,4 @@ exports.normalizeOrigin = normalizeOrigin;
 exports.normalizeSlug = normalizeSlug;
 exports.parseEditorMessage = parseEditorMessage;
 exports.postToEditor = postToEditor;
+exports.resolveForms = resolveForms;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, d as FetchLike, e as CmssyClientConfig, R as RawBlock, f as BlockMap, g as CmssyBlockContext } from './registry-suRGkEQs.cjs';
-export { a as BlockMeta, h as BlockRect, B as BlockSchema, i as BoundsMessage, j as ClickMessage, k as CmssyLocaleContext, l as FetchLikeResponse, m as FetchPageOptions, n as FieldType, P as PROTOCOL_VERSION, o as ParentReadyMessage, p as PatchMessage, q as RawLayoutBlock, r as ReadyMessage, S as SelectMessage, s as blocksToMeta, t as blocksToSchemas, u as buildBlockContext, v as buildBlockMap, w as defineBlock, x as fetchLayouts, y as fetchPage, z as isProtocolCompatible, D as normalizeSlug } from './registry-suRGkEQs.cjs';
+import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, e as FetchLike, f as CmssyClientConfig, R as RawBlock, g as BlockMap, h as CmssyBlockContext } from './registry-BaFQ2k7r.cjs';
+export { a as BlockMeta, i as BlockRect, B as BlockSchema, j as BoundsMessage, k as ClickMessage, l as CmssyBranding, m as CmssyFormField, n as CmssyFormSettings, o as CmssyFormSubmitResponse, p as CmssyLocaleContext, q as CmssyModelDefinition, r as CmssyModelRecord, s as CmssyRecordList, t as CmssySiteConfig, u as FORM_QUERY, v as FetchLikeResponse, w as FetchPageOptions, x as FieldType, M as MODEL_DEFINITIONS_QUERY, y as MODEL_RECORDS_QUERY, P as PROTOCOL_VERSION, z as ParentReadyMessage, D as PatchMessage, G as RawLayoutBlock, H as ReadyMessage, S as SITE_CONFIG_QUERY, I as SUBMIT_FORM_MUTATION, J as SelectMessage, K as SubmitFormInput, L as blocksToMeta, N as blocksToSchemas, O as buildBlockContext, Q as buildBlockMap, T as defineBlock, U as fetchLayouts, V as fetchPage, W as isProtocolCompatible, X as normalizeSlug } from './registry-BaFQ2k7r.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'react';
 
@@ -28,8 +28,10 @@ interface CmssyServerPageProps {
     defaultLocale?: string;
     /** All languages enabled on the workspace; exposed to blocks via context.locale.enabled. */
     enabledLocales?: string[];
+    /** Form definitions referenced by page blocks, exposed via context.forms. */
+    forms?: Record<string, CmssyFormDefinition>;
 }
-declare function CmssyServerPage({ page, blocks, locale, defaultLocale, enabledLocales, }: CmssyServerPageProps): react_jsx_runtime.JSX.Element | null;
+declare function CmssyServerPage({ page, blocks, locale, defaultLocale, enabledLocales, forms, }: CmssyServerPageProps): react_jsx_runtime.JSX.Element | null;
 
 interface CmssyServerLayoutProps {
     groups: CmssyLayoutGroup[];
@@ -69,94 +71,8 @@ interface CmssyClient {
 }
 declare function createCmssyClient(config: CmssyClientConfig): CmssyClient;
 
-interface CmssyBranding {
-    brandName: string | null;
-    logoUrl: string | null;
-    faviconUrl: string | null;
-    ogImageUrl: string | null;
-}
-interface CmssySiteConfig {
-    id: string;
-    workspaceId: string;
-    siteName: unknown;
-    defaultLanguage: string | null;
-    enabledLanguages: string[];
-    enabledFeatures: string[];
-    notFoundPageId: string | null;
-    previewUrl: string | null;
-    branding: CmssyBranding | null;
-}
-declare const SITE_CONFIG_QUERY = "query PublicSiteConfig($workspaceSlug: String!) {\n  publicSiteConfig(workspaceSlug: $workspaceSlug) {\n    id\n    workspaceId\n    siteName\n    defaultLanguage\n    enabledLanguages\n    enabledFeatures\n    notFoundPageId\n    previewUrl\n    branding {\n      brandName\n      logoUrl\n      faviconUrl\n      ogImageUrl\n    }\n  }\n}";
-interface CmssyModelDefinition {
-    id: string;
-    name: string;
-    slug: string;
-    description: string | null;
-    icon: string | null;
-    color: string | null;
-    displayField: string | null;
-    recordCount: number | null;
-}
-interface CmssyModelRecord {
-    id: string;
-    modelId: string;
-    data: Record<string, unknown>;
-    status: string | null;
-    createdAt: string | null;
-    updatedAt: string | null;
-}
-interface CmssyRecordList {
-    items: CmssyModelRecord[];
-    total: number;
-    hasMore: boolean;
-}
-declare const MODEL_DEFINITIONS_QUERY = "query PublicModelDefinitions($workspaceId: String!) {\n  publicModelDefinitions(workspaceId: $workspaceId) {\n    id name slug description icon color displayField recordCount\n  }\n}";
-declare const MODEL_RECORDS_QUERY = "query PublicModelRecords($workspaceId: String!, $modelSlug: String!, $filter: JSON, $sort: String, $limit: Int, $offset: Int, $populate: [String!]) {\n  publicModelRecords(workspaceId: $workspaceId, modelSlug: $modelSlug, filter: $filter, sort: $sort, limit: $limit, offset: $offset, populate: $populate) {\n    items { id modelId data status createdAt updatedAt }\n    total\n    hasMore\n  }\n}";
-interface CmssyFormField {
-    id: string;
-    name: string;
-    fieldType: string;
-    label: string | null;
-    placeholder: string | null;
-    helpText: string | null;
-    defaultValue: unknown;
-    options: unknown;
-    validation: unknown;
-    width: string | null;
-    order: number | null;
-    showIf: unknown;
-}
-interface CmssyFormSettings {
-    actionType: string | null;
-    submitButtonLabel: unknown;
-    successMessage: unknown;
-    errorMessage: unknown;
-    redirectUrl: string | null;
-    requireLogin: boolean | null;
-    enableCaptcha: boolean | null;
-}
-interface CmssyFormDefinition {
-    id: string;
-    name: string;
-    slug: string | null;
-    description: string | null;
-    fields: CmssyFormField[];
-    settings: CmssyFormSettings | null;
-}
-interface CmssyFormSubmitResponse {
-    success: boolean;
-    message: string | null;
-    submissionId: string | null;
-    redirectUrl: string | null;
-    accessToken: string | null;
-    customer: unknown;
-}
-interface SubmitFormInput {
-    data: Record<string, unknown>;
-    website?: string;
-}
-declare const FORM_QUERY = "query PublicForm($formId: ID!) {\n  publicForm(formId: $formId) {\n    id\n    name\n    slug\n    description\n    fields {\n      id name fieldType label placeholder helpText\n      defaultValue width order showIf\n      options { value label disabled }\n      validation { required minLength maxLength minValue maxValue pattern customMessage }\n    }\n    settings {\n      actionType submitButtonLabel successMessage errorMessage\n      redirectUrl requireLogin enableCaptcha\n    }\n  }\n}";
-declare const SUBMIT_FORM_MUTATION = "mutation SubmitForm($formId: ID!, $input: SubmitFormInput!) {\n  submitForm(formId: $formId, input: $input) {\n    success message submissionId redirectUrl accessToken customer\n  }\n}";
+declare function collectFormIds(blocks: RawBlock[], locale: string, defaultLocale: string): string[];
+declare function resolveForms(config: CmssyClientConfig, blocks: RawBlock[], locale: string, defaultLocale: string, options?: QueryScopedOptions): Promise<Record<string, CmssyFormDefinition>>;
 
 interface CmssyBlockProps {
     block: RawBlock;
@@ -175,4 +91,4 @@ interface UnknownBlockProps {
 }
 declare function UnknownBlock({ type }: UnknownBlockProps): react_jsx_runtime.JSX.Element;
 
-export { AppToEditorMessage, BlockDefinition, BlockMap, CmssyBlock, CmssyBlockContext, type CmssyBlockProps, type CmssyBranding, type CmssyClient, CmssyClientConfig, type CmssyFormDefinition, type CmssyFormField, type CmssyFormSettings, type CmssyFormSubmitResponse, CmssyLayoutGroup, type CmssyModelDefinition, type CmssyModelRecord, CmssyPageData, type CmssyRecordList, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, type CmssySiteConfig, EditorToAppMessage, FORM_QUERY, FetchLike, type FieldControl, FieldDefinition, type GraphqlRequestOptions, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, type PostTarget, type QueryScopedOptions, RawBlock, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, type SubmitFormInput, UnknownBlock, type UnknownBlockProps, createCmssyClient, fields, getBlockContentForLanguage, graphqlRequest, normalizeOrigin, parseEditorMessage, postToEditor };
+export { AppToEditorMessage, BlockDefinition, BlockMap, CmssyBlock, CmssyBlockContext, type CmssyBlockProps, type CmssyClient, CmssyClientConfig, CmssyFormDefinition, CmssyLayoutGroup, CmssyPageData, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, EditorToAppMessage, FetchLike, type FieldControl, FieldDefinition, type GraphqlRequestOptions, type PostTarget, type QueryScopedOptions, RawBlock, UnknownBlock, type UnknownBlockProps, collectFormIds, createCmssyClient, fields, getBlockContentForLanguage, graphqlRequest, normalizeOrigin, parseEditorMessage, postToEditor, resolveForms };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, d as FetchLike, e as CmssyClientConfig, R as RawBlock, f as BlockMap, g as CmssyBlockContext } from './registry-suRGkEQs.js';
-export { a as BlockMeta, h as BlockRect, B as BlockSchema, i as BoundsMessage, j as ClickMessage, k as CmssyLocaleContext, l as FetchLikeResponse, m as FetchPageOptions, n as FieldType, P as PROTOCOL_VERSION, o as ParentReadyMessage, p as PatchMessage, q as RawLayoutBlock, r as ReadyMessage, S as SelectMessage, s as blocksToMeta, t as blocksToSchemas, u as buildBlockContext, v as buildBlockMap, w as defineBlock, x as fetchLayouts, y as fetchPage, z as isProtocolCompatible, D as normalizeSlug } from './registry-suRGkEQs.js';
+import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, e as FetchLike, f as CmssyClientConfig, R as RawBlock, g as BlockMap, h as CmssyBlockContext } from './registry-BaFQ2k7r.js';
+export { a as BlockMeta, i as BlockRect, B as BlockSchema, j as BoundsMessage, k as ClickMessage, l as CmssyBranding, m as CmssyFormField, n as CmssyFormSettings, o as CmssyFormSubmitResponse, p as CmssyLocaleContext, q as CmssyModelDefinition, r as CmssyModelRecord, s as CmssyRecordList, t as CmssySiteConfig, u as FORM_QUERY, v as FetchLikeResponse, w as FetchPageOptions, x as FieldType, M as MODEL_DEFINITIONS_QUERY, y as MODEL_RECORDS_QUERY, P as PROTOCOL_VERSION, z as ParentReadyMessage, D as PatchMessage, G as RawLayoutBlock, H as ReadyMessage, S as SITE_CONFIG_QUERY, I as SUBMIT_FORM_MUTATION, J as SelectMessage, K as SubmitFormInput, L as blocksToMeta, N as blocksToSchemas, O as buildBlockContext, Q as buildBlockMap, T as defineBlock, U as fetchLayouts, V as fetchPage, W as isProtocolCompatible, X as normalizeSlug } from './registry-BaFQ2k7r.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'react';
 
@@ -28,8 +28,10 @@ interface CmssyServerPageProps {
     defaultLocale?: string;
     /** All languages enabled on the workspace; exposed to blocks via context.locale.enabled. */
     enabledLocales?: string[];
+    /** Form definitions referenced by page blocks, exposed via context.forms. */
+    forms?: Record<string, CmssyFormDefinition>;
 }
-declare function CmssyServerPage({ page, blocks, locale, defaultLocale, enabledLocales, }: CmssyServerPageProps): react_jsx_runtime.JSX.Element | null;
+declare function CmssyServerPage({ page, blocks, locale, defaultLocale, enabledLocales, forms, }: CmssyServerPageProps): react_jsx_runtime.JSX.Element | null;
 
 interface CmssyServerLayoutProps {
     groups: CmssyLayoutGroup[];
@@ -69,94 +71,8 @@ interface CmssyClient {
 }
 declare function createCmssyClient(config: CmssyClientConfig): CmssyClient;
 
-interface CmssyBranding {
-    brandName: string | null;
-    logoUrl: string | null;
-    faviconUrl: string | null;
-    ogImageUrl: string | null;
-}
-interface CmssySiteConfig {
-    id: string;
-    workspaceId: string;
-    siteName: unknown;
-    defaultLanguage: string | null;
-    enabledLanguages: string[];
-    enabledFeatures: string[];
-    notFoundPageId: string | null;
-    previewUrl: string | null;
-    branding: CmssyBranding | null;
-}
-declare const SITE_CONFIG_QUERY = "query PublicSiteConfig($workspaceSlug: String!) {\n  publicSiteConfig(workspaceSlug: $workspaceSlug) {\n    id\n    workspaceId\n    siteName\n    defaultLanguage\n    enabledLanguages\n    enabledFeatures\n    notFoundPageId\n    previewUrl\n    branding {\n      brandName\n      logoUrl\n      faviconUrl\n      ogImageUrl\n    }\n  }\n}";
-interface CmssyModelDefinition {
-    id: string;
-    name: string;
-    slug: string;
-    description: string | null;
-    icon: string | null;
-    color: string | null;
-    displayField: string | null;
-    recordCount: number | null;
-}
-interface CmssyModelRecord {
-    id: string;
-    modelId: string;
-    data: Record<string, unknown>;
-    status: string | null;
-    createdAt: string | null;
-    updatedAt: string | null;
-}
-interface CmssyRecordList {
-    items: CmssyModelRecord[];
-    total: number;
-    hasMore: boolean;
-}
-declare const MODEL_DEFINITIONS_QUERY = "query PublicModelDefinitions($workspaceId: String!) {\n  publicModelDefinitions(workspaceId: $workspaceId) {\n    id name slug description icon color displayField recordCount\n  }\n}";
-declare const MODEL_RECORDS_QUERY = "query PublicModelRecords($workspaceId: String!, $modelSlug: String!, $filter: JSON, $sort: String, $limit: Int, $offset: Int, $populate: [String!]) {\n  publicModelRecords(workspaceId: $workspaceId, modelSlug: $modelSlug, filter: $filter, sort: $sort, limit: $limit, offset: $offset, populate: $populate) {\n    items { id modelId data status createdAt updatedAt }\n    total\n    hasMore\n  }\n}";
-interface CmssyFormField {
-    id: string;
-    name: string;
-    fieldType: string;
-    label: string | null;
-    placeholder: string | null;
-    helpText: string | null;
-    defaultValue: unknown;
-    options: unknown;
-    validation: unknown;
-    width: string | null;
-    order: number | null;
-    showIf: unknown;
-}
-interface CmssyFormSettings {
-    actionType: string | null;
-    submitButtonLabel: unknown;
-    successMessage: unknown;
-    errorMessage: unknown;
-    redirectUrl: string | null;
-    requireLogin: boolean | null;
-    enableCaptcha: boolean | null;
-}
-interface CmssyFormDefinition {
-    id: string;
-    name: string;
-    slug: string | null;
-    description: string | null;
-    fields: CmssyFormField[];
-    settings: CmssyFormSettings | null;
-}
-interface CmssyFormSubmitResponse {
-    success: boolean;
-    message: string | null;
-    submissionId: string | null;
-    redirectUrl: string | null;
-    accessToken: string | null;
-    customer: unknown;
-}
-interface SubmitFormInput {
-    data: Record<string, unknown>;
-    website?: string;
-}
-declare const FORM_QUERY = "query PublicForm($formId: ID!) {\n  publicForm(formId: $formId) {\n    id\n    name\n    slug\n    description\n    fields {\n      id name fieldType label placeholder helpText\n      defaultValue width order showIf\n      options { value label disabled }\n      validation { required minLength maxLength minValue maxValue pattern customMessage }\n    }\n    settings {\n      actionType submitButtonLabel successMessage errorMessage\n      redirectUrl requireLogin enableCaptcha\n    }\n  }\n}";
-declare const SUBMIT_FORM_MUTATION = "mutation SubmitForm($formId: ID!, $input: SubmitFormInput!) {\n  submitForm(formId: $formId, input: $input) {\n    success message submissionId redirectUrl accessToken customer\n  }\n}";
+declare function collectFormIds(blocks: RawBlock[], locale: string, defaultLocale: string): string[];
+declare function resolveForms(config: CmssyClientConfig, blocks: RawBlock[], locale: string, defaultLocale: string, options?: QueryScopedOptions): Promise<Record<string, CmssyFormDefinition>>;
 
 interface CmssyBlockProps {
     block: RawBlock;
@@ -175,4 +91,4 @@ interface UnknownBlockProps {
 }
 declare function UnknownBlock({ type }: UnknownBlockProps): react_jsx_runtime.JSX.Element;
 
-export { AppToEditorMessage, BlockDefinition, BlockMap, CmssyBlock, CmssyBlockContext, type CmssyBlockProps, type CmssyBranding, type CmssyClient, CmssyClientConfig, type CmssyFormDefinition, type CmssyFormField, type CmssyFormSettings, type CmssyFormSubmitResponse, CmssyLayoutGroup, type CmssyModelDefinition, type CmssyModelRecord, CmssyPageData, type CmssyRecordList, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, type CmssySiteConfig, EditorToAppMessage, FORM_QUERY, FetchLike, type FieldControl, FieldDefinition, type GraphqlRequestOptions, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, type PostTarget, type QueryScopedOptions, RawBlock, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, type SubmitFormInput, UnknownBlock, type UnknownBlockProps, createCmssyClient, fields, getBlockContentForLanguage, graphqlRequest, normalizeOrigin, parseEditorMessage, postToEditor };
+export { AppToEditorMessage, BlockDefinition, BlockMap, CmssyBlock, CmssyBlockContext, type CmssyBlockProps, type CmssyClient, CmssyClientConfig, CmssyFormDefinition, CmssyLayoutGroup, CmssyPageData, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, EditorToAppMessage, FetchLike, type FieldControl, FieldDefinition, type GraphqlRequestOptions, type PostTarget, type QueryScopedOptions, RawBlock, UnknownBlock, type UnknownBlockProps, collectFormIds, createCmssyClient, fields, getBlockContentForLanguage, graphqlRequest, normalizeOrigin, parseEditorMessage, postToEditor, resolveForms };

package/dist/index.js

@@ -59,14 +59,15 @@ function blocksToMeta(blocks, defaults = {}) {
 }
 
 // src/components/block-context.ts
-function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview) {
+function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview, forms) {
   return {
     locale: {
       current: locale,
       default: defaultLocale,
       enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
     },
-    isPreview: isPreview ?? false
+    isPreview: isPreview ?? false,
+    forms
   };
 }
 
@@ -126,11 +127,18 @@ function CmssyServerPage({
   blocks,
   locale = "en",
   defaultLocale = "en",
-  enabledLocales
+  enabledLocales,
+  forms
 }) {
   if (!page) return null;
   const map = buildBlockMap(blocks);
-  const context = buildBlockContext(locale, defaultLocale, enabledLocales);
+  const context = buildBlockContext(
+    locale,
+    defaultLocale,
+    enabledLocales,
+    false,
+    forms
+  );
   return /* @__PURE__ */ jsx(Fragment, { children: page.blocks.map(
     (block) => renderResolvedBlock(block, map, locale, defaultLocale, context)
   ) });
@@ -499,6 +507,44 @@ function createCmssyClient(config) {
     }
   };
 }
+
+// src/data/resolve-forms.ts
+function collectFormIds(blocks, locale, defaultLocale) {
+  const ids = /* @__PURE__ */ new Set();
+  for (const block of blocks) {
+    const content = getBlockContentForLanguage(
+      block.content,
+      locale,
+      defaultLocale
+    );
+    const formId = content.formId;
+    if (typeof formId === "string" && formId.trim()) ids.add(formId);
+  }
+  return [...ids];
+}
+async function resolveForms(config, blocks, locale, defaultLocale, options) {
+  const ids = collectFormIds(blocks, locale, defaultLocale);
+  if (ids.length === 0) return {};
+  const client = createCmssyClient(config);
+  const entries = await Promise.all(
+    ids.map(async (id) => {
+      try {
+        const data = await client.queryScoped(FORM_QUERY, { formId: id }, options);
+        return [id, data.publicForm];
+      } catch (err) {
+        if (typeof console !== "undefined") {
+          console.warn(`[cmssy] failed to resolve form ${id}`, err);
+        }
+        return [id, null];
+      }
+    })
+  );
+  const forms = {};
+  for (const [id, def] of entries) {
+    if (def) forms[id] = def;
+  }
+  return forms;
+}
 function CmssyBlock({
   block,
   locale,
@@ -525,4 +571,4 @@ function CmssyBlock({
   );
 }
 
-export { CmssyBlock, CmssyServerLayout, CmssyServerPage, FORM_QUERY, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, PROTOCOL_VERSION, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, UnknownBlock, blocksToMeta, blocksToSchemas, buildBlockContext, buildBlockMap, createCmssyClient, defineBlock, fetchLayouts, fetchPage, fields, getBlockContentForLanguage, graphqlRequest, isProtocolCompatible, normalizeOrigin, normalizeSlug, parseEditorMessage, postToEditor };
+export { CmssyBlock, CmssyServerLayout, CmssyServerPage, FORM_QUERY, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, PROTOCOL_VERSION, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, UnknownBlock, blocksToMeta, blocksToSchemas, buildBlockContext, buildBlockMap, collectFormIds, createCmssyClient, defineBlock, fetchLayouts, fetchPage, fields, getBlockContentForLanguage, graphqlRequest, isProtocolCompatible, normalizeOrigin, normalizeSlug, parseEditorMessage, postToEditor, resolveForms };

package/dist/{registry-suRGkEQs.d.cts → registry-BaFQ2k7r.d.cts}

@@ -44,6 +44,95 @@ declare function normalizeSlug(path: string | string[] | undefined): string;
 declare function fetchPage(config: CmssyClientConfig, path: string | string[] | undefined, options?: FetchPageOptions): Promise<CmssyPageData | null>;
 declare function fetchLayouts(config: CmssyClientConfig, path: string | string[] | undefined, options?: FetchPageOptions): Promise<CmssyLayoutGroup[]>;
 
+interface CmssyBranding {
+    brandName: string | null;
+    logoUrl: string | null;
+    faviconUrl: string | null;
+    ogImageUrl: string | null;
+}
+interface CmssySiteConfig {
+    id: string;
+    workspaceId: string;
+    siteName: unknown;
+    defaultLanguage: string | null;
+    enabledLanguages: string[];
+    enabledFeatures: string[];
+    notFoundPageId: string | null;
+    previewUrl: string | null;
+    branding: CmssyBranding | null;
+}
+declare const SITE_CONFIG_QUERY = "query PublicSiteConfig($workspaceSlug: String!) {\n  publicSiteConfig(workspaceSlug: $workspaceSlug) {\n    id\n    workspaceId\n    siteName\n    defaultLanguage\n    enabledLanguages\n    enabledFeatures\n    notFoundPageId\n    previewUrl\n    branding {\n      brandName\n      logoUrl\n      faviconUrl\n      ogImageUrl\n    }\n  }\n}";
+interface CmssyModelDefinition {
+    id: string;
+    name: string;
+    slug: string;
+    description: string | null;
+    icon: string | null;
+    color: string | null;
+    displayField: string | null;
+    recordCount: number | null;
+}
+interface CmssyModelRecord {
+    id: string;
+    modelId: string;
+    data: Record<string, unknown>;
+    status: string | null;
+    createdAt: string | null;
+    updatedAt: string | null;
+}
+interface CmssyRecordList {
+    items: CmssyModelRecord[];
+    total: number;
+    hasMore: boolean;
+}
+declare const MODEL_DEFINITIONS_QUERY = "query PublicModelDefinitions($workspaceId: String!) {\n  publicModelDefinitions(workspaceId: $workspaceId) {\n    id name slug description icon color displayField recordCount\n  }\n}";
+declare const MODEL_RECORDS_QUERY = "query PublicModelRecords($workspaceId: String!, $modelSlug: String!, $filter: JSON, $sort: String, $limit: Int, $offset: Int, $populate: [String!]) {\n  publicModelRecords(workspaceId: $workspaceId, modelSlug: $modelSlug, filter: $filter, sort: $sort, limit: $limit, offset: $offset, populate: $populate) {\n    items { id modelId data status createdAt updatedAt }\n    total\n    hasMore\n  }\n}";
+interface CmssyFormField {
+    id: string;
+    name: string;
+    fieldType: string;
+    label: string | null;
+    placeholder: string | null;
+    helpText: string | null;
+    defaultValue: unknown;
+    options: unknown;
+    validation: unknown;
+    width: string | null;
+    order: number | null;
+    showIf: unknown;
+}
+interface CmssyFormSettings {
+    actionType: string | null;
+    submitButtonLabel: unknown;
+    successMessage: unknown;
+    errorMessage: unknown;
+    redirectUrl: string | null;
+    requireLogin: boolean | null;
+    enableCaptcha: boolean | null;
+}
+interface CmssyFormDefinition {
+    id: string;
+    name: string;
+    slug: string | null;
+    description: string | null;
+    fields: CmssyFormField[];
+    settings: CmssyFormSettings | null;
+}
+interface CmssyFormSubmitResponse {
+    success: boolean;
+    message: string | null;
+    submissionId: string | null;
+    redirectUrl: string | null;
+    accessToken: string | null;
+    customer: unknown;
+}
+interface SubmitFormInput {
+    data: Record<string, unknown>;
+    website?: string;
+}
+declare const FORM_QUERY = "query PublicForm($formId: ID!) {\n  publicForm(formId: $formId) {\n    id\n    name\n    slug\n    description\n    fields {\n      id name fieldType label placeholder helpText\n      defaultValue width order showIf\n      options { value label disabled }\n      validation { required minLength maxLength minValue maxValue pattern customMessage }\n    }\n    settings {\n      actionType submitButtonLabel successMessage errorMessage\n      redirectUrl requireLogin enableCaptcha\n    }\n  }\n}";
+declare const SUBMIT_FORM_MUTATION = "mutation SubmitForm($formId: ID!, $input: SubmitFormInput!) {\n  submitForm(formId: $formId, input: $input) {\n    success message submissionId redirectUrl accessToken customer\n  }\n}";
+
 interface CmssyLocaleContext {
     current: string;
     default: string;
@@ -52,8 +141,9 @@ interface CmssyLocaleContext {
 interface CmssyBlockContext {
     locale: CmssyLocaleContext;
     isPreview: boolean;
+    forms?: Record<string, CmssyFormDefinition>;
 }
-declare function buildBlockContext(locale: string, defaultLocale: string, enabledLocales?: string[], isPreview?: boolean): CmssyBlockContext;
+declare function buildBlockContext(locale: string, defaultLocale: string, enabledLocales?: string[], isPreview?: boolean, forms?: Record<string, CmssyFormDefinition>): CmssyBlockContext;
 
 declare const PROTOCOL_VERSION = 1;
 type FieldType = "singleLine" | "multiLine" | "richText" | "numeric" | "date" | "media" | "link" | "select" | "multiselect" | "boolean" | "color" | "repeater";
@@ -200,4 +290,4 @@ declare function blocksToMeta(blocks: BlockDefinition[], defaults?: {
     category?: string;
 }): Record<string, BlockMeta>;
 
-export { type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, normalizeSlug as D, type EditorToAppMessage as E, type FieldDefinition as F, PROTOCOL_VERSION as P, type RawBlock as R, type SelectMessage as S, type BlockMeta as a, type BlockDefinition as b, type CmssyLayoutGroup as c, type FetchLike as d, type CmssyClientConfig as e, type BlockMap as f, type CmssyBlockContext as g, type BlockRect as h, type BoundsMessage as i, type ClickMessage as j, type CmssyLocaleContext as k, type FetchLikeResponse as l, type FetchPageOptions as m, type FieldType as n, type ParentReadyMessage as o, type PatchMessage as p, type RawLayoutBlock as q, type ReadyMessage as r, blocksToMeta as s, blocksToSchemas as t, buildBlockContext as u, buildBlockMap as v, defineBlock as w, fetchLayouts as x, fetchPage as y, isProtocolCompatible as z };
+export { type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type PatchMessage as D, type EditorToAppMessage as E, type FieldDefinition as F, type RawLayoutBlock as G, type ReadyMessage as H, SUBMIT_FORM_MUTATION as I, type SelectMessage as J, type SubmitFormInput as K, blocksToMeta as L, MODEL_DEFINITIONS_QUERY as M, blocksToSchemas as N, buildBlockContext as O, PROTOCOL_VERSION as P, buildBlockMap as Q, type RawBlock as R, SITE_CONFIG_QUERY as S, defineBlock as T, fetchLayouts as U, fetchPage as V, isProtocolCompatible as W, normalizeSlug as X, type BlockMeta as a, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type FetchLike as e, type CmssyClientConfig as f, type BlockMap as g, type CmssyBlockContext as h, type BlockRect as i, type BoundsMessage as j, type ClickMessage as k, type CmssyBranding as l, type CmssyFormField as m, type CmssyFormSettings as n, type CmssyFormSubmitResponse as o, type CmssyLocaleContext as p, type CmssyModelDefinition as q, type CmssyModelRecord as r, type CmssyRecordList as s, type CmssySiteConfig as t, FORM_QUERY as u, type FetchLikeResponse as v, type FetchPageOptions as w, type FieldType as x, MODEL_RECORDS_QUERY as y, type ParentReadyMessage as z };

package/dist/{registry-suRGkEQs.d.ts → registry-BaFQ2k7r.d.ts}

@@ -44,6 +44,95 @@ declare function normalizeSlug(path: string | string[] | undefined): string;
 declare function fetchPage(config: CmssyClientConfig, path: string | string[] | undefined, options?: FetchPageOptions): Promise<CmssyPageData | null>;
 declare function fetchLayouts(config: CmssyClientConfig, path: string | string[] | undefined, options?: FetchPageOptions): Promise<CmssyLayoutGroup[]>;
 
+interface CmssyBranding {
+    brandName: string | null;
+    logoUrl: string | null;
+    faviconUrl: string | null;
+    ogImageUrl: string | null;
+}
+interface CmssySiteConfig {
+    id: string;
+    workspaceId: string;
+    siteName: unknown;
+    defaultLanguage: string | null;
+    enabledLanguages: string[];
+    enabledFeatures: string[];
+    notFoundPageId: string | null;
+    previewUrl: string | null;
+    branding: CmssyBranding | null;
+}
+declare const SITE_CONFIG_QUERY = "query PublicSiteConfig($workspaceSlug: String!) {\n  publicSiteConfig(workspaceSlug: $workspaceSlug) {\n    id\n    workspaceId\n    siteName\n    defaultLanguage\n    enabledLanguages\n    enabledFeatures\n    notFoundPageId\n    previewUrl\n    branding {\n      brandName\n      logoUrl\n      faviconUrl\n      ogImageUrl\n    }\n  }\n}";
+interface CmssyModelDefinition {
+    id: string;
+    name: string;
+    slug: string;
+    description: string | null;
+    icon: string | null;
+    color: string | null;
+    displayField: string | null;
+    recordCount: number | null;
+}
+interface CmssyModelRecord {
+    id: string;
+    modelId: string;
+    data: Record<string, unknown>;
+    status: string | null;
+    createdAt: string | null;
+    updatedAt: string | null;
+}
+interface CmssyRecordList {
+    items: CmssyModelRecord[];
+    total: number;
+    hasMore: boolean;
+}
+declare const MODEL_DEFINITIONS_QUERY = "query PublicModelDefinitions($workspaceId: String!) {\n  publicModelDefinitions(workspaceId: $workspaceId) {\n    id name slug description icon color displayField recordCount\n  }\n}";
+declare const MODEL_RECORDS_QUERY = "query PublicModelRecords($workspaceId: String!, $modelSlug: String!, $filter: JSON, $sort: String, $limit: Int, $offset: Int, $populate: [String!]) {\n  publicModelRecords(workspaceId: $workspaceId, modelSlug: $modelSlug, filter: $filter, sort: $sort, limit: $limit, offset: $offset, populate: $populate) {\n    items { id modelId data status createdAt updatedAt }\n    total\n    hasMore\n  }\n}";
+interface CmssyFormField {
+    id: string;
+    name: string;
+    fieldType: string;
+    label: string | null;
+    placeholder: string | null;
+    helpText: string | null;
+    defaultValue: unknown;
+    options: unknown;
+    validation: unknown;
+    width: string | null;
+    order: number | null;
+    showIf: unknown;
+}
+interface CmssyFormSettings {
+    actionType: string | null;
+    submitButtonLabel: unknown;
+    successMessage: unknown;
+    errorMessage: unknown;
+    redirectUrl: string | null;
+    requireLogin: boolean | null;
+    enableCaptcha: boolean | null;
+}
+interface CmssyFormDefinition {
+    id: string;
+    name: string;
+    slug: string | null;
+    description: string | null;
+    fields: CmssyFormField[];
+    settings: CmssyFormSettings | null;
+}
+interface CmssyFormSubmitResponse {
+    success: boolean;
+    message: string | null;
+    submissionId: string | null;
+    redirectUrl: string | null;
+    accessToken: string | null;
+    customer: unknown;
+}
+interface SubmitFormInput {
+    data: Record<string, unknown>;
+    website?: string;
+}
+declare const FORM_QUERY = "query PublicForm($formId: ID!) {\n  publicForm(formId: $formId) {\n    id\n    name\n    slug\n    description\n    fields {\n      id name fieldType label placeholder helpText\n      defaultValue width order showIf\n      options { value label disabled }\n      validation { required minLength maxLength minValue maxValue pattern customMessage }\n    }\n    settings {\n      actionType submitButtonLabel successMessage errorMessage\n      redirectUrl requireLogin enableCaptcha\n    }\n  }\n}";
+declare const SUBMIT_FORM_MUTATION = "mutation SubmitForm($formId: ID!, $input: SubmitFormInput!) {\n  submitForm(formId: $formId, input: $input) {\n    success message submissionId redirectUrl accessToken customer\n  }\n}";
+
 interface CmssyLocaleContext {
     current: string;
     default: string;
@@ -52,8 +141,9 @@ interface CmssyLocaleContext {
 interface CmssyBlockContext {
     locale: CmssyLocaleContext;
     isPreview: boolean;
+    forms?: Record<string, CmssyFormDefinition>;
 }
-declare function buildBlockContext(locale: string, defaultLocale: string, enabledLocales?: string[], isPreview?: boolean): CmssyBlockContext;
+declare function buildBlockContext(locale: string, defaultLocale: string, enabledLocales?: string[], isPreview?: boolean, forms?: Record<string, CmssyFormDefinition>): CmssyBlockContext;
 
 declare const PROTOCOL_VERSION = 1;
 type FieldType = "singleLine" | "multiLine" | "richText" | "numeric" | "date" | "media" | "link" | "select" | "multiselect" | "boolean" | "color" | "repeater";
@@ -200,4 +290,4 @@ declare function blocksToMeta(blocks: BlockDefinition[], defaults?: {
     category?: string;
 }): Record<string, BlockMeta>;
 
-export { type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, normalizeSlug as D, type EditorToAppMessage as E, type FieldDefinition as F, PROTOCOL_VERSION as P, type RawBlock as R, type SelectMessage as S, type BlockMeta as a, type BlockDefinition as b, type CmssyLayoutGroup as c, type FetchLike as d, type CmssyClientConfig as e, type BlockMap as f, type CmssyBlockContext as g, type BlockRect as h, type BoundsMessage as i, type ClickMessage as j, type CmssyLocaleContext as k, type FetchLikeResponse as l, type FetchPageOptions as m, type FieldType as n, type ParentReadyMessage as o, type PatchMessage as p, type RawLayoutBlock as q, type ReadyMessage as r, blocksToMeta as s, blocksToSchemas as t, buildBlockContext as u, buildBlockMap as v, defineBlock as w, fetchLayouts as x, fetchPage as y, isProtocolCompatible as z };
+export { type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type PatchMessage as D, type EditorToAppMessage as E, type FieldDefinition as F, type RawLayoutBlock as G, type ReadyMessage as H, SUBMIT_FORM_MUTATION as I, type SelectMessage as J, type SubmitFormInput as K, blocksToMeta as L, MODEL_DEFINITIONS_QUERY as M, blocksToSchemas as N, buildBlockContext as O, PROTOCOL_VERSION as P, buildBlockMap as Q, type RawBlock as R, SITE_CONFIG_QUERY as S, defineBlock as T, fetchLayouts as U, fetchPage as V, isProtocolCompatible as W, normalizeSlug as X, type BlockMeta as a, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type FetchLike as e, type CmssyClientConfig as f, type BlockMap as g, type CmssyBlockContext as h, type BlockRect as i, type BoundsMessage as j, type ClickMessage as k, type CmssyBranding as l, type CmssyFormField as m, type CmssyFormSettings as n, type CmssyFormSubmitResponse as o, type CmssyLocaleContext as p, type CmssyModelDefinition as q, type CmssyModelRecord as r, type CmssyRecordList as s, type CmssySiteConfig as t, FORM_QUERY as u, type FetchLikeResponse as v, type FetchPageOptions as w, type FieldType as x, MODEL_RECORDS_QUERY as y, type ParentReadyMessage as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmssy/react",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "React blocks, renderers, data client and editor bridge for cmssy headless sites",
   "keywords": [
     "cmssy",