@contentful/experiences-visual-editor-react 1.40.3-dev-20250611T0948-7389339.0 → 1.41.0-beta.0

package/dist/index.js

@@ -724,7 +724,6 @@ const ComponentPropertyValueSchema$1 = z.discriminatedUnion('type', [
 const PatternPropertySchema$1 = z.object({
     type: z.literal('BoundValue'),
     path: z.string(),
-    contentType: z.string(),
 });
 const PatternPropertiesSchema$1 = z.record(propertyKeySchema$1, PatternPropertySchema$1);
 const BreakpointSchema$1 = z
@@ -1575,7 +1574,6 @@ const buildStyleTag = ({ styles, nodeId }) => {
  */
 const buildCfStyles = (values) => {
     const cssProperties = {
-        boxSizing: 'border-box',
         margin: values.cfMargin,
         padding: values.cfPadding,
         backgroundColor: values.cfBackgroundColor,
@@ -1844,18 +1842,41 @@ const transformMedia = (asset, variables, resolveDesignValue, variableName, path
     return asset.fields.file?.url;
 };
 
+const isAsset = (value) => {
+    return (null !== value &&
+        typeof value === 'object' &&
+        'sys' in value &&
+        value.sys?.type === 'Asset');
+};
+const isEntry = (value) => {
+    return (null !== value &&
+        typeof value === 'object' &&
+        'sys' in value &&
+        value.sys?.type === 'Entry');
+};
+
 function getResolvedEntryFromLink(entryOrAsset, path, entityStore) {
-    if (entryOrAsset.sys.type === 'Asset') {
+    if (isAsset(entryOrAsset)) {
         return entryOrAsset;
     }
+    else if (!isEntry(entryOrAsset)) {
+        throw new Error(`Expected an Entry or Asset, but got: ${JSON.stringify(entryOrAsset)}`);
+    }
     const value = get(entryOrAsset, path.split('/').slice(2, -1));
-    if (value?.sys.type !== 'Link') {
-        console.warn(`Expected a link to a reference, but got: ${JSON.stringify(value)}`);
-        return;
+    let resolvedEntity;
+    if (isAsset(value) || isEntry(value)) {
+        // In some cases, reference fields are already resolved
+        resolvedEntity = value;
+    }
+    else if (value?.sys.type === 'Link') {
+        // Look up the reference in the entity store
+        resolvedEntity = entityStore.getEntityFromLink(value);
+        if (!resolvedEntity) {
+            return;
+        }
     }
-    //Look up the reference in the entity store
-    const resolvedEntity = entityStore.getEntityFromLink(value);
-    if (!resolvedEntity) {
+    else {
+        console.warn(`Expected a link to a reference, but got: ${JSON.stringify(value)}`);
         return;
     }
     //resolve any embedded links - we currently only support 2 levels deep
@@ -2110,10 +2131,13 @@ class EntityStoreBase {
             }
             entity = resolvedEntity;
         }
-        else {
+        else if (isAsset(linkOrEntryOrAsset) || isEntry(linkOrEntryOrAsset)) {
             // We already have the complete entity in preview & delivery (resolved by the CMA client)
             entity = linkOrEntryOrAsset;
         }
+        else {
+            throw new Error(`Unexpected object when resolving entity: ${JSON.stringify(linkOrEntryOrAsset)}`);
+        }
         return entity;
     }
     /**
@@ -2159,14 +2183,14 @@ class EntityStoreBase {
         };
     }
     addEntity(entity) {
-        if (this.isAsset(entity)) {
+        if (isAsset(entity)) {
             this.assetMap.set(entity.sys.id, entity);
         }
-        else if (this.isEntry(entity)) {
+        else if (isEntry(entity)) {
             this.entryMap.set(entity.sys.id, entity);
         }
         else {
-            console.warn('Attempted to add an entity that is neither Asset nor Entry:', entity);
+            throw new Error(`Attempted to add an entity to the store that is neither Asset nor Entry: '${JSON.stringify(entity)}'`);
         }
     }
     async fetchAsset(id) {
@@ -2236,7 +2260,7 @@ class EntityStoreBase {
                     resolvedFieldset.push([entityToResolveFieldsFrom, field, _localeQualifier]);
                     entityToResolveFieldsFrom = entity; // we move up
                 }
-                else if (this.isAsset(fieldValue) || this.isEntry(fieldValue)) {
+                else if (isAsset(fieldValue) || isEntry(fieldValue)) {
                     resolvedFieldset.push([entityToResolveFieldsFrom, field, _localeQualifier]);
                     entityToResolveFieldsFrom = fieldValue; // we move up
                 }
@@ -2272,18 +2296,6 @@ class EntityStoreBase {
         const [leafEntity] = resolvedFieldset[resolvedFieldset.length - 1];
         return leafEntity;
     }
-    isAsset(value) {
-        return (null !== value &&
-            typeof value === 'object' &&
-            'sys' in value &&
-            value.sys?.type === 'Asset');
-    }
-    isEntry(value) {
-        return (null !== value &&
-            typeof value === 'object' &&
-            'sys' in value &&
-            value.sys?.type === 'Entry');
-    }
     getEntity(type, id) {
         if (type === 'Asset') {
             return this.assetMap.get(id);
@@ -3569,7 +3581,6 @@ const ComponentPropertyValueSchema = z.discriminatedUnion('type', [
 const PatternPropertySchema = z.object({
     type: z.literal('BoundValue'),
     path: z.string(),
-    contentType: z.string(),
 });
 const PatternPropertiesSchema = z.record(propertyKeySchema, PatternPropertySchema);
 const BreakpointSchema = z
@@ -3901,7 +3912,7 @@ var VisualEditorMode;
     VisualEditorMode["InjectScript"] = "injectScript";
 })(VisualEditorMode || (VisualEditorMode = {}));
 
-var css_248z$2$1 = ".contentful-container {\n  position: relative;\n  display: flex;\n  box-sizing: border-box;\n  pointer-events: all;\n}\n\n.contentful-container::-webkit-scrollbar {\n  display: none; /* Safari and Chrome */\n}\n\n.cf-single-column-wrapper {\n  position: relative;\n}\n\n.cf-container-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.contentful-container:after {\n  content: '';\n  display: block;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow-x: clip;\n  font-family: var(--exp-builder-font-stack-primary);\n  font-size: 12px;\n  color: var(--exp-builder-gray400);\n  z-index: 1;\n}\n\n.contentful-section-label:after {\n  content: 'Section';\n}\n\n.contentful-container-label:after {\n  content: 'Container';\n}\n\n/* used by ContentfulSectionAsHyperlink.tsx */\n\n.contentful-container-link,\n.contentful-container-link:active,\n.contentful-container-link:visited,\n.contentful-container-link:hover,\n.contentful-container-link:read-write,\n.contentful-container-link:focus-visible {\n  color: inherit;\n  text-decoration: unset;\n  outline: unset;\n}\n";
+var css_248z$2$1 = ".contentful-container {\n  position: relative;\n  display: flex;\n  pointer-events: all;\n}\n\n.contentful-container::-webkit-scrollbar {\n  display: none; /* Safari and Chrome */\n}\n\n.cf-single-column-wrapper {\n  position: relative;\n}\n\n.cf-container-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.contentful-container:after {\n  content: '';\n  display: block;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow-x: clip;\n  font-family: var(--exp-builder-font-stack-primary);\n  font-size: 12px;\n  color: var(--exp-builder-gray400);\n  z-index: 1;\n}\n\n.contentful-section-label:after {\n  content: 'Section';\n}\n\n.contentful-container-label:after {\n  content: 'Container';\n}\n\n/* used by ContentfulSectionAsHyperlink.tsx */\n\n.contentful-container-link,\n.contentful-container-link:active,\n.contentful-container-link:visited,\n.contentful-container-link:hover,\n.contentful-container-link:read-write,\n.contentful-container-link:focus-visible {\n  color: inherit;\n  text-decoration: unset;\n  outline: unset;\n}\n";
 styleInject(css_248z$2$1);
 
 const Flex = forwardRef(({ id, children, onMouseEnter, onMouseUp, onMouseLeave, onMouseDown, onClick, flex, flexBasis, flexShrink, flexDirection, gap, justifyContent, justifyItems, justifySelf, alignItems, alignSelf, alignContent, order, flexWrap, flexGrow, className, cssStyles, ...props }, ref) => {
@@ -5510,7 +5521,7 @@ function useSingleColumn(node, resolveDesignValue) {
             return false;
         }
         const { cfWrapColumns } = parentNode.data.props;
-        if (cfWrapColumns.type !== 'DesignValue') {
+        if (cfWrapColumns?.type !== 'DesignValue') {
             return false;
         }
         return resolveDesignValue(cfWrapColumns.valuesByBreakpoint);