@elementor/editor-components 3.33.0-290 → 3.33.0-292

package/dist/index.js

@@ -44,7 +44,7 @@ var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 var import_store20 = require("@elementor/store");
 var import_i18n8 = require("@wordpress/i18n");
 
-// src/component-id-transformer.ts
+// src/component-instance-transformer.ts
 var import_editor_canvas = require("@elementor/editor-canvas");
 var import_store3 = require("@elementor/store");
 
@@ -198,9 +198,9 @@ function getDocumentsManager() {
   return documentManager;
 }
 
-// src/component-id-transformer.ts
-var componentIdTransformer = (0, import_editor_canvas.createTransformer)(
-  async (id) => {
+// src/component-instance-transformer.ts
+var componentInstanceTransformer = (0, import_editor_canvas.createTransformer)(
+  async ({ component_id: id }) => {
     const unpublishedComponents = selectUnpublishedComponents((0, import_store3.__getState)());
     const unpublishedComponent = unpublishedComponents.find(({ uid }) => uid === id);
     if (unpublishedComponent) {
@@ -291,13 +291,15 @@ var import_ui2 = require("@elementor/ui");
 var import_store7 = require("@elementor/store");
 
 // src/utils/get-component-ids.ts
-var import_editor_props = require("@elementor/editor-props");
 var getComponentIds = (elements) => {
   const result = elements.flatMap((element) => {
     const ids = [];
     const type = element.widgetType || element.elType;
-    if (type === "e-component" && element.settings?.component && (0, import_editor_props.isTransformable)(element.settings?.component)) {
-      ids.push(element.settings.component.value);
+    if (type === "e-component") {
+      const componentId = element.settings?.component_instance?.value?.component_id;
+      if (Boolean(componentId)) {
+        ids.push(componentId);
+      }
     }
     if (element.elements) {
       ids.push(...getComponentIds(element.elements));
@@ -390,9 +392,11 @@ var createComponentModel = (component) => {
     elType: "widget",
     widgetType: "e-component",
     settings: {
-      component: {
-        $$type: "component-id",
-        value: component.id ?? component.uid
+      component_instance: {
+        $$type: "component-instance",
+        value: {
+          component_id: component.id ?? component.uid
+        }
       }
     },
     editor_settings: {
@@ -1217,13 +1221,15 @@ function createComponentView(options) {
     eventsManagerConfig = this.legacyWindow.elementorCommon.eventsManager.config;
     isComponentCurrentlyEdited() {
       const currentDocument = (0, import_editor_documents2.getCurrentDocument)();
-      return currentDocument?.id === this.getComponentId()?.value;
+      return currentDocument?.id === this.getComponentId();
     }
     afterSettingsResolve(settings) {
-      if (settings.component) {
-        this.collection = this.legacyWindow.elementor.createBackboneElementsCollection(settings.component);
+      if (settings.component_instance) {
+        this.collection = this.legacyWindow.elementor.createBackboneElementsCollection(
+          settings.component_instance
+        );
         this.collection.models.forEach(setInactiveRecursively);
-        settings.component = "<template data-children-placeholder></template>";
+        settings.component_instance = "<template data-children-placeholder></template>";
       }
       return settings;
     }
@@ -1239,11 +1245,12 @@ function createComponentView(options) {
       childrenPlaceholder.replaceWith(buffer);
     }
     getComponentId() {
-      return this.options?.model?.get("settings")?.get("component");
+      const componentInstance = this.options?.model?.get("settings")?.get("component_instance")?.value;
+      return componentInstance.component_id;
     }
     getContextMenuGroups() {
       const filteredGroups = super.getContextMenuGroups().filter((group) => group.name !== "save");
-      const componentId = this.getComponentId()?.value;
+      const componentId = this.getComponentId();
       if (!componentId) {
         return filteredGroups;
       }
@@ -1265,13 +1272,13 @@ function createComponentView(options) {
     }
     async switchDocument() {
       const { isAllowedToSwitchDocument, lockedBy } = await apiClient.getComponentLockStatus(
-        this.getComponentId()?.value
+        this.getComponentId()
       );
       if (!isAllowedToSwitchDocument) {
         options.showLockedByModal?.(lockedBy || "");
       } else {
         (0, import_editor_v1_adapters5.__privateRunCommand)("editor/documents/switch", {
-          id: this.getComponentId()?.value,
+          id: this.getComponentId(),
           mode: "autosave",
           selector: `[data-id="${this.model.get("id")}"]`,
           shouldScroll: false
@@ -1311,7 +1318,7 @@ function createComponentView(options) {
     attributes() {
       return {
         ...super.attributes(),
-        "data-elementor-id": this.getComponentId().value
+        "data-elementor-id": this.getComponentId()
       };
     }
   };
@@ -1425,7 +1432,7 @@ function updateComponentInstances(elements, uidToComponentId) {
 }
 function shouldUpdateElement(element, uidToComponentId) {
   if (element.widgetType === "e-component") {
-    const currentComponentId = element.settings?.component?.value;
+    const currentComponentId = element.settings?.component_instance?.value?.component_id;
     if (currentComponentId && uidToComponentId.has(currentComponentId)) {
       return { shouldUpdate: true, newComponentId: uidToComponentId.get(currentComponentId) };
     }
@@ -1436,9 +1443,9 @@ function updateElementComponentId(elementId, componentId) {
   (0, import_editor_elements5.updateElementSettings)({
     id: elementId,
     props: {
-      component: {
-        $$type: "component-id",
-        value: componentId
+      component_instance: {
+        $$type: "component-instance",
+        value: { component_id: componentId }
       }
     },
     withHistory: false
@@ -1516,7 +1523,7 @@ function init() {
     }
     loadComponentsStyles(config?.elements ?? []);
   });
-  import_editor_canvas5.settingsTransformersRegistry.register("component-id", componentIdTransformer);
+  import_editor_canvas5.settingsTransformersRegistry.register("component-instance", componentInstanceTransformer);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {