@cmssy/react 0.16.0 → 0.17.0

package/dist/client.cjs

@@ -74,6 +74,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         content: data.content,
         protocolVersion: PROTOCOL_VERSION,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         ...typeof data.layoutPosition === "string" ? { layoutPosition: data.layoutPosition } : {}
       } : null;
     case "cmssy:parent-ready":
@@ -85,6 +87,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         blockType: data.blockType,
         content: data.content,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         index: data.index
       } : null;
     case "cmssy:reorder":
@@ -148,6 +152,8 @@ function collectLayoutBlocks(rects, pageIds) {
 }
 function useEditBridge(page, config) {
   const [patches, setPatches] = react.useState({});
+  const [patchesStyle, setPatchesStyle] = react.useState({});
+  const [patchesAdvanced, setPatchesAdvanced] = react.useState({});
   const [selected, setSelected] = react.useState(null);
   const [inserted, setInserted] = react.useState([]);
   const [order, setOrder] = react.useState(null);
@@ -157,6 +163,8 @@ function useEditBridge(page, config) {
   const blocksKey = blocks.map((b) => `${b.id}:${b.type}`).join("|");
   react.useEffect(() => {
     setPatches({});
+    setPatchesStyle({});
+    setPatchesAdvanced({});
     setSelected(null);
     setInserted([]);
     setOrder(null);
@@ -209,6 +217,21 @@ function useEditBridge(page, config) {
           ...prev,
           [message.blockId]: { ...prev[message.blockId], ...message.content }
         }));
+        if (message.style) {
+          setPatchesStyle((prev) => ({
+            ...prev,
+            [message.blockId]: { ...prev[message.blockId], ...message.style }
+          }));
+        }
+        if (message.advanced) {
+          setPatchesAdvanced((prev) => ({
+            ...prev,
+            [message.blockId]: {
+              ...prev[message.blockId],
+              ...message.advanced
+            }
+          }));
+        }
       } else if (message.type === "cmssy:select") {
         setSelected(message.blockId);
         selectedIdRef.current = message.blockId;
@@ -219,6 +242,8 @@ function useEditBridge(page, config) {
             blockId: message.blockId,
             blockType: message.blockType,
             content: message.content,
+            style: message.style,
+            advanced: message.advanced,
             index: message.index
           });
           return next;
@@ -295,7 +320,15 @@ function useEditBridge(page, config) {
       window.removeEventListener("resize", emitSelectedBounds);
     };
   }, [config.editorOrigin, pageId, blocksKey]);
-  return { patches, selected, inserted, order, removed };
+  return {
+    patches,
+    patchesStyle,
+    patchesAdvanced,
+    selected,
+    inserted,
+    order,
+    removed
+  };
 }
 var MOVE_MIME = "application/x-cmssy-move";
 function visible(el) {
@@ -504,6 +537,8 @@ function CmssyBlock({
   defaultLocale,
   blockMap,
   patchedContent,
+  patchedStyle,
+  patchedAdvanced,
   editable,
   layoutPosition,
   context
@@ -511,6 +546,8 @@ function CmssyBlock({
   const Component = Object.hasOwn(blockMap, block.type) ? blockMap[block.type] : void 0;
   const base = getBlockContentForLanguage(block.content, locale, defaultLocale);
   const content = patchedContent ? { ...base, ...patchedContent } : base;
+  const style = patchedStyle ? { ...asBucket(block.style), ...patchedStyle } : asBucket(block.style);
+  const advanced = patchedAdvanced ? { ...asBucket(block.advanced), ...patchedAdvanced } : asBucket(block.advanced);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -521,8 +558,8 @@ function CmssyBlock({
       style: Component ? void 0 : { display: "none" },
       children: Component ? react.createElement(Component, {
         content,
-        style: asBucket(block.style),
-        advanced: asBucket(block.advanced),
+        style,
+        advanced,
         context
       }) : /* @__PURE__ */ jsxRuntime.jsx(UnknownBlock, { type: block.type })
     }
@@ -581,10 +618,7 @@ function EditableBlocks({
     }),
     [edit, blocks, category]
   );
-  const { patches, inserted, order, removed } = useEditBridge(
-    page,
-    bridgeConfig
-  );
+  const { patches, patchesStyle, patchesAdvanced, inserted, order, removed } = useEditBridge(page, bridgeConfig);
   const { dropY } = useDragAgent(bridgeConfig);
   const renderBlocks = react.useMemo(() => {
     const removedSet = new Set(removed);
@@ -595,7 +629,9 @@ function EditableBlocks({
       merged.splice(at, 0, {
         id: ins.blockId,
         type: ins.blockType,
-        content: ins.content
+        content: ins.content,
+        style: ins.style,
+        advanced: ins.advanced
       });
     }
     if (order) {
@@ -615,6 +651,8 @@ function EditableBlocks({
         locale,
         defaultLocale,
         patchedContent: patches[block.id],
+        patchedStyle: patchesStyle[block.id],
+        patchedAdvanced: patchesAdvanced[block.id],
         blockMap,
         editable: true,
         context

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-D9lXIaCQ.cjs';
-export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-D9lXIaCQ.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-CxUeiT52.cjs';
+export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-CxUeiT52.cjs';
 import { ReactNode } from 'react';
 import '@cmssy/types';
 
@@ -14,10 +14,14 @@ interface InsertedBlock {
     blockId: string;
     blockType: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     index: number;
 }
 interface EditBridgeState {
     patches: PatchMap;
+    patchesStyle: PatchMap;
+    patchesAdvanced: PatchMap;
     selected: string | null;
     inserted: InsertedBlock[];
     order: string[] | null;

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-D9lXIaCQ.js';
-export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-D9lXIaCQ.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-CxUeiT52.js';
+export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-CxUeiT52.js';
 import { ReactNode } from 'react';
 import '@cmssy/types';
 
@@ -14,10 +14,14 @@ interface InsertedBlock {
     blockId: string;
     blockType: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     index: number;
 }
 interface EditBridgeState {
     patches: PatchMap;
+    patchesStyle: PatchMap;
+    patchesAdvanced: PatchMap;
     selected: string | null;
     inserted: InsertedBlock[];
     order: string[] | null;

package/dist/client.js

@@ -72,6 +72,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         content: data.content,
         protocolVersion: PROTOCOL_VERSION,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         ...typeof data.layoutPosition === "string" ? { layoutPosition: data.layoutPosition } : {}
       } : null;
     case "cmssy:parent-ready":
@@ -83,6 +85,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         blockType: data.blockType,
         content: data.content,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         index: data.index
       } : null;
     case "cmssy:reorder":
@@ -146,6 +150,8 @@ function collectLayoutBlocks(rects, pageIds) {
 }
 function useEditBridge(page, config) {
   const [patches, setPatches] = useState({});
+  const [patchesStyle, setPatchesStyle] = useState({});
+  const [patchesAdvanced, setPatchesAdvanced] = useState({});
   const [selected, setSelected] = useState(null);
   const [inserted, setInserted] = useState([]);
   const [order, setOrder] = useState(null);
@@ -155,6 +161,8 @@ function useEditBridge(page, config) {
   const blocksKey = blocks.map((b) => `${b.id}:${b.type}`).join("|");
   useEffect(() => {
     setPatches({});
+    setPatchesStyle({});
+    setPatchesAdvanced({});
     setSelected(null);
     setInserted([]);
     setOrder(null);
@@ -207,6 +215,21 @@ function useEditBridge(page, config) {
           ...prev,
           [message.blockId]: { ...prev[message.blockId], ...message.content }
         }));
+        if (message.style) {
+          setPatchesStyle((prev) => ({
+            ...prev,
+            [message.blockId]: { ...prev[message.blockId], ...message.style }
+          }));
+        }
+        if (message.advanced) {
+          setPatchesAdvanced((prev) => ({
+            ...prev,
+            [message.blockId]: {
+              ...prev[message.blockId],
+              ...message.advanced
+            }
+          }));
+        }
       } else if (message.type === "cmssy:select") {
         setSelected(message.blockId);
         selectedIdRef.current = message.blockId;
@@ -217,6 +240,8 @@ function useEditBridge(page, config) {
             blockId: message.blockId,
             blockType: message.blockType,
             content: message.content,
+            style: message.style,
+            advanced: message.advanced,
             index: message.index
           });
           return next;
@@ -293,7 +318,15 @@ function useEditBridge(page, config) {
       window.removeEventListener("resize", emitSelectedBounds);
     };
   }, [config.editorOrigin, pageId, blocksKey]);
-  return { patches, selected, inserted, order, removed };
+  return {
+    patches,
+    patchesStyle,
+    patchesAdvanced,
+    selected,
+    inserted,
+    order,
+    removed
+  };
 }
 var MOVE_MIME = "application/x-cmssy-move";
 function visible(el) {
@@ -502,6 +535,8 @@ function CmssyBlock({
   defaultLocale,
   blockMap,
   patchedContent,
+  patchedStyle,
+  patchedAdvanced,
   editable,
   layoutPosition,
   context
@@ -509,6 +544,8 @@ function CmssyBlock({
   const Component = Object.hasOwn(blockMap, block.type) ? blockMap[block.type] : void 0;
   const base = getBlockContentForLanguage(block.content, locale, defaultLocale);
   const content = patchedContent ? { ...base, ...patchedContent } : base;
+  const style = patchedStyle ? { ...asBucket(block.style), ...patchedStyle } : asBucket(block.style);
+  const advanced = patchedAdvanced ? { ...asBucket(block.advanced), ...patchedAdvanced } : asBucket(block.advanced);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -519,8 +556,8 @@ function CmssyBlock({
       style: Component ? void 0 : { display: "none" },
       children: Component ? createElement(Component, {
         content,
-        style: asBucket(block.style),
-        advanced: asBucket(block.advanced),
+        style,
+        advanced,
         context
       }) : /* @__PURE__ */ jsx(UnknownBlock, { type: block.type })
     }
@@ -579,10 +616,7 @@ function EditableBlocks({
     }),
     [edit, blocks, category]
   );
-  const { patches, inserted, order, removed } = useEditBridge(
-    page,
-    bridgeConfig
-  );
+  const { patches, patchesStyle, patchesAdvanced, inserted, order, removed } = useEditBridge(page, bridgeConfig);
   const { dropY } = useDragAgent(bridgeConfig);
   const renderBlocks = useMemo(() => {
     const removedSet = new Set(removed);
@@ -593,7 +627,9 @@ function EditableBlocks({
       merged.splice(at, 0, {
         id: ins.blockId,
         type: ins.blockType,
-        content: ins.content
+        content: ins.content,
+        style: ins.style,
+        advanced: ins.advanced
       });
     }
     if (order) {
@@ -613,6 +649,8 @@ function EditableBlocks({
         locale,
         defaultLocale,
         patchedContent: patches[block.id],
+        patchedStyle: patchesStyle[block.id],
+        patchedAdvanced: patchesAdvanced[block.id],
         blockMap,
         editable: true,
         context

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

@@ -288,6 +288,8 @@ interface PatchMessage {
     protocolVersion: number;
     blockId: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     layoutPosition?: string;
 }
 interface ParentReadyMessage {
@@ -300,6 +302,8 @@ interface InsertMessage {
     blockId: string;
     blockType: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     index: number;
 }
 interface ReorderMessage {

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

@@ -288,6 +288,8 @@ interface PatchMessage {
     protocolVersion: number;
     blockId: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     layoutPosition?: string;
 }
 interface ParentReadyMessage {
@@ -300,6 +302,8 @@ interface InsertMessage {
     blockId: string;
     blockType: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     index: number;
 }
 interface ReorderMessage {

package/dist/index.cjs

@@ -269,6 +269,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         content: data.content,
         protocolVersion: PROTOCOL_VERSION,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         ...typeof data.layoutPosition === "string" ? { layoutPosition: data.layoutPosition } : {}
       } : null;
     case "cmssy:parent-ready":
@@ -280,6 +282,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         blockType: data.blockType,
         content: data.content,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         index: data.index
       } : null;
     case "cmssy:reorder":
@@ -899,6 +903,8 @@ function CmssyBlock({
   defaultLocale,
   blockMap,
   patchedContent,
+  patchedStyle,
+  patchedAdvanced,
   editable,
   layoutPosition,
   context
@@ -906,6 +912,8 @@ function CmssyBlock({
   const Component = Object.hasOwn(blockMap, block.type) ? blockMap[block.type] : void 0;
   const base = getBlockContentForLanguage(block.content, locale, defaultLocale);
   const content = patchedContent ? { ...base, ...patchedContent } : base;
+  const style = patchedStyle ? { ...asBucket(block.style), ...patchedStyle } : asBucket(block.style);
+  const advanced = patchedAdvanced ? { ...asBucket(block.advanced), ...patchedAdvanced } : asBucket(block.advanced);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -916,8 +924,8 @@ function CmssyBlock({
       style: Component ? void 0 : { display: "none" },
       children: Component ? react.createElement(Component, {
         content,
-        style: asBucket(block.style),
-        advanced: asBucket(block.advanced),
+        style,
+        advanced,
         context
       }) : /* @__PURE__ */ jsxRuntime.jsx(UnknownBlock, { type: block.type })
     }

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-D9lXIaCQ.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-D9lXIaCQ.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-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 * as react_jsx_runtime from 'react/jsx-runtime';
 export { FieldCondition, FieldConditionGroup, FieldConditionLogic, FieldType, evaluateFieldConditionGroup } from '@cmssy/types';
 import 'react';
@@ -135,11 +135,13 @@ interface CmssyBlockProps {
     defaultLocale: string;
     blockMap: BlockMap;
     patchedContent?: Record<string, unknown>;
+    patchedStyle?: Record<string, unknown>;
+    patchedAdvanced?: Record<string, unknown>;
     editable?: boolean;
     layoutPosition?: string;
     context?: CmssyBlockContext;
 }
-declare function CmssyBlock({ block, locale, defaultLocale, blockMap, patchedContent, editable, layoutPosition, context, }: CmssyBlockProps): react_jsx_runtime.JSX.Element;
+declare function CmssyBlock({ block, locale, defaultLocale, blockMap, patchedContent, patchedStyle, patchedAdvanced, editable, layoutPosition, context, }: CmssyBlockProps): react_jsx_runtime.JSX.Element;
 
 interface UnknownBlockProps {
     type: string;

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-D9lXIaCQ.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-D9lXIaCQ.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-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 * as react_jsx_runtime from 'react/jsx-runtime';
 export { FieldCondition, FieldConditionGroup, FieldConditionLogic, FieldType, evaluateFieldConditionGroup } from '@cmssy/types';
 import 'react';
@@ -135,11 +135,13 @@ interface CmssyBlockProps {
     defaultLocale: string;
     blockMap: BlockMap;
     patchedContent?: Record<string, unknown>;
+    patchedStyle?: Record<string, unknown>;
+    patchedAdvanced?: Record<string, unknown>;
     editable?: boolean;
     layoutPosition?: string;
     context?: CmssyBlockContext;
 }
-declare function CmssyBlock({ block, locale, defaultLocale, blockMap, patchedContent, editable, layoutPosition, context, }: CmssyBlockProps): react_jsx_runtime.JSX.Element;
+declare function CmssyBlock({ block, locale, defaultLocale, blockMap, patchedContent, patchedStyle, patchedAdvanced, editable, layoutPosition, context, }: CmssyBlockProps): react_jsx_runtime.JSX.Element;
 
 interface UnknownBlockProps {
     type: string;

package/dist/index.js

@@ -267,6 +267,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         content: data.content,
         protocolVersion: PROTOCOL_VERSION,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         ...typeof data.layoutPosition === "string" ? { layoutPosition: data.layoutPosition } : {}
       } : null;
     case "cmssy:parent-ready":
@@ -278,6 +280,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         blockType: data.blockType,
         content: data.content,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         index: data.index
       } : null;
     case "cmssy:reorder":
@@ -897,6 +901,8 @@ function CmssyBlock({
   defaultLocale,
   blockMap,
   patchedContent,
+  patchedStyle,
+  patchedAdvanced,
   editable,
   layoutPosition,
   context
@@ -904,6 +910,8 @@ function CmssyBlock({
   const Component = Object.hasOwn(blockMap, block.type) ? blockMap[block.type] : void 0;
   const base = getBlockContentForLanguage(block.content, locale, defaultLocale);
   const content = patchedContent ? { ...base, ...patchedContent } : base;
+  const style = patchedStyle ? { ...asBucket(block.style), ...patchedStyle } : asBucket(block.style);
+  const advanced = patchedAdvanced ? { ...asBucket(block.advanced), ...patchedAdvanced } : asBucket(block.advanced);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -914,8 +922,8 @@ function CmssyBlock({
       style: Component ? void 0 : { display: "none" },
       children: Component ? createElement(Component, {
         content,
-        style: asBucket(block.style),
-        advanced: asBucket(block.advanced),
+        style,
+        advanced,
         context
       }) : /* @__PURE__ */ jsx(UnknownBlock, { type: block.type })
     }

package/package.json

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