@contentful/experiences-visual-editor-react 0.0.1-alpha.3 → 0.0.1-alpha.4

package/dist/index.js

@@ -16,7 +16,7 @@ styleInject(css_248z$7);
 
 const INCOMING_EVENTS$1 = {
     RequestEditorMode: 'requestEditorMode',
-    CompositionUpdated: 'componentTreeUpdated',
+    ExperienceUpdated: 'componentTreeUpdated',
     ComponentDraggingChanged: 'componentDraggingChanged',
     ComponentDragCanceled: 'componentDragCanceled',
     ComponentDragStarted: 'componentDragStarted',
@@ -1187,6 +1187,13 @@ class EntityStoreBase {
         }
         return this.entryMap.get(id);
     }
+    toJSON() {
+        return {
+            entryMap: Object.fromEntries(this.entryMap),
+            assetMap: Object.fromEntries(this.assetMap),
+            locale: this.locale,
+        };
+    }
 }
 
 /**
@@ -1467,7 +1474,7 @@ const OUTGOING_EVENTS = {
 };
 const INCOMING_EVENTS = {
     RequestEditorMode: 'requestEditorMode',
-    CompositionUpdated: 'componentTreeUpdated',
+    ExperienceUpdated: 'componentTreeUpdated',
     ComponentDraggingChanged: 'componentDraggingChanged',
     ComponentDragCanceled: 'componentDragCanceled',
     ComponentDragStarted: 'componentDragStarted',
@@ -2388,7 +2395,9 @@ const resolveAssembly = ({ node, entityStore, }) => {
         });
         return node;
     }
-    const componentFields = entityStore?.getValue(assembly, ['fields']);
+    const componentFields = entityStore?.getValue(assembly, [
+        'fields',
+    ]);
     if (!componentFields) {
         console.warn(`Entry for assembly with ID '${componentId}' not found`, { entityStore });
         return node;
@@ -3067,7 +3076,7 @@ const EmptyContainer = ({ isDragging }) => {
             React.createElement("rect", { width: "11.676", height: "11.676", x: "18.011", y: "18.625", rx: "1.621", transform: "rotate(45 18.01 18.625)" }),
             React.createElement("rect", { width: "11.676", height: "11.676", x: "30.557", y: "10.131", rx: "1.621", transform: "rotate(60 30.557 10.13)" }),
             React.createElement("path", { fill: "#fff", stroke: "#fff", strokeWidth: ".243", d: "M31.113 17.038a.463.463 0 0 0-.683-.517l-1.763 1.032-1.033-1.763a.464.464 0 0 0-.8.469l1.034 1.763-1.763 1.033a.463.463 0 1 0 .468.8l1.763-1.033 1.033 1.763a.463.463 0 1 0 .8-.469l-1.033-1.763 1.763-1.033a.463.463 0 0 0 .214-.282Z" })),
-        React.createElement("span", { className: styles$1.label }, "Add elements to begin")));
+        React.createElement("span", { className: styles$1.label }, "Add components to begin")));
 };
 
 const getZoneParents = (zoneId) => {
@@ -3694,7 +3703,7 @@ function useEditorSubscriber() {
             console.debug(`[experiences-sdk-react::onMessage] Received message [${eventData.eventType}]`, eventData);
             const { payload } = eventData;
             switch (eventData.eventType) {
-                case INCOMING_EVENTS.CompositionUpdated: {
+                case INCOMING_EVENTS.ExperienceUpdated: {
                     const { tree, locale, changedNode, changedValueType, assemblies, } = payload;
                     // Make sure to first store the assemblies before setting the tree and thus triggering a rerender
                     if (assemblies) {