@cmssy/react 0.7.7 → 0.8.1

package/dist/client.cjs

@@ -40,7 +40,7 @@ function blocksToMeta(blocks, defaults = {}) {
 }
 
 // src/bridge/protocol.ts
-var PROTOCOL_VERSION = 1;
+var PROTOCOL_VERSION = 2;
 
 // src/bridge/messages.ts
 function normalizeOrigin(origin) {
@@ -1020,17 +1020,21 @@ function control(type) {
   });
 }
 var fields = {
-  singleLine: control("singleLine"),
-  multiLine: control("multiLine"),
+  text: control("text"),
+  textarea: control("textarea"),
   richText: control("richText"),
-  numeric: control("numeric"),
+  number: control("number"),
   date: control("date"),
+  datetime: control("datetime"),
+  boolean: control("boolean"),
+  color: control("color"),
   media: control("media"),
   link: control("link"),
+  url: control("url"),
+  email: control("email"),
   select: control("select"),
   multiselect: control("multiselect"),
-  boolean: control("boolean"),
-  color: control("color"),
+  radio: control("radio"),
   repeater: control("repeater")
 };
 
@@ -1217,12 +1221,12 @@ var productBlock = defineBlock({
   label: "Product",
   category: "Commerce",
   props: {
-    modelSlug: fields.singleLine({ label: "Model slug" }),
-    slugField: fields.singleLine({ label: "Slug field" }),
-    slug: fields.singleLine({ label: "Product slug" }),
-    nameField: fields.singleLine({ label: "Name field" }),
-    priceField: fields.singleLine({ label: "Price field" }),
-    imageField: fields.singleLine({ label: "Image field" })
+    modelSlug: fields.text({ label: "Model slug" }),
+    slugField: fields.text({ label: "Slug field" }),
+    slug: fields.text({ label: "Product slug" }),
+    nameField: fields.text({ label: "Name field" }),
+    priceField: fields.text({ label: "Price field" }),
+    imageField: fields.text({ label: "Image field" })
   },
   component: ProductComponent
 });
@@ -1416,7 +1420,7 @@ var checkoutBlock = defineBlock({
   label: "Checkout",
   category: "Commerce",
   props: {
-    successMessage: fields.singleLine({ label: "Success message" })
+    successMessage: fields.text({ label: "Success message" })
   },
   component: CheckoutComponent
 });

package/dist/client.d.cts

@@ -1,7 +1,8 @@
 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-BSTuurfl.cjs';
-export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-BSTuurfl.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-Da7vBV3S.cjs';
+export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-Da7vBV3S.cjs';
 import { ReactNode } from 'react';
+import '@cmssy/types';
 
 interface EditBridgeConfig {
     editorOrigin: string;

package/dist/client.d.ts

@@ -1,7 +1,8 @@
 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-BSTuurfl.js';
-export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-BSTuurfl.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-Da7vBV3S.js';
+export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-Da7vBV3S.js';
 import { ReactNode } from 'react';
+import '@cmssy/types';
 
 interface EditBridgeConfig {
     editorOrigin: string;

package/dist/client.js

@@ -38,7 +38,7 @@ function blocksToMeta(blocks, defaults = {}) {
 }
 
 // src/bridge/protocol.ts
-var PROTOCOL_VERSION = 1;
+var PROTOCOL_VERSION = 2;
 
 // src/bridge/messages.ts
 function normalizeOrigin(origin) {
@@ -1018,17 +1018,21 @@ function control(type) {
   });
 }
 var fields = {
-  singleLine: control("singleLine"),
-  multiLine: control("multiLine"),
+  text: control("text"),
+  textarea: control("textarea"),
   richText: control("richText"),
-  numeric: control("numeric"),
+  number: control("number"),
   date: control("date"),
+  datetime: control("datetime"),
+  boolean: control("boolean"),
+  color: control("color"),
   media: control("media"),
   link: control("link"),
+  url: control("url"),
+  email: control("email"),
   select: control("select"),
   multiselect: control("multiselect"),
-  boolean: control("boolean"),
-  color: control("color"),
+  radio: control("radio"),
   repeater: control("repeater")
 };
 
@@ -1215,12 +1219,12 @@ var productBlock = defineBlock({
   label: "Product",
   category: "Commerce",
   props: {
-    modelSlug: fields.singleLine({ label: "Model slug" }),
-    slugField: fields.singleLine({ label: "Slug field" }),
-    slug: fields.singleLine({ label: "Product slug" }),
-    nameField: fields.singleLine({ label: "Name field" }),
-    priceField: fields.singleLine({ label: "Price field" }),
-    imageField: fields.singleLine({ label: "Image field" })
+    modelSlug: fields.text({ label: "Model slug" }),
+    slugField: fields.text({ label: "Slug field" }),
+    slug: fields.text({ label: "Product slug" }),
+    nameField: fields.text({ label: "Name field" }),
+    priceField: fields.text({ label: "Price field" }),
+    imageField: fields.text({ label: "Image field" })
   },
   component: ProductComponent
 });
@@ -1414,7 +1418,7 @@ var checkoutBlock = defineBlock({
   label: "Checkout",
   category: "Commerce",
   props: {
-    successMessage: fields.singleLine({ label: "Success message" })
+    successMessage: fields.text({ label: "Success message" })
   },
   component: CheckoutComponent
 });

package/dist/{commerce-queries-BSTuurfl.d.cts → commerce-queries-Da7vBV3S.d.cts}

@@ -1,4 +1,5 @@
 import { ComponentType } from 'react';
+import { ShowWhenCondition, FieldType } from '@cmssy/types';
 
 /**
  * The cmssy cloud GraphQL delivery endpoint. It is the same for every workspace,
@@ -127,7 +128,7 @@ interface CmssyFormField {
     validation: unknown;
     width: string | null;
     order: number | null;
-    showIf: unknown;
+    showWhen: ShowWhenCondition | null;
 }
 interface CmssyFormSettings {
     actionType: string | null;
@@ -158,7 +159,7 @@ 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 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\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 {
@@ -191,8 +192,8 @@ interface BuildBlockContextExtra {
 }
 declare function buildBlockContext(locale: string, defaultLocale: string, enabledLocales?: string[], isPreview?: boolean, forms?: Record<string, CmssyFormDefinition>, extra?: BuildBlockContextExtra): CmssyBlockContext;
 
-declare const PROTOCOL_VERSION = 1;
-type FieldType = "singleLine" | "multiLine" | "richText" | "numeric" | "date" | "media" | "link" | "select" | "multiselect" | "boolean" | "color" | "repeater";
+declare const PROTOCOL_VERSION = 2;
+
 interface FieldDefinition {
     type: FieldType;
     label: string;
@@ -200,6 +201,7 @@ interface FieldDefinition {
     helperText?: string;
     required?: boolean;
     placeholder?: string;
+    tab?: string;
     options?: string[];
     itemSchema?: Record<string, FieldDefinition>;
     itemLabel?: string;
@@ -462,4 +464,4 @@ interface CmssyOrder {
     createdAt?: string;
 }
 
-export { SITE_CONFIG_QUERY as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyFormField as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormSettings as G, type CmssyFormSubmitResponse as H, type CmssyLocalizedValue as I, type CmssyModelDefinition as J, type CmssyModelRecord as K, type CmssyPageMeta as L, type CmssyPageSummary as M, type CmssyRecordList as N, DEFAULT_CMSSY_API_URL as O, FORM_QUERY as P, type FetchLikeResponse as Q, type RawBlock as R, type FetchPageOptions as S, type FieldType as T, MODEL_DEFINITIONS_QUERY as U, MODEL_RECORDS_QUERY as V, PROTOCOL_VERSION as W, type ParentReadyMessage as X, type PatchMessage as Y, type RawLayoutBlock as Z, type ReadyMessage as _, type BlockMeta as a, SUBMIT_FORM_MUTATION as a0, type SelectMessage as a1, type SubmitFormInput as a2, blocksToMeta as a3, blocksToSchemas as a4, buildBlockContext as a5, buildBlockMap as a6, defineBlock as a7, fetchLayouts as a8, fetchPage as a9, fetchPageById as aa, fetchPageMeta as ab, fetchPages as ac, isProtocolCompatible as ad, normalizeSlug as ae, resolveApiUrl as af, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyCart as f, type CmssyOrder as g, type CmssyProduct as h, type CmssyCartDiscount as i, type CmssyCartItem as j, type CmssyCartItemSnapshot as k, type CmssyOrderItem as l, type CmssyProductVariant as m, type CmssyBlockAuthContext as n, type CmssyBlockWorkspace as o, type FetchLike as p, type CmssyClientConfig as q, type CmssySiteConfig as r, type BlockMap as s, type CmssyBlockContext as t, type BlockRect as u, type BoundsMessage as v, type BuildBlockContextExtra as w, type ClickMessage as x, type CmssyBlockMember as y, type CmssyBranding as z };
+export { SUBMIT_FORM_MUTATION as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyFormField as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormSettings as G, type CmssyFormSubmitResponse as H, type CmssyLocalizedValue as I, type CmssyModelDefinition as J, type CmssyModelRecord as K, type CmssyPageMeta as L, type CmssyPageSummary as M, type CmssyRecordList as N, DEFAULT_CMSSY_API_URL as O, FORM_QUERY as P, type FetchLikeResponse as Q, type RawBlock as R, type FetchPageOptions as S, MODEL_DEFINITIONS_QUERY as T, MODEL_RECORDS_QUERY as U, PROTOCOL_VERSION as V, type ParentReadyMessage as W, type PatchMessage as X, type RawLayoutBlock as Y, type ReadyMessage as Z, SITE_CONFIG_QUERY as _, type BlockMeta as a, type SelectMessage as a0, type SubmitFormInput as a1, blocksToMeta as a2, blocksToSchemas as a3, buildBlockContext as a4, buildBlockMap as a5, defineBlock as a6, fetchLayouts as a7, fetchPage as a8, fetchPageById as a9, fetchPageMeta as aa, fetchPages as ab, isProtocolCompatible as ac, normalizeSlug as ad, resolveApiUrl as ae, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyCart as f, type CmssyOrder as g, type CmssyProduct as h, type CmssyCartDiscount as i, type CmssyCartItem as j, type CmssyCartItemSnapshot as k, type CmssyOrderItem as l, type CmssyProductVariant as m, type CmssyBlockAuthContext as n, type CmssyBlockWorkspace as o, type FetchLike as p, type CmssyClientConfig as q, type CmssySiteConfig as r, type BlockMap as s, type CmssyBlockContext as t, type BlockRect as u, type BoundsMessage as v, type BuildBlockContextExtra as w, type ClickMessage as x, type CmssyBlockMember as y, type CmssyBranding as z };

package/dist/{commerce-queries-BSTuurfl.d.ts → commerce-queries-Da7vBV3S.d.ts}

@@ -1,4 +1,5 @@
 import { ComponentType } from 'react';
+import { ShowWhenCondition, FieldType } from '@cmssy/types';
 
 /**
  * The cmssy cloud GraphQL delivery endpoint. It is the same for every workspace,
@@ -127,7 +128,7 @@ interface CmssyFormField {
     validation: unknown;
     width: string | null;
     order: number | null;
-    showIf: unknown;
+    showWhen: ShowWhenCondition | null;
 }
 interface CmssyFormSettings {
     actionType: string | null;
@@ -158,7 +159,7 @@ 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 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\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 {
@@ -191,8 +192,8 @@ interface BuildBlockContextExtra {
 }
 declare function buildBlockContext(locale: string, defaultLocale: string, enabledLocales?: string[], isPreview?: boolean, forms?: Record<string, CmssyFormDefinition>, extra?: BuildBlockContextExtra): CmssyBlockContext;
 
-declare const PROTOCOL_VERSION = 1;
-type FieldType = "singleLine" | "multiLine" | "richText" | "numeric" | "date" | "media" | "link" | "select" | "multiselect" | "boolean" | "color" | "repeater";
+declare const PROTOCOL_VERSION = 2;
+
 interface FieldDefinition {
     type: FieldType;
     label: string;
@@ -200,6 +201,7 @@ interface FieldDefinition {
     helperText?: string;
     required?: boolean;
     placeholder?: string;
+    tab?: string;
     options?: string[];
     itemSchema?: Record<string, FieldDefinition>;
     itemLabel?: string;
@@ -462,4 +464,4 @@ interface CmssyOrder {
     createdAt?: string;
 }
 
-export { SITE_CONFIG_QUERY as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyFormField as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormSettings as G, type CmssyFormSubmitResponse as H, type CmssyLocalizedValue as I, type CmssyModelDefinition as J, type CmssyModelRecord as K, type CmssyPageMeta as L, type CmssyPageSummary as M, type CmssyRecordList as N, DEFAULT_CMSSY_API_URL as O, FORM_QUERY as P, type FetchLikeResponse as Q, type RawBlock as R, type FetchPageOptions as S, type FieldType as T, MODEL_DEFINITIONS_QUERY as U, MODEL_RECORDS_QUERY as V, PROTOCOL_VERSION as W, type ParentReadyMessage as X, type PatchMessage as Y, type RawLayoutBlock as Z, type ReadyMessage as _, type BlockMeta as a, SUBMIT_FORM_MUTATION as a0, type SelectMessage as a1, type SubmitFormInput as a2, blocksToMeta as a3, blocksToSchemas as a4, buildBlockContext as a5, buildBlockMap as a6, defineBlock as a7, fetchLayouts as a8, fetchPage as a9, fetchPageById as aa, fetchPageMeta as ab, fetchPages as ac, isProtocolCompatible as ad, normalizeSlug as ae, resolveApiUrl as af, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyCart as f, type CmssyOrder as g, type CmssyProduct as h, type CmssyCartDiscount as i, type CmssyCartItem as j, type CmssyCartItemSnapshot as k, type CmssyOrderItem as l, type CmssyProductVariant as m, type CmssyBlockAuthContext as n, type CmssyBlockWorkspace as o, type FetchLike as p, type CmssyClientConfig as q, type CmssySiteConfig as r, type BlockMap as s, type CmssyBlockContext as t, type BlockRect as u, type BoundsMessage as v, type BuildBlockContextExtra as w, type ClickMessage as x, type CmssyBlockMember as y, type CmssyBranding as z };
+export { SUBMIT_FORM_MUTATION as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyFormField as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormSettings as G, type CmssyFormSubmitResponse as H, type CmssyLocalizedValue as I, type CmssyModelDefinition as J, type CmssyModelRecord as K, type CmssyPageMeta as L, type CmssyPageSummary as M, type CmssyRecordList as N, DEFAULT_CMSSY_API_URL as O, FORM_QUERY as P, type FetchLikeResponse as Q, type RawBlock as R, type FetchPageOptions as S, MODEL_DEFINITIONS_QUERY as T, MODEL_RECORDS_QUERY as U, PROTOCOL_VERSION as V, type ParentReadyMessage as W, type PatchMessage as X, type RawLayoutBlock as Y, type ReadyMessage as Z, SITE_CONFIG_QUERY as _, type BlockMeta as a, type SelectMessage as a0, type SubmitFormInput as a1, blocksToMeta as a2, blocksToSchemas as a3, buildBlockContext as a4, buildBlockMap as a5, defineBlock as a6, fetchLayouts as a7, fetchPage as a8, fetchPageById as a9, fetchPageMeta as aa, fetchPages as ab, isProtocolCompatible as ac, normalizeSlug as ad, resolveApiUrl as ae, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyCart as f, type CmssyOrder as g, type CmssyProduct as h, type CmssyCartDiscount as i, type CmssyCartItem as j, type CmssyCartItemSnapshot as k, type CmssyOrderItem as l, type CmssyProductVariant as m, type CmssyBlockAuthContext as n, type CmssyBlockWorkspace as o, type FetchLike as p, type CmssyClientConfig as q, type CmssySiteConfig as r, type BlockMap as s, type CmssyBlockContext as t, type BlockRect as u, type BoundsMessage as v, type BuildBlockContextExtra as w, type ClickMessage as x, type CmssyBlockMember as y, type CmssyBranding as z };

package/dist/index.cjs

@@ -12,17 +12,21 @@ function control(type) {
   });
 }
 var fields = {
-  singleLine: control("singleLine"),
-  multiLine: control("multiLine"),
+  text: control("text"),
+  textarea: control("textarea"),
   richText: control("richText"),
-  numeric: control("numeric"),
+  number: control("number"),
   date: control("date"),
+  datetime: control("datetime"),
+  boolean: control("boolean"),
+  color: control("color"),
   media: control("media"),
   link: control("link"),
+  url: control("url"),
+  email: control("email"),
   select: control("select"),
   multiselect: control("multiselect"),
-  boolean: control("boolean"),
-  color: control("color"),
+  radio: control("radio"),
   repeater: control("repeater")
 };
 
@@ -213,7 +217,7 @@ function CmssyServerLayout({
 }
 
 // src/bridge/protocol.ts
-var PROTOCOL_VERSION = 1;
+var PROTOCOL_VERSION = 2;
 function isProtocolCompatible(version) {
   return version === PROTOCOL_VERSION;
 }
@@ -635,7 +639,7 @@ var FORM_QUERY = `query PublicForm($formId: ID!) {
     description
     fields {
       id name fieldType label placeholder helpText
-      defaultValue width order showIf
+      defaultValue width order showWhen
       options { value label disabled }
       validation { required minLength maxLength minValue maxValue pattern customMessage }
     }

package/dist/index.d.cts

@@ -1,23 +1,28 @@
-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-BSTuurfl.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 FieldType, U as MODEL_DEFINITIONS_QUERY, V as MODEL_RECORDS_QUERY, W as PROTOCOL_VERSION, X as ParentReadyMessage, Y as PatchMessage, Z as RawLayoutBlock, _ as ReadyMessage, $ as SITE_CONFIG_QUERY, a0 as SUBMIT_FORM_MUTATION, a1 as SelectMessage, a2 as SubmitFormInput, a3 as blocksToMeta, a4 as blocksToSchemas, a5 as buildBlockContext, a6 as buildBlockMap, a7 as defineBlock, a8 as fetchLayouts, a9 as fetchPage, aa as fetchPageById, ab as fetchPageMeta, ac as fetchPages, ad as isProtocolCompatible, ae as normalizeSlug, af as resolveApiUrl } from './commerce-queries-BSTuurfl.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-Da7vBV3S.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 } from './commerce-queries-Da7vBV3S.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+export { FieldType } from '@cmssy/types';
 import 'react';
 
 type FieldControl = Omit<FieldDefinition, "type" | "label"> & {
     label?: string;
 };
 declare const fields: {
-    singleLine: (opts?: FieldControl) => FieldDefinition;
-    multiLine: (opts?: FieldControl) => FieldDefinition;
+    text: (opts?: FieldControl) => FieldDefinition;
+    textarea: (opts?: FieldControl) => FieldDefinition;
     richText: (opts?: FieldControl) => FieldDefinition;
-    numeric: (opts?: FieldControl) => FieldDefinition;
+    number: (opts?: FieldControl) => FieldDefinition;
     date: (opts?: FieldControl) => FieldDefinition;
+    datetime: (opts?: FieldControl) => FieldDefinition;
+    boolean: (opts?: FieldControl) => FieldDefinition;
+    color: (opts?: FieldControl) => FieldDefinition;
     media: (opts?: FieldControl) => FieldDefinition;
     link: (opts?: FieldControl) => FieldDefinition;
+    url: (opts?: FieldControl) => FieldDefinition;
+    email: (opts?: FieldControl) => FieldDefinition;
     select: (opts?: FieldControl) => FieldDefinition;
     multiselect: (opts?: FieldControl) => FieldDefinition;
-    boolean: (opts?: FieldControl) => FieldDefinition;
-    color: (opts?: FieldControl) => FieldDefinition;
+    radio: (opts?: FieldControl) => FieldDefinition;
     repeater: (opts?: FieldControl) => FieldDefinition;
 };
 

package/dist/index.d.ts

@@ -1,23 +1,28 @@
-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-BSTuurfl.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 FieldType, U as MODEL_DEFINITIONS_QUERY, V as MODEL_RECORDS_QUERY, W as PROTOCOL_VERSION, X as ParentReadyMessage, Y as PatchMessage, Z as RawLayoutBlock, _ as ReadyMessage, $ as SITE_CONFIG_QUERY, a0 as SUBMIT_FORM_MUTATION, a1 as SelectMessage, a2 as SubmitFormInput, a3 as blocksToMeta, a4 as blocksToSchemas, a5 as buildBlockContext, a6 as buildBlockMap, a7 as defineBlock, a8 as fetchLayouts, a9 as fetchPage, aa as fetchPageById, ab as fetchPageMeta, ac as fetchPages, ad as isProtocolCompatible, ae as normalizeSlug, af as resolveApiUrl } from './commerce-queries-BSTuurfl.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-Da7vBV3S.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 } from './commerce-queries-Da7vBV3S.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+export { FieldType } from '@cmssy/types';
 import 'react';
 
 type FieldControl = Omit<FieldDefinition, "type" | "label"> & {
     label?: string;
 };
 declare const fields: {
-    singleLine: (opts?: FieldControl) => FieldDefinition;
-    multiLine: (opts?: FieldControl) => FieldDefinition;
+    text: (opts?: FieldControl) => FieldDefinition;
+    textarea: (opts?: FieldControl) => FieldDefinition;
     richText: (opts?: FieldControl) => FieldDefinition;
-    numeric: (opts?: FieldControl) => FieldDefinition;
+    number: (opts?: FieldControl) => FieldDefinition;
     date: (opts?: FieldControl) => FieldDefinition;
+    datetime: (opts?: FieldControl) => FieldDefinition;
+    boolean: (opts?: FieldControl) => FieldDefinition;
+    color: (opts?: FieldControl) => FieldDefinition;
     media: (opts?: FieldControl) => FieldDefinition;
     link: (opts?: FieldControl) => FieldDefinition;
+    url: (opts?: FieldControl) => FieldDefinition;
+    email: (opts?: FieldControl) => FieldDefinition;
     select: (opts?: FieldControl) => FieldDefinition;
     multiselect: (opts?: FieldControl) => FieldDefinition;
-    boolean: (opts?: FieldControl) => FieldDefinition;
-    color: (opts?: FieldControl) => FieldDefinition;
+    radio: (opts?: FieldControl) => FieldDefinition;
     repeater: (opts?: FieldControl) => FieldDefinition;
 };
 

package/dist/index.js

@@ -10,17 +10,21 @@ function control(type) {
   });
 }
 var fields = {
-  singleLine: control("singleLine"),
-  multiLine: control("multiLine"),
+  text: control("text"),
+  textarea: control("textarea"),
   richText: control("richText"),
-  numeric: control("numeric"),
+  number: control("number"),
   date: control("date"),
+  datetime: control("datetime"),
+  boolean: control("boolean"),
+  color: control("color"),
   media: control("media"),
   link: control("link"),
+  url: control("url"),
+  email: control("email"),
   select: control("select"),
   multiselect: control("multiselect"),
-  boolean: control("boolean"),
-  color: control("color"),
+  radio: control("radio"),
   repeater: control("repeater")
 };
 
@@ -211,7 +215,7 @@ function CmssyServerLayout({
 }
 
 // src/bridge/protocol.ts
-var PROTOCOL_VERSION = 1;
+var PROTOCOL_VERSION = 2;
 function isProtocolCompatible(version) {
   return version === PROTOCOL_VERSION;
 }
@@ -633,7 +637,7 @@ var FORM_QUERY = `query PublicForm($formId: ID!) {
     description
     fields {
       id name fieldType label placeholder helpText
-      defaultValue width order showIf
+      defaultValue width order showWhen
       options { value label disabled }
       validation { required minLength maxLength minValue maxValue pattern customMessage }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmssy/react",
-  "version": "0.7.7",
+  "version": "0.8.1",
   "description": "React blocks, renderers, data client and editor bridge for cmssy headless sites",
   "keywords": [
     "cmssy",
@@ -54,6 +54,9 @@
     "typescript": "^5.6.0",
     "vitest": "^2.1.0"
   },
+  "dependencies": {
+    "@cmssy/types": "^0.17.0"
+  },
   "scripts": {
     "build": "tsup",
     "test": "vitest run",