@elementor/editor-components 4.0.0-591 → 4.0.0-598

package/dist/index.mjs

@@ -1016,7 +1016,7 @@ function findComponentInstancesByUid(documentContainer, componentUid) {
 // src/utils/component-name-validation.ts
 import { __getState as getState6 } from "@elementor/store";
 
-// src/extended/components/create-component-form/utils/component-form-schema.ts
+// src/utils/component-form-schema.ts
 import { z } from "@elementor/schema";
 import { __ as __4 } from "@wordpress/i18n";
 var MIN_NAME_LENGTH = 2;
@@ -3765,12 +3765,96 @@ import { __getState as getState17 } from "@elementor/store";
 import { Button as Button5, FormLabel as FormLabel2, Grid as Grid2, Popover as Popover3, Stack as Stack16, TextField as TextField3, Typography as Typography12 } from "@elementor/ui";
 import { __ as __26 } from "@wordpress/i18n";
 
-// src/extended/prevent-non-atomic-nesting.ts
+// src/extended/store/actions/create-unpublished-component.ts
+import { createElements, deleteElement, getContainer as getContainer4 } from "@elementor/editor-elements";
+import { __privateRunCommand as runCommand2 } from "@elementor/editor-v1-adapters";
+import { __dispatch as dispatch14 } from "@elementor/store";
+import { generateUniqueId as generateUniqueId3 } from "@elementor/utils";
+import { __ as __24 } from "@wordpress/i18n";
+
+// src/extended/utils/replace-element-with-component.ts
+import { replaceElement } from "@elementor/editor-elements";
+var replaceElementWithComponent = async (element, component) => {
+  return await replaceElement({
+    currentElement: element,
+    newElement: createComponentModel2(component),
+    withHistory: false
+  });
+};
+
+// src/extended/store/actions/create-unpublished-component.ts
+async function createUnpublishedComponent({
+  name,
+  element,
+  eventData,
+  uid,
+  overridableProps,
+  source
+}) {
+  const generatedUid = uid ?? generateUniqueId3("component");
+  const componentBase = { uid: generatedUid, name };
+  const elementDataWithOverridablesReverted = revertAllOverridablesInElementData(element);
+  const container = getContainer4(element.id);
+  const modelFromContainer = container?.model?.toJSON?.();
+  const originalElement = {
+    model: modelFromContainer ?? element,
+    parentId: container?.parent?.id ?? "",
+    index: container?.view?._index ?? 0
+  };
+  dispatch14(
+    slice.actions.addUnpublished({
+      ...componentBase,
+      elements: [elementDataWithOverridablesReverted],
+      overridableProps
+    })
+  );
+  dispatch14(slice.actions.addCreatedThisSession(generatedUid));
+  const componentInstance = await replaceElementWithComponent(element, componentBase);
+  trackComponentEvent({
+    action: "created",
+    source,
+    component_uid: generatedUid,
+    component_name: name,
+    ...eventData
+  });
+  try {
+    await runCommand2("document/save/auto");
+  } catch (error) {
+    restoreOriginalElement(originalElement, componentInstance.id);
+    dispatch14(slice.actions.removeUnpublished(generatedUid));
+    dispatch14(slice.actions.removeCreatedThisSession(generatedUid));
+    throw error;
+  }
+  return { uid: generatedUid, instanceId: componentInstance.id };
+}
+function restoreOriginalElement(originalElement, componentInstanceId) {
+  const componentContainer = getContainer4(componentInstanceId);
+  if (componentContainer) {
+    deleteElement({ container: componentContainer, options: { useHistory: false } });
+  }
+  const parentContainer = getContainer4(originalElement.parentId);
+  if (!parentContainer) {
+    return;
+  }
+  const clonedModel = structuredClone(originalElement.model);
+  createElements({
+    title: __24("Restore Element", "elementor"),
+    elements: [
+      {
+        container: parentContainer,
+        model: clonedModel,
+        options: { at: originalElement.index }
+      }
+    ]
+  });
+}
+
+// src/extended/sync/prevent-non-atomic-nesting.ts
 import { isAtomicWidget } from "@elementor/editor-canvas";
 import { getAllDescendants as getAllDescendants3, getElementType as getElementType3 } from "@elementor/editor-elements";
 import { notify as notify2 } from "@elementor/editor-notifications";
 import { blockCommand } from "@elementor/editor-v1-adapters";
-import { __ as __24 } from "@wordpress/i18n";
+import { __ as __25 } from "@wordpress/i18n";
 
 // src/extended/utils/is-editing-component.ts
 import { __getStore as getStore } from "@elementor/store";
@@ -3782,10 +3866,10 @@ function isEditingComponent() {
   return selectCurrentComponentId(state) !== null;
 }
 
-// src/extended/prevent-non-atomic-nesting.ts
+// src/extended/sync/prevent-non-atomic-nesting.ts
 var NON_ATOMIC_ELEMENT_ALERT = {
   type: "default",
-  message: __24("This widget isn't compatible with components. Use atomic elements instead.", "elementor"),
+  message: __25("This widget isn't compatible with components. Use atomic elements instead.", "elementor"),
   id: "non-atomic-element-blocked"
 };
 function initNonAtomicNestingPrevention() {
@@ -3883,90 +3967,6 @@ function findNonAtomicElementsInElement(element) {
   return [...new Set(nonAtomicElements)];
 }
 
-// src/extended/store/actions/create-unpublished-component.ts
-import { createElements, deleteElement, getContainer as getContainer4 } from "@elementor/editor-elements";
-import { __privateRunCommand as runCommand2 } from "@elementor/editor-v1-adapters";
-import { __dispatch as dispatch14 } from "@elementor/store";
-import { generateUniqueId as generateUniqueId3 } from "@elementor/utils";
-import { __ as __25 } from "@wordpress/i18n";
-
-// src/extended/utils/replace-element-with-component.ts
-import { replaceElement } from "@elementor/editor-elements";
-var replaceElementWithComponent = async (element, component) => {
-  return await replaceElement({
-    currentElement: element,
-    newElement: createComponentModel2(component),
-    withHistory: false
-  });
-};
-
-// src/extended/store/actions/create-unpublished-component.ts
-async function createUnpublishedComponent({
-  name,
-  element,
-  eventData,
-  uid,
-  overridableProps,
-  source
-}) {
-  const generatedUid = uid ?? generateUniqueId3("component");
-  const componentBase = { uid: generatedUid, name };
-  const elementDataWithOverridablesReverted = revertAllOverridablesInElementData(element);
-  const container = getContainer4(element.id);
-  const modelFromContainer = container?.model?.toJSON?.();
-  const originalElement = {
-    model: modelFromContainer ?? element,
-    parentId: container?.parent?.id ?? "",
-    index: container?.view?._index ?? 0
-  };
-  dispatch14(
-    slice.actions.addUnpublished({
-      ...componentBase,
-      elements: [elementDataWithOverridablesReverted],
-      overridableProps
-    })
-  );
-  dispatch14(slice.actions.addCreatedThisSession(generatedUid));
-  const componentInstance = await replaceElementWithComponent(element, componentBase);
-  trackComponentEvent({
-    action: "created",
-    source,
-    component_uid: generatedUid,
-    component_name: name,
-    ...eventData
-  });
-  try {
-    await runCommand2("document/save/auto");
-  } catch (error) {
-    restoreOriginalElement(originalElement, componentInstance.id);
-    dispatch14(slice.actions.removeUnpublished(generatedUid));
-    dispatch14(slice.actions.removeCreatedThisSession(generatedUid));
-    throw error;
-  }
-  return { uid: generatedUid, instanceId: componentInstance.id };
-}
-function restoreOriginalElement(originalElement, componentInstanceId) {
-  const componentContainer = getContainer4(componentInstanceId);
-  if (componentContainer) {
-    deleteElement({ container: componentContainer, options: { useHistory: false } });
-  }
-  const parentContainer = getContainer4(originalElement.parentId);
-  if (!parentContainer) {
-    return;
-  }
-  const clonedModel = structuredClone(originalElement.model);
-  createElements({
-    title: __25("Restore Element", "elementor"),
-    elements: [
-      {
-        container: parentContainer,
-        model: clonedModel,
-        options: { at: originalElement.index }
-      }
-    ]
-  });
-}
-
 // src/extended/components/create-component-form/hooks/use-form.ts
 import { useMemo as useMemo2, useState as useState7 } from "react";
 var useForm = (initialValues) => {