@cmssy/react 0.17.1 → 1.0.0

package/README.md

@@ -39,7 +39,10 @@ the CMS at runtime.
 ```tsx
 import { fetchPage, CmssyServerPage } from "@cmssy/react";
 
-const page = await fetchPage({ org: "acme-org", workspaceSlug: "acme" }, pathSegments);
+const page = await fetchPage(
+  { org: "acme-org", workspaceSlug: "acme" },
+  pathSegments,
+);
 
 return <CmssyServerPage page={page} blocks={blocks} locale="en" />;
 ```
@@ -62,7 +65,11 @@ const cmssy = createCmssyClient({ org: "acme-org", workspaceSlug: "acme" });
 await cmssy.query(MY_QUERY, vars);
 
 // workspace-scoped (auto x-workspace-id header + $workspaceId var)
-const { publicModelRecords } = await cmssy.queryScoped(MODEL_RECORDS_QUERY, {
+const {
+  public: {
+    model: { records },
+  },
+} = await cmssy.queryScoped(MODEL_RECORDS_QUERY, {
   modelSlug: "posts",
 });
 ```

package/dist/client.cjs

@@ -145,6 +145,18 @@ function collectRects() {
   }
   return rects;
 }
+function findBlockEl(blockId) {
+  if (typeof document === "undefined") return null;
+  const escaped = typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(blockId) : blockId.replace(/["\\]/g, "\\$&");
+  try {
+    return document.querySelector(`[data-block-id="${escaped}"]`);
+  } catch {
+    return null;
+  }
+}
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
 function collectLayoutBlocks(rects, pageIds) {
   const out = [];
   if (typeof document === "undefined") return out;
@@ -253,6 +265,10 @@ function useEditBridge(page, config) {
       } else if (message.type === "cmssy:select") {
         setSelected(message.blockId);
         selectedIdRef.current = message.blockId;
+        findBlockEl(message.blockId)?.scrollIntoView({
+          behavior: prefersReducedMotion() ? "auto" : "smooth",
+          block: "nearest"
+        });
       } else if (message.type === "cmssy:insert") {
         setInserted((prev) => {
           const next = prev.filter((b) => b.blockId !== message.blockId);
@@ -305,9 +321,7 @@ function useEditBridge(page, config) {
         boundsRaf = 0;
         const id = selectedIdRef.current;
         if (!id) return;
-        const el = document.querySelector(
-          `[data-block-id="${id.replace(/["\\]/g, "\\$&")}"]`
-        );
+        const el = findBlockEl(id);
         if (!el) return;
         const r = el.getBoundingClientRect();
         try {

package/dist/client.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup, e as CmssyLocaleContext, f as CmssyCart, g as CmssyOrder, h as CmssyProduct } from './commerce-queries-CxUeiT52.cjs';
-export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-CxUeiT52.cjs';
+import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup, e as CmssyLocaleContext, f as CmssyCart, g as CmssyOrder, h as CmssyProduct } from './commerce-queries-BReujpXO.cjs';
+export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-BReujpXO.cjs';
 import { ReactNode } from 'react';
 import '@cmssy/types';
 

package/dist/client.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup, e as CmssyLocaleContext, f as CmssyCart, g as CmssyOrder, h as CmssyProduct } from './commerce-queries-CxUeiT52.js';
-export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-CxUeiT52.js';
+import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup, e as CmssyLocaleContext, f as CmssyCart, g as CmssyOrder, h as CmssyProduct } from './commerce-queries-BReujpXO.js';
+export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-BReujpXO.js';
 import { ReactNode } from 'react';
 import '@cmssy/types';
 

package/dist/client.js

@@ -143,6 +143,18 @@ function collectRects() {
   }
   return rects;
 }
+function findBlockEl(blockId) {
+  if (typeof document === "undefined") return null;
+  const escaped = typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(blockId) : blockId.replace(/["\\]/g, "\\$&");
+  try {
+    return document.querySelector(`[data-block-id="${escaped}"]`);
+  } catch {
+    return null;
+  }
+}
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
 function collectLayoutBlocks(rects, pageIds) {
   const out = [];
   if (typeof document === "undefined") return out;
@@ -251,6 +263,10 @@ function useEditBridge(page, config) {
       } else if (message.type === "cmssy:select") {
         setSelected(message.blockId);
         selectedIdRef.current = message.blockId;
+        findBlockEl(message.blockId)?.scrollIntoView({
+          behavior: prefersReducedMotion() ? "auto" : "smooth",
+          block: "nearest"
+        });
       } else if (message.type === "cmssy:insert") {
         setInserted((prev) => {
           const next = prev.filter((b) => b.blockId !== message.blockId);
@@ -303,9 +319,7 @@ function useEditBridge(page, config) {
         boundsRaf = 0;
         const id = selectedIdRef.current;
         if (!id) return;
-        const el = document.querySelector(
-          `[data-block-id="${id.replace(/["\\]/g, "\\$&")}"]`
-        );
+        const el = findBlockEl(id);
         if (!el) return;
         const r = el.getBoundingClientRect();
         try {

package/dist/{commerce-queries-CxUeiT52.d.cts → commerce-queries-BReujpXO.d.cts}

@@ -131,8 +131,8 @@ interface CmssyRecordList {
     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}";
+declare const MODEL_DEFINITIONS_QUERY = "query PublicModelDefinitions($workspaceId: String!) {\n  public {\n    model {\n      definitions(workspaceId: $workspaceId) {\n        id name slug description icon color displayField recordCount\n      }\n    }\n  }\n}";
+declare const MODEL_RECORDS_QUERY = "query PublicModelRecords($workspaceId: String!, $modelSlug: String!, $filter: JSON, $sort: String, $limit: Int, $offset: Int, $populate: [String!]) {\n  public {\n    model {\n      records(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    }\n  }\n}";
 interface CmssyFormField {
     id: string;
     name: string;
@@ -177,8 +177,8 @@ 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 showWhen requiredWhen\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 const FORM_QUERY = "query PublicForm($formId: ID!) {\n  public {\n    form {\n      get(formId: $formId) {\n        id\n        name\n        slug\n        description\n        fields {\n          id name fieldType label placeholder helpText\n          defaultValue width order showWhen requiredWhen\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    }\n  }\n}";
+declare const SUBMIT_FORM_MUTATION = "mutation SubmitForm($formId: ID!, $input: SubmitFormInput!) {\n  public {\n    form {\n      submit(formId: $formId, input: $input) {\n        success message submissionId redirectUrl accessToken customer\n      }\n    }\n  }\n}";
 
 interface CmssyLocaleContext {
     current: string;

package/dist/{commerce-queries-CxUeiT52.d.ts → commerce-queries-BReujpXO.d.ts}

@@ -131,8 +131,8 @@ interface CmssyRecordList {
     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}";
+declare const MODEL_DEFINITIONS_QUERY = "query PublicModelDefinitions($workspaceId: String!) {\n  public {\n    model {\n      definitions(workspaceId: $workspaceId) {\n        id name slug description icon color displayField recordCount\n      }\n    }\n  }\n}";
+declare const MODEL_RECORDS_QUERY = "query PublicModelRecords($workspaceId: String!, $modelSlug: String!, $filter: JSON, $sort: String, $limit: Int, $offset: Int, $populate: [String!]) {\n  public {\n    model {\n      records(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    }\n  }\n}";
 interface CmssyFormField {
     id: string;
     name: string;
@@ -177,8 +177,8 @@ 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 showWhen requiredWhen\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 const FORM_QUERY = "query PublicForm($formId: ID!) {\n  public {\n    form {\n      get(formId: $formId) {\n        id\n        name\n        slug\n        description\n        fields {\n          id name fieldType label placeholder helpText\n          defaultValue width order showWhen requiredWhen\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    }\n  }\n}";
+declare const SUBMIT_FORM_MUTATION = "mutation SubmitForm($formId: ID!, $input: SubmitFormInput!) {\n  public {\n    form {\n      submit(formId: $formId, input: $input) {\n        success message submissionId redirectUrl accessToken customer\n      }\n    }\n  }\n}";
 
 interface CmssyLocaleContext {
     current: string;

package/dist/index.cjs

@@ -678,38 +678,54 @@ var SITE_CONFIG_QUERY = `query PublicSiteConfig($workspaceSlug: String!) {
   }
 }`;
 var MODEL_DEFINITIONS_QUERY = `query PublicModelDefinitions($workspaceId: String!) {
-  publicModelDefinitions(workspaceId: $workspaceId) {
-    id name slug description icon color displayField recordCount
+  public {
+    model {
+      definitions(workspaceId: $workspaceId) {
+        id name slug description icon color displayField recordCount
+      }
+    }
   }
 }`;
 var MODEL_RECORDS_QUERY = `query PublicModelRecords($workspaceId: String!, $modelSlug: String!, $filter: JSON, $sort: String, $limit: Int, $offset: Int, $populate: [String!]) {
-  publicModelRecords(workspaceId: $workspaceId, modelSlug: $modelSlug, filter: $filter, sort: $sort, limit: $limit, offset: $offset, populate: $populate) {
-    items { id modelId data status createdAt updatedAt }
-    total
-    hasMore
+  public {
+    model {
+      records(workspaceId: $workspaceId, modelSlug: $modelSlug, filter: $filter, sort: $sort, limit: $limit, offset: $offset, populate: $populate) {
+        items { id modelId data status createdAt updatedAt }
+        total
+        hasMore
+      }
+    }
   }
 }`;
 var FORM_QUERY = `query PublicForm($formId: ID!) {
-  publicForm(formId: $formId) {
-    id
-    name
-    slug
-    description
-    fields {
-      id name fieldType label placeholder helpText
-      defaultValue width order showWhen requiredWhen
-      options { value label disabled }
-      validation { required minLength maxLength minValue maxValue pattern customMessage }
-    }
-    settings {
-      actionType submitButtonLabel successMessage errorMessage
-      redirectUrl requireLogin enableCaptcha
+  public {
+    form {
+      get(formId: $formId) {
+        id
+        name
+        slug
+        description
+        fields {
+          id name fieldType label placeholder helpText
+          defaultValue width order showWhen requiredWhen
+          options { value label disabled }
+          validation { required minLength maxLength minValue maxValue pattern customMessage }
+        }
+        settings {
+          actionType submitButtonLabel successMessage errorMessage
+          redirectUrl requireLogin enableCaptcha
+        }
+      }
     }
   }
 }`;
 var SUBMIT_FORM_MUTATION = `mutation SubmitForm($formId: ID!, $input: SubmitFormInput!) {
-  submitForm(formId: $formId, input: $input) {
-    success message submissionId redirectUrl accessToken customer
+  public {
+    form {
+      submit(formId: $formId, input: $input) {
+        success message submissionId redirectUrl accessToken customer
+      }
+    }
   }
 }`;
 
@@ -804,7 +820,7 @@ async function resolveForms(config, blocks, locale, defaultLocale, options) {
     ids.map(async (id) => {
       try {
         const data = await client.queryScoped(FORM_QUERY, { formId: id }, options);
-        return [id, data.publicForm];
+        return [id, data.public.form.get];
       } catch (err) {
         if (typeof console !== "undefined") {
           console.warn(`[cmssy] failed to resolve form ${id}`, err);

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, n as CmssyBlockAuthContext, o as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, p as FetchLike, q as CmssyClientConfig, r as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, s as BlockMap, t as CmssyBlockContext } from './commerce-queries-CxUeiT52.cjs';
-export { a as BlockMeta, u as BlockRect, B as BlockSchema, v as BoundsMessage, w as BuildBlockContextExtra, x as ClickMessage, y as CmssyBlockMember, z as CmssyBranding, f as CmssyCart, i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, D as CmssyFormField, G as CmssyFormSettings, H as CmssyFormSubmitResponse, I as CmssyLocalizedValue, J as CmssyModelDefinition, K as CmssyModelRecord, g as CmssyOrder, L as CmssyPageMeta, M as CmssyPageSummary, h as CmssyProduct, m as CmssyProductVariant, N as CmssyRecordList, O as DEFAULT_CMSSY_API_URL, P as FORM_QUERY, Q as FetchLikeResponse, S as FetchPageOptions, T as MODEL_DEFINITIONS_QUERY, U as MODEL_RECORDS_QUERY, V as PROTOCOL_VERSION, W as ParentReadyMessage, X as PatchMessage, Y as RawLayoutBlock, Z as ReadyMessage, _ as SITE_CONFIG_QUERY, $ as SUBMIT_FORM_MUTATION, a0 as SelectMessage, a1 as SubmitFormInput, a2 as blocksToMeta, a3 as blocksToSchemas, a4 as buildBlockContext, a5 as buildBlockMap, a6 as defineBlock, a7 as fetchLayouts, a8 as fetchPage, a9 as fetchPageById, aa as fetchPageMeta, ab as fetchPages, ac as isProtocolCompatible, ad as normalizeSlug, ae as resolveApiUrl, af as resolvePublicUrl } from './commerce-queries-CxUeiT52.cjs';
+import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, n as CmssyBlockAuthContext, o as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, p as FetchLike, q as CmssyClientConfig, r as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, s as BlockMap, t as CmssyBlockContext } from './commerce-queries-BReujpXO.cjs';
+export { a as BlockMeta, u as BlockRect, B as BlockSchema, v as BoundsMessage, w as BuildBlockContextExtra, x as ClickMessage, y as CmssyBlockMember, z as CmssyBranding, f as CmssyCart, i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, D as CmssyFormField, G as CmssyFormSettings, H as CmssyFormSubmitResponse, I as CmssyLocalizedValue, J as CmssyModelDefinition, K as CmssyModelRecord, g as CmssyOrder, L as CmssyPageMeta, M as CmssyPageSummary, h as CmssyProduct, m as CmssyProductVariant, N as CmssyRecordList, O as DEFAULT_CMSSY_API_URL, P as FORM_QUERY, Q as FetchLikeResponse, S as FetchPageOptions, T as MODEL_DEFINITIONS_QUERY, U as MODEL_RECORDS_QUERY, V as PROTOCOL_VERSION, W as ParentReadyMessage, X as PatchMessage, Y as RawLayoutBlock, Z as ReadyMessage, _ as SITE_CONFIG_QUERY, $ as SUBMIT_FORM_MUTATION, a0 as SelectMessage, a1 as SubmitFormInput, a2 as blocksToMeta, a3 as blocksToSchemas, a4 as buildBlockContext, a5 as buildBlockMap, a6 as defineBlock, a7 as fetchLayouts, a8 as fetchPage, a9 as fetchPageById, aa as fetchPageMeta, ab as fetchPages, ac as isProtocolCompatible, ad as normalizeSlug, ae as resolveApiUrl, af as resolvePublicUrl } from './commerce-queries-BReujpXO.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { FieldCondition, FieldConditionGroup, FieldConditionLogic, FieldType, evaluateFieldConditionGroup } from '@cmssy/types';
 import 'react';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, n as CmssyBlockAuthContext, o as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, p as FetchLike, q as CmssyClientConfig, r as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, s as BlockMap, t as CmssyBlockContext } from './commerce-queries-CxUeiT52.js';
-export { a as BlockMeta, u as BlockRect, B as BlockSchema, v as BoundsMessage, w as BuildBlockContextExtra, x as ClickMessage, y as CmssyBlockMember, z as CmssyBranding, f as CmssyCart, i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, D as CmssyFormField, G as CmssyFormSettings, H as CmssyFormSubmitResponse, I as CmssyLocalizedValue, J as CmssyModelDefinition, K as CmssyModelRecord, g as CmssyOrder, L as CmssyPageMeta, M as CmssyPageSummary, h as CmssyProduct, m as CmssyProductVariant, N as CmssyRecordList, O as DEFAULT_CMSSY_API_URL, P as FORM_QUERY, Q as FetchLikeResponse, S as FetchPageOptions, T as MODEL_DEFINITIONS_QUERY, U as MODEL_RECORDS_QUERY, V as PROTOCOL_VERSION, W as ParentReadyMessage, X as PatchMessage, Y as RawLayoutBlock, Z as ReadyMessage, _ as SITE_CONFIG_QUERY, $ as SUBMIT_FORM_MUTATION, a0 as SelectMessage, a1 as SubmitFormInput, a2 as blocksToMeta, a3 as blocksToSchemas, a4 as buildBlockContext, a5 as buildBlockMap, a6 as defineBlock, a7 as fetchLayouts, a8 as fetchPage, a9 as fetchPageById, aa as fetchPageMeta, ab as fetchPages, ac as isProtocolCompatible, ad as normalizeSlug, ae as resolveApiUrl, af as resolvePublicUrl } from './commerce-queries-CxUeiT52.js';
+import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, n as CmssyBlockAuthContext, o as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, p as FetchLike, q as CmssyClientConfig, r as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, s as BlockMap, t as CmssyBlockContext } from './commerce-queries-BReujpXO.js';
+export { a as BlockMeta, u as BlockRect, B as BlockSchema, v as BoundsMessage, w as BuildBlockContextExtra, x as ClickMessage, y as CmssyBlockMember, z as CmssyBranding, f as CmssyCart, i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, D as CmssyFormField, G as CmssyFormSettings, H as CmssyFormSubmitResponse, I as CmssyLocalizedValue, J as CmssyModelDefinition, K as CmssyModelRecord, g as CmssyOrder, L as CmssyPageMeta, M as CmssyPageSummary, h as CmssyProduct, m as CmssyProductVariant, N as CmssyRecordList, O as DEFAULT_CMSSY_API_URL, P as FORM_QUERY, Q as FetchLikeResponse, S as FetchPageOptions, T as MODEL_DEFINITIONS_QUERY, U as MODEL_RECORDS_QUERY, V as PROTOCOL_VERSION, W as ParentReadyMessage, X as PatchMessage, Y as RawLayoutBlock, Z as ReadyMessage, _ as SITE_CONFIG_QUERY, $ as SUBMIT_FORM_MUTATION, a0 as SelectMessage, a1 as SubmitFormInput, a2 as blocksToMeta, a3 as blocksToSchemas, a4 as buildBlockContext, a5 as buildBlockMap, a6 as defineBlock, a7 as fetchLayouts, a8 as fetchPage, a9 as fetchPageById, aa as fetchPageMeta, ab as fetchPages, ac as isProtocolCompatible, ad as normalizeSlug, ae as resolveApiUrl, af as resolvePublicUrl } from './commerce-queries-BReujpXO.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { FieldCondition, FieldConditionGroup, FieldConditionLogic, FieldType, evaluateFieldConditionGroup } from '@cmssy/types';
 import 'react';

package/dist/index.js

@@ -676,38 +676,54 @@ var SITE_CONFIG_QUERY = `query PublicSiteConfig($workspaceSlug: String!) {
   }
 }`;
 var MODEL_DEFINITIONS_QUERY = `query PublicModelDefinitions($workspaceId: String!) {
-  publicModelDefinitions(workspaceId: $workspaceId) {
-    id name slug description icon color displayField recordCount
+  public {
+    model {
+      definitions(workspaceId: $workspaceId) {
+        id name slug description icon color displayField recordCount
+      }
+    }
   }
 }`;
 var MODEL_RECORDS_QUERY = `query PublicModelRecords($workspaceId: String!, $modelSlug: String!, $filter: JSON, $sort: String, $limit: Int, $offset: Int, $populate: [String!]) {
-  publicModelRecords(workspaceId: $workspaceId, modelSlug: $modelSlug, filter: $filter, sort: $sort, limit: $limit, offset: $offset, populate: $populate) {
-    items { id modelId data status createdAt updatedAt }
-    total
-    hasMore
+  public {
+    model {
+      records(workspaceId: $workspaceId, modelSlug: $modelSlug, filter: $filter, sort: $sort, limit: $limit, offset: $offset, populate: $populate) {
+        items { id modelId data status createdAt updatedAt }
+        total
+        hasMore
+      }
+    }
   }
 }`;
 var FORM_QUERY = `query PublicForm($formId: ID!) {
-  publicForm(formId: $formId) {
-    id
-    name
-    slug
-    description
-    fields {
-      id name fieldType label placeholder helpText
-      defaultValue width order showWhen requiredWhen
-      options { value label disabled }
-      validation { required minLength maxLength minValue maxValue pattern customMessage }
-    }
-    settings {
-      actionType submitButtonLabel successMessage errorMessage
-      redirectUrl requireLogin enableCaptcha
+  public {
+    form {
+      get(formId: $formId) {
+        id
+        name
+        slug
+        description
+        fields {
+          id name fieldType label placeholder helpText
+          defaultValue width order showWhen requiredWhen
+          options { value label disabled }
+          validation { required minLength maxLength minValue maxValue pattern customMessage }
+        }
+        settings {
+          actionType submitButtonLabel successMessage errorMessage
+          redirectUrl requireLogin enableCaptcha
+        }
+      }
     }
   }
 }`;
 var SUBMIT_FORM_MUTATION = `mutation SubmitForm($formId: ID!, $input: SubmitFormInput!) {
-  submitForm(formId: $formId, input: $input) {
-    success message submissionId redirectUrl accessToken customer
+  public {
+    form {
+      submit(formId: $formId, input: $input) {
+        success message submissionId redirectUrl accessToken customer
+      }
+    }
   }
 }`;
 
@@ -802,7 +818,7 @@ async function resolveForms(config, blocks, locale, defaultLocale, options) {
     ids.map(async (id) => {
       try {
         const data = await client.queryScoped(FORM_QUERY, { formId: id }, options);
-        return [id, data.publicForm];
+        return [id, data.public.form.get];
       } catch (err) {
         if (typeof console !== "undefined") {
           console.warn(`[cmssy] failed to resolve form ${id}`, err);

package/package.json

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