@elementor/editor-components 4.2.0-beta1 → 4.3.0-1000

package/dist/index.mjs

@@ -2503,7 +2503,7 @@ async function getComponentDocuments({
 }
 async function getComponentIds(elements, cache, isRecursive) {
   const results = await Promise.all(
-    elements.map(async ({ widgetType, elType, elements: childElements, settings }) => {
+    elements.filter(Boolean).map(async ({ widgetType, elType, elements: childElements, settings }) => {
       const ids = [];
       if (isComponentInstance({ widgetType, elType })) {
         const componentId = settings?.component_instance?.value?.component_id.value;
@@ -2543,17 +2543,20 @@ async function getDocumentsMap(ids, cache) {
 
 // src/store/actions/load-components-overridable-props.ts
 import { __dispatch as dispatch3, __getState as getState6 } from "@elementor/store";
-async function loadComponentsOverridableProps(componentIds) {
-  const unloadedIds = componentIds.filter((id) => !selectIsOverridablePropsLoaded(getState6(), id));
-  if (!unloadedIds.length) {
+async function loadComponentsOverridableProps(componentIds, { force = false } = {}) {
+  const idsToLoad = force ? componentIds : componentIds.filter((id) => !selectIsOverridablePropsLoaded(getState6(), id));
+  if (!idsToLoad.length) {
     return;
   }
-  const { data } = await apiClient.getOverridableProps(unloadedIds);
+  const { data } = await apiClient.getOverridableProps(idsToLoad);
   dispatch3(slice.actions.loadOverridableProps(data));
 }
 
 // src/store/actions/load-components-assets.ts
 async function loadComponentsAssets(elements) {
+  if (!elements.length) {
+    return;
+  }
   const documents = await getComponentDocuments({ elements, isRecursive: false });
   updateDocumentState(documents);
   documents.forEach((document2, id) => {
@@ -2622,6 +2625,7 @@ async function switchToComponent(componentId, componentInstanceId, element) {
     setAsInitial: false,
     shouldScroll: false
   });
+  await loadComponentsOverridableProps([componentId], { force: true });
   const currentDocumentContainer = getCurrentDocumentContainer();
   const topLevelElement = currentDocumentContainer?.children?.[0];
   if (topLevelElement) {
@@ -3211,8 +3215,12 @@ function initLoadComponentDataAfterInstanceAdded() {
   });
 }
 function load(result) {
+  if (!result) {
+    return;
+  }
   const containers = Array.isArray(result) ? result : [result];
-  loadComponentsAssets(containers.map((container) => container.model.toJSON()));
+  const elements = containers.map((container) => container.model?.toJSON()).filter((element) => !!element);
+  loadComponentsAssets(elements);
 }
 
 // src/init.ts