@contentful/experiences-visual-editor-react 1.9.1-dev-20240702T1452-263f331.0 → 1.10.0-beta.0

package/dist/index.js

@@ -3,7 +3,7 @@ import React, { useEffect, useRef, useState, useCallback, forwardRef, useLayoutE
 import md5 from 'md5';
 import { z } from 'zod';
 import { BLOCKS } from '@contentful/rich-text-types';
-import { isEqual, get as get$1, omit } from 'lodash-es';
+import { isArray, isEqual, get as get$1, omit } from 'lodash-es';
 import { create } from 'zustand';
 import { Droppable, Draggable, DragDropContext } from '@hello-pangea/dnd';
 import { produce } from 'immer';
@@ -736,6 +736,8 @@ const DefinitionPropertyTypeSchema = z.enum([
     'Media',
     'Object',
     'Hyperlink',
+    'Array',
+    'Link',
 ]);
 const DefinitionPropertyKeySchema = z
     .string()
@@ -1139,19 +1141,61 @@ const transformMedia = (asset, variables, resolveDesignValue, variableName, path
     return asset.fields.file?.url;
 };
 
+function getResolvedEntryFromLink(entryOrAsset, path, entityStore) {
+    if (entryOrAsset.sys.type === 'Asset') {
+        return 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;
+    }
+    //Look up the reference in the entity store
+    const resolvedEntity = entityStore.getEntityFromLink(value);
+    return resolvedEntity;
+}
+
+function getArrayValue(entryOrAsset, path, entityStore) {
+    if (entryOrAsset.sys.type === 'Asset') {
+        return entryOrAsset;
+    }
+    const arrayValue = get(entryOrAsset, path.split('/').slice(2, -1));
+    if (!isArray(arrayValue)) {
+        console.warn(`Expected a value to be an array, but got: ${JSON.stringify(arrayValue)}`);
+        return;
+    }
+    const result = arrayValue.map((value) => {
+        if (typeof value === 'string') {
+            return value;
+        }
+        else if (value?.sys?.type === 'Link') {
+            return entityStore.getEntityFromLink(value);
+        }
+        else {
+            console.warn(`Expected value to be a string or Link, but got: ${JSON.stringify(value)}`);
+            return undefined;
+        }
+    });
+    return result;
+}
+
 const transformBoundContentValue = (variables, entityStore, binding, resolveDesignValue, variableName, variableDefinition, path) => {
     const entityOrAsset = entityStore.getEntryOrAsset(binding, path);
     if (!entityOrAsset)
         return;
     switch (variableDefinition.type) {
         case 'Media':
-            // If we bound a normal entry field to the media veriable we just return the bound value
+            // If we bound a normal entry field to the media variable we just return the bound value
             if (entityOrAsset.sys.type === 'Entry') {
                 return getBoundValue(entityOrAsset, path);
             }
             return transformMedia(entityOrAsset, variables, resolveDesignValue, variableName, path);
         case 'RichText':
             return transformRichText(entityOrAsset, path);
+        case 'Array':
+            return getArrayValue(entityOrAsset, path, entityStore);
+        case 'Link':
+            return getResolvedEntryFromLink(entityOrAsset, path, entityStore);
         default:
             return getBoundValue(entityOrAsset, path);
     }
@@ -1837,8 +1881,8 @@ class EditorModeEntityStore extends EditorEntityStore {
     async fetchEntities({ missingEntryIds, missingAssetIds, skipCache = false, }) {
         // Entries and assets will be stored in entryMap and assetMap
         await Promise.all([
-            this.fetchEntries(missingEntryIds, skipCache),
-            this.fetchAssets(missingAssetIds, skipCache),
+            super.fetchEntries(missingEntryIds, skipCache),
+            super.fetchAssets(missingAssetIds, skipCache),
         ]);
     }
     getMissingEntityIds(entityLinks) {