@elementor/editor-components 3.35.0-460 → 3.35.0-461

package/dist/index.mjs

@@ -15,7 +15,7 @@ import {
 import { injectTab } from "@elementor/editor-elements-panel";
 import { __registerPanel as registerPanel } from "@elementor/editor-panels";
 import { stylesRepository } from "@elementor/editor-styles-repository";
-import { registerDataHook as registerDataHook3 } from "@elementor/editor-v1-adapters";
+import { registerDataHook as registerDataHook4 } from "@elementor/editor-v1-adapters";
 import { __registerSlice as registerSlice } from "@elementor/store";
 import { __ as __30 } from "@wordpress/i18n";
 
@@ -4295,150 +4295,16 @@ function isPropAllowed(propType) {
   return propType.meta.overridable !== false;
 }
 
-// src/hooks/cleanup-overridable-props-on-delete.ts
-import { getAllDescendants as getAllDescendants3 } from "@elementor/editor-elements";
-import { registerDataHook } from "@elementor/editor-v1-adapters";
-import { __dispatch as dispatch15, __getState as getState19 } from "@elementor/store";
-function initCleanupOverridablePropsOnDelete() {
-  registerDataHook("dependency", "document/elements/delete", (args) => {
-    const state = getState19();
-    if (!state) {
-      return true;
-    }
-    const currentComponentId = selectCurrentComponentId(state);
-    if (!currentComponentId) {
-      return true;
-    }
-    const overridableProps = selectOverridableProps(state, currentComponentId);
-    if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
-      return true;
-    }
-    const containers = args.containers ?? (args.container ? [args.container] : []);
-    if (containers.length === 0) {
-      return true;
-    }
-    const deletedElementIds = collectDeletedElementIds(containers);
-    if (deletedElementIds.length === 0) {
-      return true;
-    }
-    const propKeysToDelete = Object.entries(overridableProps.props).filter(([, prop]) => deletedElementIds.includes(prop.elementId)).map(([propKey]) => propKey);
-    if (propKeysToDelete.length === 0) {
-      return true;
-    }
-    const remainingProps = Object.fromEntries(
-      Object.entries(overridableProps.props).filter(([propKey]) => !propKeysToDelete.includes(propKey))
-    );
-    let updatedGroups = overridableProps.groups;
-    for (const propKey of propKeysToDelete) {
-      updatedGroups = removePropFromAllGroups(updatedGroups, propKey);
-    }
-    dispatch15(
-      slice.actions.setOverridableProps({
-        componentId: currentComponentId,
-        overridableProps: {
-          ...overridableProps,
-          props: remainingProps,
-          groups: updatedGroups
-        }
-      })
-    );
-    return true;
-  });
-}
-function collectDeletedElementIds(containers) {
-  const elementIds = containers.filter(Boolean).flatMap((container) => [container, ...getAllDescendants3(container)]).map((element) => element.model?.get?.("id") ?? element.id).filter((id2) => Boolean(id2));
-  return elementIds;
-}
-
-// src/hooks/regenerate-override-keys.ts
-import { getAllDescendants as getAllDescendants4, getContainer as getContainer4, updateElementSettings as updateElementSettings2 } from "@elementor/editor-elements";
-import { registerDataHook as registerDataHook2 } from "@elementor/editor-v1-adapters";
-import { generateUniqueId as generateUniqueId5 } from "@elementor/utils";
-function initRegenerateOverrideKeys() {
-  registerDataHook2("after", "document/elements/duplicate", (_args, result) => {
-    regenerateOverrideKeysForContainers(result);
-  });
-  registerDataHook2("after", "document/elements/paste", (_args, result) => {
-    regenerateOverrideKeysForContainers(result);
-  });
-  registerDataHook2("after", "document/elements/import", (_args, result) => {
-    regenerateOverrideKeysForContainers(result);
-  });
-}
-function regenerateOverrideKeysForContainers(result) {
-  const containers = Array.isArray(result) ? result : [result];
-  containers.forEach((container) => {
-    regenerateOverrideKeysRecursive(container.id);
-  });
-}
-function regenerateOverrideKeysRecursive(elementId) {
-  const container = getContainer4(elementId);
-  if (!container) {
-    return;
-  }
-  getAllDescendants4(container).forEach(regenerateOverrideKeys);
-}
-function regenerateOverrideKeys(element) {
-  if (!isComponentInstance(element.model.toJSON())) {
-    return;
-  }
-  const settings = element.settings?.toJSON() ?? {};
-  if (!hasOverrides(settings)) {
-    return;
-  }
-  const componentInstance = settings.component_instance;
-  const overrides = componentInstance.value.overrides;
-  const newOverrides = overrides.value.map((override) => {
-    if (!componentInstanceOverridePropTypeUtil.isValid(override)) {
-      return override;
-    }
-    return {
-      ...override,
-      value: {
-        ...override.value,
-        override_key: generateUniqueId5("prop")
-      }
-    };
-  });
-  const newComponentInstance = {
-    ...componentInstance,
-    value: {
-      ...componentInstance.value,
-      overrides: {
-        ...overrides,
-        value: newOverrides
-      }
-    }
-  };
-  updateElementSettings2({
-    id: element.id,
-    props: { component_instance: newComponentInstance },
-    withHistory: false
-  });
-}
-function hasOverrides(settings) {
-  if (!componentInstancePropTypeUtil.isValid(settings?.component_instance)) {
-    return false;
-  }
-  const componentInstance = componentInstancePropTypeUtil.extract(settings?.component_instance);
-  const overrides = componentInstance?.overrides;
-  if (!componentInstanceOverridesPropTypeUtil.isValid(overrides)) {
-    return false;
-  }
-  const overridesValue = overrides?.value;
-  return !!overridesValue?.length;
-}
-
 // src/mcp/index.ts
 import { getMCPByDomain as getMCPByDomain2 } from "@elementor/editor-mcp";
 
 // src/mcp/save-as-component-tool.ts
 import { DOCUMENT_STRUCTURE_URI, WIDGET_SCHEMA_URI } from "@elementor/editor-canvas";
-import { getContainer as getContainer5, getElementType as getElementType4, getWidgetsCache as getWidgetsCache4 } from "@elementor/editor-elements";
+import { getContainer as getContainer4, getElementType as getElementType4, getWidgetsCache as getWidgetsCache4 } from "@elementor/editor-elements";
 import { getMCPByDomain, toolPrompts } from "@elementor/editor-mcp";
 import { AxiosError } from "@elementor/http-client";
 import { z as z6 } from "@elementor/schema";
-import { generateUniqueId as generateUniqueId6 } from "@elementor/utils";
+import { generateUniqueId as generateUniqueId5 } from "@elementor/utils";
 var InputSchema = {
   element_id: z6.string().describe(
     'The unique identifier of the element to save as a component. Use the "list-elements" tool to find available element IDs in the current document.'
@@ -4472,7 +4338,7 @@ var ERROR_MESSAGES3 = {
 var handleSaveAsComponent = async (params) => {
   const { element_id: elementId, component_name: componentName, overridable_props: overridablePropsInput } = params;
   const validElementTypes = getValidElementTypes();
-  const container = getContainer5(elementId);
+  const container = getContainer4(elementId);
   if (!container) {
     throw new Error(ERROR_MESSAGES3.ELEMENT_NOT_FOUND);
   }
@@ -4488,7 +4354,7 @@ var handleSaveAsComponent = async (params) => {
   if (overridableProps) {
     updateElementDataWithOverridableProps(element, overridableProps);
   }
-  const uid = generateUniqueId6("component");
+  const uid = generateUniqueId5("component");
   try {
     await apiClient.validate({
       items: [
@@ -4510,7 +4376,7 @@ var handleSaveAsComponent = async (params) => {
 };
 function enrichOverridableProps(input, rootElement) {
   const enrichedProps = {};
-  const defaultGroupId = generateUniqueId6("group");
+  const defaultGroupId = generateUniqueId5("group");
   Object.entries(input.props).forEach(([, prop]) => {
     const { elementId, propKey, label } = prop;
     const element = findElementById(rootElement, elementId);
@@ -4531,7 +4397,7 @@ function enrichOverridableProps(input, rootElement) {
         `Property "${propKey}" does not exist in element "${elementId}" (type: ${widgetType}). Available properties: ${availableProps}`
       );
     }
-    const overrideKey = generateUniqueId6("prop");
+    const overrideKey = generateUniqueId5("prop");
     const originValue = element.settings?.[propKey] ? element.settings[propKey] : elementType.propsSchema[propKey].default ?? null;
     enrichedProps[overrideKey] = {
       overrideKey,
@@ -4766,19 +4632,19 @@ function initMcp() {
 
 // src/populate-store.ts
 import { useEffect as useEffect6 } from "react";
-import { __dispatch as dispatch16 } from "@elementor/store";
+import { __dispatch as dispatch15 } from "@elementor/store";
 function PopulateStore() {
   useEffect6(() => {
-    dispatch16(loadComponents());
+    dispatch15(loadComponents());
   }, []);
   return null;
 }
 
 // src/prevent-circular-nesting.ts
-import { getAllDescendants as getAllDescendants5 } from "@elementor/editor-elements";
+import { getAllDescendants as getAllDescendants3 } from "@elementor/editor-elements";
 import { notify as notify4 } from "@elementor/editor-notifications";
 import { blockCommand as blockCommand2 } from "@elementor/editor-v1-adapters";
-import { __getState as getState20 } from "@elementor/store";
+import { __getState as getState19 } from "@elementor/store";
 import { __ as __29 } from "@wordpress/i18n";
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
@@ -4804,7 +4670,7 @@ function wouldCreateCircularNesting(componentIdToAdd) {
   if (componentIdToAdd === void 0) {
     return false;
   }
-  const state = getState20();
+  const state = getState19();
   const currentComponentId = selectCurrentComponentId(state);
   const path = selectPath(state);
   if (currentComponentId === null) {
@@ -4870,7 +4736,7 @@ function blockCircularMove(args) {
     if (!container) {
       return false;
     }
-    const allElements = getAllDescendants5(container);
+    const allElements = getAllDescendants3(container);
     return allElements.some((element) => {
       const componentId = extractComponentIdFromContainer(element);
       if (componentId === null) {
@@ -4902,15 +4768,15 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-import { __dispatch as dispatch17 } from "@elementor/store";
+import { __dispatch as dispatch16 } from "@elementor/store";
 function removeComponentStyles(id2) {
   apiClient.invalidateComponentConfigCache(id2);
-  dispatch17(slice.actions.removeStyles({ id: id2 }));
+  dispatch16(slice.actions.removeStyles({ id: id2 }));
 }
 
 // src/store/components-styles-provider.ts
 import { createStylesProvider } from "@elementor/editor-styles-repository";
-import { __getState as getState21, __subscribeWithSelector as subscribeWithSelector } from "@elementor/store";
+import { __getState as getState20, __subscribeWithSelector as subscribeWithSelector } from "@elementor/store";
 var componentsStylesProvider = createStylesProvider({
   key: "components-styles",
   priority: 100,
@@ -4922,29 +4788,29 @@ var componentsStylesProvider = createStylesProvider({
   ),
   actions: {
     all: () => {
-      return selectFlatStyles(getState21());
+      return selectFlatStyles(getState20());
     },
     get: (id2) => {
-      return selectFlatStyles(getState21()).find((style) => style.id === id2) ?? null;
+      return selectFlatStyles(getState20()).find((style) => style.id === id2) ?? null;
     }
   }
 });
 
 // src/sync/create-components-before-save.ts
-import { updateElementSettings as updateElementSettings3 } from "@elementor/editor-elements";
-import { __dispatch as dispatch18, __getState as getState22 } from "@elementor/store";
+import { updateElementSettings as updateElementSettings2 } from "@elementor/editor-elements";
+import { __dispatch as dispatch17, __getState as getState21 } from "@elementor/store";
 async function createComponentsBeforeSave({
   elements,
   status
 }) {
-  const unpublishedComponents = selectUnpublishedComponents(getState22());
+  const unpublishedComponents = selectUnpublishedComponents(getState21());
   if (!unpublishedComponents.length) {
     return;
   }
   try {
     const uidToComponentId = await createComponents(unpublishedComponents, status);
     updateComponentInstances(elements, uidToComponentId);
-    dispatch18(
+    dispatch17(
       slice.actions.add(
         unpublishedComponents.map((component) => ({
           id: uidToComponentId.get(component.uid),
@@ -4954,7 +4820,7 @@ async function createComponentsBeforeSave({
         }))
       )
     );
-    dispatch18(slice.actions.resetUnpublished());
+    dispatch17(slice.actions.resetUnpublished());
   } catch (error) {
     throw new Error(`Failed to publish components and update component instances: ${error}`);
   }
@@ -4999,7 +4865,7 @@ function shouldUpdateElement(element, uidToComponentId) {
   return { shouldUpdate: false, newComponentId: null };
 }
 function updateElementComponentId(elementId, componentId) {
-  updateElementSettings3({
+  updateElementSettings2({
     id: elementId,
     props: {
       component_instance: {
@@ -5014,7 +4880,7 @@ function updateElementComponentId(elementId, componentId) {
 }
 
 // src/sync/set-component-overridable-props-settings-before-save.ts
-import { __getState as getState23 } from "@elementor/store";
+import { __getState as getState22 } from "@elementor/store";
 var setComponentOverridablePropsSettingsBeforeSave = ({
   container
 }) => {
@@ -5022,7 +4888,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
   if (!currentDocument || currentDocument.config.type !== COMPONENT_DOCUMENT_TYPE) {
     return;
   }
-  const overridableProps = selectOverridableProps(getState23(), currentDocument.id);
+  const overridableProps = selectOverridableProps(getState22(), currentDocument.id);
   if (overridableProps) {
     container.settings.set("overridable_props", overridableProps);
   }
@@ -5030,7 +4896,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
 
 // src/sync/update-archived-component-before-save.ts
 import { notify as notify5 } from "@elementor/editor-notifications";
-import { __getState as getState24 } from "@elementor/store";
+import { __getState as getState23 } from "@elementor/store";
 var failedNotification = (message) => ({
   type: "error",
   message: `Failed to archive components: ${message}`,
@@ -5038,7 +4904,7 @@ var failedNotification = (message) => ({
 });
 var updateArchivedComponentBeforeSave = async () => {
   try {
-    const archivedComponents = selectArchivedThisSession(getState24());
+    const archivedComponents = selectArchivedThisSession(getState23());
     if (!archivedComponents.length) {
       return;
     }
@@ -5053,15 +4919,15 @@ var updateArchivedComponentBeforeSave = async () => {
 };
 
 // src/sync/update-component-title-before-save.ts
-import { __dispatch as dispatch19, __getState as getState25 } from "@elementor/store";
+import { __dispatch as dispatch18, __getState as getState24 } from "@elementor/store";
 var updateComponentTitleBeforeSave = async () => {
-  const updatedComponentNames = selectUpdatedComponentNames(getState25());
+  const updatedComponentNames = selectUpdatedComponentNames(getState24());
   if (!updatedComponentNames.length) {
     return;
   }
   const result = await apiClient.updateComponentTitle(updatedComponentNames);
   if (result.failedIds.length === 0) {
-    dispatch19(slice.actions.cleanUpdatedComponentNames());
+    dispatch18(slice.actions.cleanUpdatedComponentNames());
   }
 };
 
@@ -5093,6 +4959,155 @@ var beforeSave = ({ container, status }) => {
   ]);
 };
 
+// src/sync/cleanup-overridable-props-on-delete.ts
+import { getAllDescendants as getAllDescendants4 } from "@elementor/editor-elements";
+import { registerDataHook } from "@elementor/editor-v1-adapters";
+import { __dispatch as dispatch19, __getState as getState25 } from "@elementor/store";
+function initCleanupOverridablePropsOnDelete() {
+  registerDataHook("dependency", "document/elements/delete", (args) => {
+    const state = getState25();
+    if (!state) {
+      return true;
+    }
+    const currentComponentId = selectCurrentComponentId(state);
+    if (!currentComponentId) {
+      return true;
+    }
+    const overridableProps = selectOverridableProps(state, currentComponentId);
+    if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
+      return true;
+    }
+    const containers = args.containers ?? (args.container ? [args.container] : []);
+    if (containers.length === 0) {
+      return true;
+    }
+    const deletedElementIds = collectDeletedElementIds(containers);
+    if (deletedElementIds.length === 0) {
+      return true;
+    }
+    const propKeysToDelete = Object.entries(overridableProps.props).filter(([, prop]) => deletedElementIds.includes(prop.elementId)).map(([propKey]) => propKey);
+    if (propKeysToDelete.length === 0) {
+      return true;
+    }
+    const remainingProps = Object.fromEntries(
+      Object.entries(overridableProps.props).filter(([propKey]) => !propKeysToDelete.includes(propKey))
+    );
+    let updatedGroups = overridableProps.groups;
+    for (const propKey of propKeysToDelete) {
+      updatedGroups = removePropFromAllGroups(updatedGroups, propKey);
+    }
+    dispatch19(
+      slice.actions.setOverridableProps({
+        componentId: currentComponentId,
+        overridableProps: {
+          ...overridableProps,
+          props: remainingProps,
+          groups: updatedGroups
+        }
+      })
+    );
+    return true;
+  });
+}
+function collectDeletedElementIds(containers) {
+  const elementIds = containers.filter(Boolean).flatMap((container) => [container, ...getAllDescendants4(container)]).map((element) => element.model?.get?.("id") ?? element.id).filter((id2) => Boolean(id2));
+  return elementIds;
+}
+
+// src/sync/load-component-data-after-instance-added.ts
+import { registerDataHook as registerDataHook2 } from "@elementor/editor-v1-adapters";
+function initLoadComponentDataAfterInstanceAdded() {
+  registerDataHook2("after", "document/elements/paste", (_args, result) => {
+    load(result);
+  });
+  registerDataHook2("after", "document/elements/import", (_args, result) => {
+    load(result);
+  });
+}
+function load(result) {
+  const containers = Array.isArray(result) ? result : [result];
+  loadComponentsAssets(containers.map((container) => container.model.toJSON()));
+}
+
+// src/sync/regenerate-override-keys.ts
+import { getAllDescendants as getAllDescendants5, getContainer as getContainer5, updateElementSettings as updateElementSettings3 } from "@elementor/editor-elements";
+import { registerDataHook as registerDataHook3 } from "@elementor/editor-v1-adapters";
+import { generateUniqueId as generateUniqueId6 } from "@elementor/utils";
+function initRegenerateOverrideKeys() {
+  registerDataHook3("after", "document/elements/duplicate", (_args, result) => {
+    regenerateOverrideKeysForContainers(result);
+  });
+  registerDataHook3("after", "document/elements/paste", (_args, result) => {
+    regenerateOverrideKeysForContainers(result);
+  });
+  registerDataHook3("after", "document/elements/import", (_args, result) => {
+    regenerateOverrideKeysForContainers(result);
+  });
+}
+function regenerateOverrideKeysForContainers(result) {
+  const containers = Array.isArray(result) ? result : [result];
+  containers.forEach((container) => {
+    regenerateOverrideKeysRecursive(container.id);
+  });
+}
+function regenerateOverrideKeysRecursive(elementId) {
+  const container = getContainer5(elementId);
+  if (!container) {
+    return;
+  }
+  getAllDescendants5(container).forEach(regenerateOverrideKeys);
+}
+function regenerateOverrideKeys(element) {
+  if (!isComponentInstance(element.model.toJSON())) {
+    return;
+  }
+  const settings = element.settings?.toJSON() ?? {};
+  if (!hasOverrides(settings)) {
+    return;
+  }
+  const componentInstance = settings.component_instance;
+  const overrides = componentInstance.value.overrides;
+  const newOverrides = overrides.value.map((override) => {
+    if (!componentInstanceOverridePropTypeUtil.isValid(override)) {
+      return override;
+    }
+    return {
+      ...override,
+      value: {
+        ...override.value,
+        override_key: generateUniqueId6("prop")
+      }
+    };
+  });
+  const newComponentInstance = {
+    ...componentInstance,
+    value: {
+      ...componentInstance.value,
+      overrides: {
+        ...overrides,
+        value: newOverrides
+      }
+    }
+  };
+  updateElementSettings3({
+    id: element.id,
+    props: { component_instance: newComponentInstance },
+    withHistory: false
+  });
+}
+function hasOverrides(settings) {
+  if (!componentInstancePropTypeUtil.isValid(settings?.component_instance)) {
+    return false;
+  }
+  const componentInstance = componentInstancePropTypeUtil.extract(settings?.component_instance);
+  const overrides = componentInstance?.overrides;
+  if (!componentInstanceOverridesPropTypeUtil.isValid(overrides)) {
+    return false;
+  }
+  const overridesValue = overrides?.value;
+  return !!overridesValue?.length;
+}
+
 // src/init.ts
 function init() {
   stylesRepository.register(componentsStylesProvider);
@@ -5102,14 +5117,14 @@ function init() {
     COMPONENT_WIDGET_TYPE,
     (options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })
   );
-  registerDataHook3("dependency", "editor/documents/close", (args) => {
+  registerDataHook4("dependency", "editor/documents/close", (args) => {
     const document = getV1CurrentDocument();
     if (document.config.type === COMPONENT_DOCUMENT_TYPE) {
       args.mode = "autosave";
     }
     return true;
   });
-  registerDataHook3("after", "preview/drop", onElementDrop);
+  registerDataHook4("after", "preview/drop", onElementDrop);
   window.elementorCommon.__beforeSave = beforeSave;
   injectTab({
     id: "components",
@@ -5133,7 +5148,7 @@ function init() {
     id: "component-panel-header",
     component: ComponentPanelHeader
   });
-  registerDataHook3("after", "editor/documents/attach-preview", async () => {
+  registerDataHook4("after", "editor/documents/attach-preview", async () => {
     const { id: id2, config } = getV1CurrentDocument();
     if (id2) {
       removeComponentStyles(id2);
@@ -5164,6 +5179,7 @@ function init() {
   initMcp();
   initCircularNestingPrevention();
   initNonAtomicNestingPrevention();
+  initLoadComponentDataAfterInstanceAdded();
 }
 export {
   init