@contentful/experiences-visual-editor-react 3.4.0-dev-20250825T1512-8bcc4b9.0 → 3.4.1-dev-20250828T1024-c2a782a.0

package/dist/index.js

@@ -1182,19 +1182,22 @@ const checkLocalStorageAvailability$1 = () => {
         return false;
     }
 };
+const DEBUG_LEVELS_HIERARCHY$1 = ['error', 'warn', 'log', 'debug'];
 let DebugLogger$1 = class DebugLogger {
     constructor() {
+        this.activeLevel = 'warn';
         // Public methods for logging
         this.error = this.logger('error');
         this.warn = this.logger('warn');
         this.log = this.logger('log');
         this.debug = this.logger('debug');
         if (!checkLocalStorageAvailability$1()) {
-            this.enabled = false;
             return;
         }
         // Default to checking localStorage for the debug mode on initialization if in browser
-        this.enabled = localStorage.getItem(CF_DEBUG_KEY$1) === 'true';
+        if (localStorage.getItem(CF_DEBUG_KEY$1) === 'true') {
+            this.activeLevel = 'debug';
+        }
     }
     static getInstance() {
         if (this.instance === null) {
@@ -1202,15 +1205,15 @@ let DebugLogger$1 = class DebugLogger {
         }
         return this.instance;
     }
-    getEnabled() {
-        return this.enabled;
+    getActiveLevel() {
+        return this.activeLevel;
     }
-    setEnabled(enabled) {
-        this.enabled = enabled;
-        if (typeof localStorage === 'undefined') {
+    setActiveLevel(level) {
+        this.activeLevel = level;
+        if (!checkLocalStorageAvailability$1()) {
             return;
         }
-        if (enabled) {
+        if (this.activeLevel === 'debug' || this.activeLevel === 'log') {
             localStorage.setItem(CF_DEBUG_KEY$1, 'true');
         }
         else {
@@ -1220,14 +1223,17 @@ let DebugLogger$1 = class DebugLogger {
     // Log method for different levels (error, warn, log)
     logger(level) {
         return (...args) => {
-            if (this.enabled) {
-                console[level]('[cf-experiences-sdk]', ...args);
+            const levelPriority = DEBUG_LEVELS_HIERARCHY$1.indexOf(level);
+            const activeLevelPriority = DEBUG_LEVELS_HIERARCHY$1.indexOf(this.activeLevel);
+            const enabled = levelPriority <= activeLevelPriority;
+            if (enabled) {
+                console[level](...args);
             }
         };
     }
 };
 DebugLogger$1.instance = null;
-DebugLogger$1.getInstance();
+const debug$1 = DebugLogger$1.getInstance();
 
 const findOutermostCoordinates = (first, second) => {
     return {
@@ -1298,14 +1304,14 @@ const isLinkToAsset = (variable) => {
         variable.sys?.type === 'Link');
 };
 
-const isLink$1 = (maybeLink) => {
+function isLink$1(maybeLink) {
     if (maybeLink === null)
         return false;
     if (typeof maybeLink !== 'object')
         return false;
     const link = maybeLink;
     return Boolean(link.sys?.id) && link.sys?.type === 'Link' && Boolean(link.sys?.linkType);
-};
+}
 
 /**
  * This module encapsulates format of the path to a deep reference.
@@ -1455,7 +1461,7 @@ const lastPathNamedSegmentEq = (path, expectedName) => {
     // ['', 'key123', 'fields', 'featureImage', '~locale', 'fields', 'file', '~locale']
     const segments = path.split('/');
     if (segments.length < 2) {
-        console.warn(`[experiences-sdk-react] Attempting to check whether last named segment of the path (${path}) equals to '${expectedName}', but the path doesn't have enough segments.`);
+        debug$1.warn(`[experiences-core::pathSchema] Attempting to check whether last named segment of the path (${path}) equals to '${expectedName}', but the path doesn't have enough segments.`);
         return false;
     }
     const secondLast = segments[segments.length - 2]; // skipping trailing '~locale'
@@ -1896,7 +1902,7 @@ const transformMedia = (asset, variables, resolveDesignValue, variableName, path
             ? variables[optionsVariableName].valuesByBreakpoint
             : {});
         if (!options) {
-            console.error(`Error transforming image asset: Required variable [${optionsVariableName}] missing from component definition`);
+            debug$1.error(`[experiences-core::transformMedia] Error transforming image asset: Required variable [${optionsVariableName}] missing from component definition`);
             return;
         }
         try {
@@ -1910,7 +1916,7 @@ const transformMedia = (asset, variables, resolveDesignValue, variableName, path
             return value;
         }
         catch (error) {
-            console.error('Error transforming image asset', error);
+            debug$1.error('[experiences-core::transformMedia] Error transforming image asset', error);
         }
         return;
     }
@@ -1921,7 +1927,7 @@ const transformMedia = (asset, variables, resolveDesignValue, variableName, path
             ? variables[optionsVariableName].valuesByBreakpoint
             : {});
         if (!options) {
-            console.error(`Error transforming image asset: Required variable [${optionsVariableName}] missing from component definition`);
+            debug$1.error(`[experiences-core::transformMedia] Error transforming image asset: Required variable [${optionsVariableName}] missing from component definition`);
             return;
         }
         try {
@@ -1938,7 +1944,7 @@ const transformMedia = (asset, variables, resolveDesignValue, variableName, path
             return value;
         }
         catch (error) {
-            console.error('Error transforming image asset', error);
+            debug$1.error('[experiences-core::transformMedia] Error transforming image asset', error);
         }
         return;
     }
@@ -1976,7 +1982,7 @@ function getResolvedEntryFromLink(entryOrAsset, path, entityStore) {
         resolvedEntity = entityStore.getEntityFromLink(value);
     }
     else {
-        console.warn(`When attempting to follow link in field '${fieldName}' of entity, the value is expected to be a link, but got: ${JSON.stringify(value)}`, { entity: entryOrAsset });
+        debug$1.warn(`[experiences-core::getResolvedEntryFromLink] When attempting to follow link in field '${fieldName}' of entity, the value is expected to be a link, but got: ${JSON.stringify(value)}`, { entity: entryOrAsset });
         return;
     }
     // no need to make structuredClone(entityStore.getEntityFromLink(value)) because
@@ -2003,7 +2009,7 @@ function getArrayValue(entryOrAsset, path, entityStore) {
     const fieldName = path.split('/').slice(2, -1);
     const arrayValue = get$1(entryOrAsset, fieldName);
     if (!isArray(arrayValue)) {
-        console.warn(`A field '${fieldName}' of an entity was bound to an Array variable. Expected value of that field to be an array, but got: ${JSON.stringify(arrayValue)}`, { entity: entryOrAsset });
+        debug$1.warn(`[experiences-core::getArrayValue] A field '${fieldName}' of an entity was bound to an Array variable. Expected value of that field to be an array, but got: ${JSON.stringify(arrayValue)}`, { entity: entryOrAsset });
         return;
     }
     const result = arrayValue
@@ -2023,7 +2029,7 @@ function getArrayValue(entryOrAsset, path, entityStore) {
             return resolvedEntity;
         }
         else {
-            console.warn(`Expected value to be a string or Link, but got: ${JSON.stringify(value)}`);
+            debug$1.warn(`[experiences-core::getArrayValue] Expected value to be a string or Link, but got: ${JSON.stringify(value)}`);
             return undefined;
         }
     })
@@ -2202,7 +2208,7 @@ const sendMessage = (eventType, data) => {
     if (typeof window === 'undefined') {
         return;
     }
-    console.debug(`[experiences-sdk-react::sendMessage] Sending message [${eventType}]`, {
+    debug$1.debug(`[experiences-sdk-react::sendMessage] Sending message [${eventType}]`, {
         source: 'customer-app',
         eventType,
         payload: data,
@@ -2254,7 +2260,7 @@ let EntityStoreBase$1 = class EntityStoreBase {
                 ? this.entryMap.get(linkOrEntryOrAsset.sys.id)
                 : this.assetMap.get(linkOrEntryOrAsset.sys.id);
             if (!resolvedEntity || resolvedEntity.sys.type !== linkOrEntryOrAsset.sys.linkType) {
-                console.warn(`Experience references unresolved entity: ${JSON.stringify(linkOrEntryOrAsset)}`);
+                debug$1.warn(`[experiences-core::EntityStoreBase] Experience references unresolved entity: ${JSON.stringify(linkOrEntryOrAsset)}`);
                 return;
             }
             entity = resolvedEntity;
@@ -2264,7 +2270,7 @@ let EntityStoreBase$1 = class EntityStoreBase {
             entity = linkOrEntryOrAsset;
         }
         else {
-            throw new Error(`Unexpected object when resolving entity: ${JSON.stringify(linkOrEntryOrAsset)}`);
+            throw new Error(`[experiences-core::EntityStoreBase] Unexpected object when resolving entity: ${JSON.stringify(linkOrEntryOrAsset)}`);
         }
         return entity;
     }
@@ -2278,7 +2284,7 @@ let EntityStoreBase$1 = class EntityStoreBase {
         const entity = this.getEntity(entityLink.sys.linkType, entityLink.sys.id);
         if (!entity) {
             // TODO: move to `debug` utils once it is extracted
-            console.warn(`Unresolved entity reference: ${entityLink.sys.linkType} with ID ${entityLink.sys.id}`);
+            debug$1.warn(`Unresolved entity reference: ${entityLink.sys.linkType} with ID ${entityLink.sys.id}`);
             return;
         }
         return get$1(entity, path);
@@ -2288,7 +2294,7 @@ let EntityStoreBase$1 = class EntityStoreBase {
             ? this.entryMap.get(link.sys.id)
             : this.assetMap.get(link.sys.id);
         if (!resolvedEntity || resolvedEntity.sys.type !== link.sys.linkType) {
-            console.warn(`Experience references unresolved entity: ${JSON.stringify(link)}`);
+            debug$1.warn(`[experiences-core::EntityStoreBase] Experience references unresolved entity: ${JSON.stringify(link)}`);
             return;
         }
         return resolvedEntity;
@@ -2296,7 +2302,7 @@ let EntityStoreBase$1 = class EntityStoreBase {
     getAssetById(assetId) {
         const asset = this.assetMap.get(assetId);
         if (!asset) {
-            console.warn(`Asset with ID "${assetId}" is not found in the store`);
+            debug$1.warn(`[experiences-core::EntityStoreBase] Asset with ID "${assetId}" is not found in the store`);
             return;
         }
         return asset;
@@ -2304,7 +2310,7 @@ let EntityStoreBase$1 = class EntityStoreBase {
     getEntryById(entryId) {
         const entry = this.entryMap.get(entryId);
         if (!entry) {
-            console.warn(`Entry with ID "${entryId}" is not found in the store`);
+            debug$1.warn(`[experiences-core::EntityStoreBase] Entry with ID "${entryId}" is not found in the store`);
             return;
         }
         return entry;
@@ -2343,7 +2349,7 @@ let EntityStoreBase$1 = class EntityStoreBase {
         const { resolved, missing } = this.getEntitiesFromMap('Asset', [id]);
         if (missing.length) {
             // TODO: move to `debug` utils once it is extracted
-            console.warn(`Asset "${id}" is not in the store`);
+            debug$1.warn(`[experiences-core::EntityStoreBase] Asset "${id}" is not in the store`);
             return;
         }
         return resolved[0];
@@ -2359,7 +2365,7 @@ let EntityStoreBase$1 = class EntityStoreBase {
         const { resolved, missing } = this.getEntitiesFromMap('Entry', [id]);
         if (missing.length) {
             // TODO: move to `debug` utils once it is extracted
-            console.warn(`Entry "${id}" is not in the store`);
+            debug$1.warn(`[experiences-core::EntityStoreBase] Entry "${id}" is not in the store`);
             return;
         }
         return resolved[0];
@@ -2435,8 +2441,9 @@ let EntityStoreBase$1 = class EntityStoreBase {
         // in case we can't follow till the end, we should signal that there was null-reference in the path
         const { resolvedFieldset, isFullyResolved, reason } = resolveFieldset(unresolvedFieldset, headEntity);
         if (!isFullyResolved) {
-            reason &&
-                console.debug(`[exp-builder.sdk::EntityStoreBased::getValueDeep()] Deep path wasn't resolved till leaf node, falling back to undefined, because: ${reason}`);
+            if (reason) {
+                debug$1.log(`[experiences-core::EntityStoreBase] Deep path wasn't resolved till leaf node, falling back to undefined, because: ${reason}`);
+            }
             return;
         }
         const [leafEntity] = resolvedFieldset[resolvedFieldset.length - 1];
@@ -2512,7 +2519,7 @@ class EditorEntityStore extends EntityStoreBase$1 {
                     unsubscribe();
                 }
                 else {
-                    console.warn('Unexpected entities received in REQUESTED_ENTITIES. Ignoring this response.');
+                    debug$1.warn('[experiences-core::EditorEntityStore] Unexpected entities received in REQUESTED_ENTITIES. Ignoring this response.');
                 }
             });
             const timeout = setTimeout(() => {
@@ -2543,7 +2550,7 @@ class EditorEntityStore extends EntityStoreBase$1 {
         }
         catch (err) {
             // TODO: move to debug utils once it is extracted
-            console.warn(`Failed to request asset ${id}`);
+            debug$1.warn(`[experiences-core::EditorEntityStore] Failed to request asset ${id}`);
             return undefined;
         }
     }
@@ -2556,7 +2563,7 @@ class EditorEntityStore extends EntityStoreBase$1 {
         }
         catch (err) {
             // TODO: move to debug utils once it is extracted
-            console.warn(`Failed to request entry ${id}`, err);
+            debug$1.warn(`[experiences-core::EditorEntityStore] Failed to request entry ${id}`, err);
             return undefined;
         }
     }
@@ -2576,7 +2583,7 @@ function transformAssetFileToUrl(fieldValue) {
 const REQUEST_TIMEOUT = 10000;
 class EditorModeEntityStore extends EditorEntityStore {
     constructor({ entities, locale }) {
-        console.debug(`[experiences-sdk-react] Initializing editor entity store with ${entities.length} entities for locale ${locale}.`, { entities });
+        debug$1.debug(`[experiences-core::EditorModeEntityStore] Initializing editor entity store with ${entities.length} entities for locale ${locale}.`, { entities });
         const subscribe = (method, cb) => {
             const handleMessage = (event) => {
                 const data = JSON.parse(event.data);
@@ -2676,7 +2683,7 @@ const inMemoryEntitiesStore = create((set, get) => ({
 
 function maybeResolveLink(maybeLink) {
     if (!isLink$1(maybeLink)) {
-        console.warn('maybeResolveLink function must receive Link shape. Provided argument does not match the Link shape: ', maybeLink);
+        debug$1.warn('[experiences-core::InMemoryEntitiesStore] maybeResolveLink function must receive Link shape. Provided argument does not match the Link shape: ', maybeLink);
         return undefined;
     }
     return inMemoryEntitiesStore.getState().resolveEntity(maybeLink);
@@ -3107,7 +3114,7 @@ const useTreeStore = create((set, get) => ({
         // The current and updated tree are the same, no tree update required.
         // Special case: Breakpoints changed (e.g. empty experience gets reloaded or breakpoints updated)
         if (!treeDiff.length && !didBreakpointsChange) {
-            console.debug(`[exp-builder.visual-editor::updateTree()]: During smart-diffing no diffs. Skipping tree update.`);
+            debug$1.debug(`[experiences-visual-editor-react::useTreeStore]: During smart-diffing no diffs. Skipping tree update.`);
             return;
         }
         set(produce((state) => {
@@ -3856,19 +3863,22 @@ const checkLocalStorageAvailability = () => {
         return false;
     }
 };
+const DEBUG_LEVELS_HIERARCHY = ['error', 'warn', 'log', 'debug'];
 class DebugLogger {
     constructor() {
+        this.activeLevel = 'warn';
         // Public methods for logging
         this.error = this.logger('error');
         this.warn = this.logger('warn');
         this.log = this.logger('log');
         this.debug = this.logger('debug');
         if (!checkLocalStorageAvailability()) {
-            this.enabled = false;
             return;
         }
         // Default to checking localStorage for the debug mode on initialization if in browser
-        this.enabled = localStorage.getItem(CF_DEBUG_KEY) === 'true';
+        if (localStorage.getItem(CF_DEBUG_KEY) === 'true') {
+            this.activeLevel = 'debug';
+        }
     }
     static getInstance() {
         if (this.instance === null) {
@@ -3876,15 +3886,15 @@ class DebugLogger {
         }
         return this.instance;
     }
-    getEnabled() {
-        return this.enabled;
+    getActiveLevel() {
+        return this.activeLevel;
     }
-    setEnabled(enabled) {
-        this.enabled = enabled;
-        if (typeof localStorage === 'undefined') {
+    setActiveLevel(level) {
+        this.activeLevel = level;
+        if (!checkLocalStorageAvailability()) {
             return;
         }
-        if (enabled) {
+        if (this.activeLevel === 'debug' || this.activeLevel === 'log') {
             localStorage.setItem(CF_DEBUG_KEY, 'true');
         }
         else {
@@ -3894,23 +3904,26 @@ class DebugLogger {
     // Log method for different levels (error, warn, log)
     logger(level) {
         return (...args) => {
-            if (this.enabled) {
-                console[level]('[cf-experiences-sdk]', ...args);
+            const levelPriority = DEBUG_LEVELS_HIERARCHY.indexOf(level);
+            const activeLevelPriority = DEBUG_LEVELS_HIERARCHY.indexOf(this.activeLevel);
+            const enabled = levelPriority <= activeLevelPriority;
+            if (enabled) {
+                console[level](...args);
             }
         };
     }
 }
 DebugLogger.instance = null;
-DebugLogger.getInstance();
+const debug = DebugLogger.getInstance();
 
-const isLink = (maybeLink) => {
+function isLink(maybeLink) {
     if (maybeLink === null)
         return false;
     if (typeof maybeLink !== 'object')
         return false;
     const link = maybeLink;
     return Boolean(link.sys?.id) && link.sys?.type === 'Link' && Boolean(link.sys?.linkType);
-};
+}
 const parseDataSourcePathIntoFieldset = (path) => {
     const parsedPath = parseDeepPath(path);
     if (null === parsedPath) {
@@ -4067,7 +4080,7 @@ class EntityStoreBase {
                 ? this.entryMap.get(linkOrEntryOrAsset.sys.id)
                 : this.assetMap.get(linkOrEntryOrAsset.sys.id);
             if (!resolvedEntity || resolvedEntity.sys.type !== linkOrEntryOrAsset.sys.linkType) {
-                console.warn(`Experience references unresolved entity: ${JSON.stringify(linkOrEntryOrAsset)}`);
+                debug.warn(`[experiences-core::EntityStoreBase] Experience references unresolved entity: ${JSON.stringify(linkOrEntryOrAsset)}`);
                 return;
             }
             entity = resolvedEntity;
@@ -4077,7 +4090,7 @@ class EntityStoreBase {
             entity = linkOrEntryOrAsset;
         }
         else {
-            throw new Error(`Unexpected object when resolving entity: ${JSON.stringify(linkOrEntryOrAsset)}`);
+            throw new Error(`[experiences-core::EntityStoreBase] Unexpected object when resolving entity: ${JSON.stringify(linkOrEntryOrAsset)}`);
         }
         return entity;
     }
@@ -4091,7 +4104,7 @@ class EntityStoreBase {
         const entity = this.getEntity(entityLink.sys.linkType, entityLink.sys.id);
         if (!entity) {
             // TODO: move to `debug` utils once it is extracted
-            console.warn(`Unresolved entity reference: ${entityLink.sys.linkType} with ID ${entityLink.sys.id}`);
+            debug.warn(`Unresolved entity reference: ${entityLink.sys.linkType} with ID ${entityLink.sys.id}`);
             return;
         }
         return get(entity, path);
@@ -4101,7 +4114,7 @@ class EntityStoreBase {
             ? this.entryMap.get(link.sys.id)
             : this.assetMap.get(link.sys.id);
         if (!resolvedEntity || resolvedEntity.sys.type !== link.sys.linkType) {
-            console.warn(`Experience references unresolved entity: ${JSON.stringify(link)}`);
+            debug.warn(`[experiences-core::EntityStoreBase] Experience references unresolved entity: ${JSON.stringify(link)}`);
             return;
         }
         return resolvedEntity;
@@ -4109,7 +4122,7 @@ class EntityStoreBase {
     getAssetById(assetId) {
         const asset = this.assetMap.get(assetId);
         if (!asset) {
-            console.warn(`Asset with ID "${assetId}" is not found in the store`);
+            debug.warn(`[experiences-core::EntityStoreBase] Asset with ID "${assetId}" is not found in the store`);
             return;
         }
         return asset;
@@ -4117,7 +4130,7 @@ class EntityStoreBase {
     getEntryById(entryId) {
         const entry = this.entryMap.get(entryId);
         if (!entry) {
-            console.warn(`Entry with ID "${entryId}" is not found in the store`);
+            debug.warn(`[experiences-core::EntityStoreBase] Entry with ID "${entryId}" is not found in the store`);
             return;
         }
         return entry;
@@ -4156,7 +4169,7 @@ class EntityStoreBase {
         const { resolved, missing } = this.getEntitiesFromMap('Asset', [id]);
         if (missing.length) {
             // TODO: move to `debug` utils once it is extracted
-            console.warn(`Asset "${id}" is not in the store`);
+            debug.warn(`[experiences-core::EntityStoreBase] Asset "${id}" is not in the store`);
             return;
         }
         return resolved[0];
@@ -4172,7 +4185,7 @@ class EntityStoreBase {
         const { resolved, missing } = this.getEntitiesFromMap('Entry', [id]);
         if (missing.length) {
             // TODO: move to `debug` utils once it is extracted
-            console.warn(`Entry "${id}" is not in the store`);
+            debug.warn(`[experiences-core::EntityStoreBase] Entry "${id}" is not in the store`);
             return;
         }
         return resolved[0];
@@ -4248,8 +4261,9 @@ class EntityStoreBase {
         // in case we can't follow till the end, we should signal that there was null-reference in the path
         const { resolvedFieldset, isFullyResolved, reason } = resolveFieldset(unresolvedFieldset, headEntity);
         if (!isFullyResolved) {
-            reason &&
-                console.debug(`[exp-builder.sdk::EntityStoreBased::getValueDeep()] Deep path wasn't resolved till leaf node, falling back to undefined, because: ${reason}`);
+            if (reason) {
+                debug.log(`[experiences-core::EntityStoreBase] Deep path wasn't resolved till leaf node, falling back to undefined, because: ${reason}`);
+            }
             return;
         }
         const [leafEntity] = resolvedFieldset[resolvedFieldset.length - 1];
@@ -4447,8 +4461,7 @@ function useEditorSubscriber(inMemoryEntitiesStore) {
             }
         }
         catch (error) {
-            console.error('[experiences-sdk-react] Failed fetching entities');
-            console.error(error);
+            debug$1.error('[experiences-visual-editor-react::useEditorSubscriber] Failed fetching entities', { error });
             throw error; // TODO: The original catch didn't let's rethrow; for the moment throw to see if we have any errors
         }
         finally {
@@ -4464,12 +4477,12 @@ function useEditorSubscriber(inMemoryEntitiesStore) {
                     reloadApp();
                 }
                 else {
-                    console.warn(`[experiences-sdk-react::onMessage] Ignoring alien incoming message from origin [${event.origin}], due to: [${reason}]`, event);
+                    debug$1.warn(`[experiences-visual-editor-react::onMessage] Ignoring alien incoming message from origin [${event.origin}], due to: [${reason}]`, event);
                 }
                 return;
             }
             const eventData = tryParseMessage(event);
-            console.debug(`[experiences-sdk-react::onMessage] Received message [${eventData.eventType}]`, eventData);
+            debug$1.debug(`[experiences-visual-editor-react::onMessage] Received message [${eventData.eventType}]`, eventData);
             if (eventData.eventType === PostMessageMethods$2.REQUESTED_ENTITIES) {
                 // Expected message: This message is handled in the EntityStore to store fetched entities
                 return;
@@ -4567,7 +4580,7 @@ function useEditorSubscriber(inMemoryEntitiesStore) {
                     const knownEvents = Object.values(INCOMING_EVENTS);
                     const isDeprecatedMessage = knownEvents.includes(eventData.eventType);
                     if (!isDeprecatedMessage) {
-                        console.error(`[experiences-sdk-react::onMessage] Logic error, unsupported eventType: [${eventData.eventType}]`);
+                        debug$1.error(`[experiences-visual-editor-react::onMessage] Logic error, unsupported eventType: [${eventData.eventType}]`);
                     }
                 }
             }
@@ -4667,7 +4680,7 @@ const useComponentRegistration = (node) => {
             });
         }
         if (!registration) {
-            console.warn(`Component registration not found for component with id: "${node.data.blockId}". The registered component might have been removed from the code. To proceed, remove the component manually from the layers tab.`);
+            debug$1.warn(`[experiences-visual-editor-react::useComponentRegistration] Component registration not found for component with id: "${node.data.blockId}". The registered component might have been removed from the code. To proceed, remove the component manually from the layers tab.`);
             return undefined;
         }
         return registration;
@@ -5042,7 +5055,7 @@ function waitForImageToBeLoaded(imageNode) {
             imageNode.removeEventListener('load', handleImageLoad);
             imageNode.removeEventListener('error', handleImageLoad);
             if (event.type === 'error') {
-                console.warn('Image failed to load:', imageNode);
+                debug$1.warn('[experiences-visual-editor-react::canvasGeometry] Image failed to load:', imageNode);
                 reject();
             }
             else {