@elementor/editor-components 3.35.0-488 → 3.35.0-490

package/dist/index.js

@@ -44,7 +44,7 @@ var import_editor_panels5 = require("@elementor/editor-panels");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
 var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 var import_store80 = require("@elementor/store");
-var import_i18n30 = require("@wordpress/i18n");
+var import_i18n31 = require("@wordpress/i18n");
 
 // src/component-instance-transformer.ts
 var import_editor_canvas = require("@elementor/editor-canvas");
@@ -146,6 +146,12 @@ var slice = (0, import_store2.__createSlice)({
     addUnpublished: (state, { payload }) => {
       state.unpublishedData.unshift(payload);
     },
+    removeUnpublished: (state, { payload }) => {
+      const uidsToRemove = Array.isArray(payload) ? payload : [payload];
+      state.unpublishedData = state.unpublishedData.filter(
+        (component) => !uidsToRemove.includes(component.uid)
+      );
+    },
     resetUnpublished: (state) => {
       state.unpublishedData = [];
     },
@@ -159,6 +165,9 @@ var slice = (0, import_store2.__createSlice)({
     addCreatedThisSession: (state, { payload }) => {
       state.createdThisSession.push(payload);
     },
+    removeCreatedThisSession: (state, { payload }) => {
+      state.createdThisSession = state.createdThisSession.filter((uid) => uid !== payload);
+    },
     archive: (state, { payload }) => {
       const component = state.data.find((comp) => comp.id === payload);
       if (component) {
@@ -2401,7 +2410,7 @@ function loadComponentsOverridableProps(componentIds) {
   if (!componentIds.length) {
     return;
   }
-  componentIds.forEach(loadComponentOverrides);
+  return Promise.all(componentIds.map(loadComponentOverrides));
 }
 async function loadComponentOverrides(componentId) {
   const isOverridablePropsLoaded = selectIsOverridablePropsLoaded((0, import_store37.__getState)(), componentId);
@@ -2455,11 +2464,9 @@ function extractStylesFromElement(element) {
 // src/store/actions/load-components-assets.ts
 async function loadComponentsAssets(elements) {
   const documents = await getComponentDocuments(elements);
-  return Promise.all([
-    updateDocumentState(documents),
-    loadComponentsOverridableProps([...documents.keys()]),
-    loadComponentsStyles(documents)
-  ]);
+  updateDocumentState(documents);
+  loadComponentsStyles(documents);
+  await loadComponentsOverridableProps([...documents.keys()]);
 }
 function updateDocumentState(documents) {
   const isDrafted = [...documents.values()].some(import_editor_documents9.isDocumentDirty);
@@ -2980,13 +2987,13 @@ var OVERRIDABLE_PROP_REPLACEMENT_ID = "overridable-prop";
 // src/components/create-component-form/create-component-form.tsx
 var React19 = __toESM(require("react"));
 var import_react10 = require("react");
-var import_editor_elements10 = require("@elementor/editor-elements");
+var import_editor_elements11 = require("@elementor/editor-elements");
 var import_editor_notifications3 = require("@elementor/editor-notifications");
 var import_editor_ui11 = require("@elementor/editor-ui");
 var import_icons11 = require("@elementor/icons");
 var import_store47 = require("@elementor/store");
 var import_ui16 = require("@elementor/ui");
-var import_i18n22 = require("@wordpress/i18n");
+var import_i18n23 = require("@wordpress/i18n");
 
 // src/prevent-non-atomic-nesting.ts
 var import_editor_canvas6 = require("@elementor/editor-canvas");
@@ -3107,9 +3114,11 @@ function findNonAtomicElementsInElement(element) {
 }
 
 // src/store/actions/create-unpublished-component.ts
+var import_editor_elements10 = require("@elementor/editor-elements");
 var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 var import_store45 = require("@elementor/store");
 var import_utils4 = require("@elementor/utils");
+var import_i18n22 = require("@wordpress/i18n");
 async function createUnpublishedComponent({
   name,
   element,
@@ -3121,6 +3130,13 @@ async function createUnpublishedComponent({
   const generatedUid = uid ?? (0, import_utils4.generateUniqueId)("component");
   const componentBase = { uid: generatedUid, name };
   const elementDataWithOverridablesReverted = revertAllOverridablesInElementData(element);
+  const container = (0, import_editor_elements10.getContainer)(element.id);
+  const modelFromContainer = container?.model?.toJSON?.();
+  const originalElement = {
+    model: modelFromContainer ?? element,
+    parentId: container?.parent?.id ?? "",
+    index: container?.view?._index ?? 0
+  };
   (0, import_store45.__dispatch)(
     slice.actions.addUnpublished({
       ...componentBase,
@@ -3137,9 +3153,30 @@ async function createUnpublishedComponent({
     component_name: name,
     ...eventData
   });
-  await (0, import_editor_v1_adapters5.__privateRunCommand)("document/save/auto");
+  try {
+    await (0, import_editor_v1_adapters5.__privateRunCommand)("document/save/auto");
+  } catch (error) {
+    restoreOriginalElement(originalElement, componentInstance.id);
+    (0, import_store45.__dispatch)(slice.actions.removeUnpublished(generatedUid));
+    (0, import_store45.__dispatch)(slice.actions.removeCreatedThisSession(generatedUid));
+    throw error;
+  }
   return { uid: generatedUid, instanceId: componentInstance.id };
 }
+function restoreOriginalElement(originalElement, componentInstanceId) {
+  (0, import_editor_elements10.deleteElement)({ elementId: componentInstanceId, options: { useHistory: false } });
+  const clonedModel = structuredClone(originalElement.model);
+  (0, import_editor_elements10.createElements)({
+    title: (0, import_i18n22.__)("Restore Element", "elementor"),
+    elements: [
+      {
+        containerId: originalElement.parentId,
+        model: clonedModel,
+        options: { at: originalElement.index }
+      }
+    ]
+  });
+}
 
 // src/components/create-component-form/hooks/use-form.ts
 var import_react9 = require("react");
@@ -3234,7 +3271,7 @@ function CreateComponentForm() {
         (0, import_editor_notifications3.notify)(notification);
         return;
       }
-      setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements10.getElementLabel)(event.detail.element.id) });
+      setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements11.getElementLabel)(event.detail.element.id) });
       setAnchorPosition(event.detail.anchorPosition);
       eventData.current = getComponentEventData(event.detail.element, event.detail.options);
       trackComponentEvent({
@@ -3267,17 +3304,18 @@ function CreateComponentForm() {
       }
       (0, import_editor_notifications3.notify)({
         type: "success",
-        message: (0, import_i18n22.__)("Component created successfully.", "elementor"),
+        message: (0, import_i18n23.__)("Component created successfully.", "elementor"),
         id: `component-saved-successfully-${uid}`
       });
       resetAndClosePopup();
     } catch {
-      const errorMessage = (0, import_i18n22.__)("Failed to create component. Please try again.", "elementor");
+      const errorMessage = (0, import_i18n23.__)("Failed to create component. Please try again.", "elementor");
       (0, import_editor_notifications3.notify)({
         type: "error",
         message: errorMessage,
         id: "component-save-failed"
       });
+      resetAndClosePopup();
     }
   };
   const resetAndClosePopup = () => {
@@ -3317,7 +3355,7 @@ function shouldOpenForm(element, componentsCount) {
       shouldOpen: false,
       notification: {
         type: "default",
-        message: (0, import_i18n22.__)(
+        message: (0, import_i18n23.__)(
           "Components require atomic elements only. Remove widgets to create this component.",
           "elementor"
         ),
@@ -3331,7 +3369,7 @@ function shouldOpenForm(element, componentsCount) {
       notification: {
         type: "default",
         /* translators: %s is the maximum number of components */
-        message: (0, import_i18n22.__)(
+        message: (0, import_i18n23.__)(
           `You've reached the limit of %s components. Please remove an existing one to create a new component.`,
           "elementor"
         ).replace("%s", MAX_COMPONENTS.toString()),
@@ -3367,10 +3405,10 @@ var Form2 = ({
     }
   };
   const texts = {
-    heading: (0, import_i18n22.__)("Create component", "elementor"),
-    name: (0, import_i18n22.__)("Name", "elementor"),
-    cancel: (0, import_i18n22.__)("Cancel", "elementor"),
-    create: (0, import_i18n22.__)("Create", "elementor")
+    heading: (0, import_i18n23.__)("Create component", "elementor"),
+    name: (0, import_i18n23.__)("Name", "elementor"),
+    cancel: (0, import_i18n23.__)("Cancel", "elementor"),
+    create: (0, import_i18n23.__)("Create", "elementor")
   };
   const nameInputId = "component-name";
   return /* @__PURE__ */ React19.createElement(import_editor_ui11.Form, { onSubmit: handleSubmit }, /* @__PURE__ */ React19.createElement(import_ui16.Stack, { alignItems: "start", width: "268px" }, /* @__PURE__ */ React19.createElement(
@@ -3426,7 +3464,7 @@ function updateCurrentComponent({
 var React20 = __toESM(require("react"));
 var import_react12 = require("react");
 var import_react_dom = require("react-dom");
-var import_i18n23 = require("@wordpress/i18n");
+var import_i18n24 = require("@wordpress/i18n");
 
 // src/hooks/use-canvas-document.ts
 var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
@@ -3552,7 +3590,7 @@ function Backdrop({
       onKeyDown: handleKeyDown,
       role: "button",
       tabIndex: 0,
-      "aria-label": (0, import_i18n23.__)("Exit component editing mode", "elementor")
+      "aria-label": (0, import_i18n24.__)("Exit component editing mode", "elementor")
     }
   );
 }
@@ -3700,37 +3738,37 @@ var React22 = __toESM(require("react"));
 var import_editor_ui12 = require("@elementor/editor-ui");
 var import_icons12 = require("@elementor/icons");
 var import_ui17 = require("@elementor/ui");
-var import_i18n24 = require("@wordpress/i18n");
+var import_i18n25 = require("@wordpress/i18n");
 var openEditModeDialog = (lockedBy) => {
   (0, import_editor_ui12.openDialog)({
     component: /* @__PURE__ */ React22.createElement(EditModeDialog, { lockedBy })
   });
 };
 var EditModeDialog = ({ lockedBy }) => {
-  const content = (0, import_i18n24.__)("%s is currently editing this document", "elementor").replace("%s", lockedBy);
-  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(import_ui17.DialogHeader, { logo: false }, /* @__PURE__ */ React22.createElement(import_ui17.Box, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React22.createElement(import_ui17.Icon, { color: "secondary" }, /* @__PURE__ */ React22.createElement(import_icons12.InfoCircleFilledIcon, { fontSize: "medium" })), /* @__PURE__ */ React22.createElement(import_ui17.Typography, { variant: "subtitle1" }, content))), /* @__PURE__ */ React22.createElement(import_ui17.DialogContent, null, /* @__PURE__ */ React22.createElement(import_ui17.Stack, { spacing: 2, direction: "column" }, /* @__PURE__ */ React22.createElement(import_ui17.Typography, { variant: "body2" }, (0, import_i18n24.__)(
+  const content = (0, import_i18n25.__)("%s is currently editing this document", "elementor").replace("%s", lockedBy);
+  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(import_ui17.DialogHeader, { logo: false }, /* @__PURE__ */ React22.createElement(import_ui17.Box, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React22.createElement(import_ui17.Icon, { color: "secondary" }, /* @__PURE__ */ React22.createElement(import_icons12.InfoCircleFilledIcon, { fontSize: "medium" })), /* @__PURE__ */ React22.createElement(import_ui17.Typography, { variant: "subtitle1" }, content))), /* @__PURE__ */ React22.createElement(import_ui17.DialogContent, null, /* @__PURE__ */ React22.createElement(import_ui17.Stack, { spacing: 2, direction: "column" }, /* @__PURE__ */ React22.createElement(import_ui17.Typography, { variant: "body2" }, (0, import_i18n25.__)(
     "You can wait for them to finish or reach out to coordinate your changes together.",
     "elementor"
-  )), /* @__PURE__ */ React22.createElement(import_ui17.DialogActions, null, /* @__PURE__ */ React22.createElement(import_ui17.Button, { color: "secondary", variant: "contained", onClick: import_editor_ui12.closeDialog }, (0, import_i18n24.__)("Close", "elementor"))))));
+  )), /* @__PURE__ */ React22.createElement(import_ui17.DialogActions, null, /* @__PURE__ */ React22.createElement(import_ui17.Button, { color: "secondary", variant: "contained", onClick: import_editor_ui12.closeDialog }, (0, import_i18n25.__)("Close", "elementor"))))));
 };
 
 // src/components/instance-editing-panel/instance-editing-panel.tsx
 var React28 = __toESM(require("react"));
 var import_editor_controls4 = require("@elementor/editor-controls");
 var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
-var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_panels4 = require("@elementor/editor-panels");
 var import_editor_ui14 = require("@elementor/editor-ui");
 var import_icons14 = require("@elementor/icons");
 var import_ui22 = require("@elementor/ui");
-var import_i18n26 = require("@wordpress/i18n");
+var import_i18n27 = require("@wordpress/i18n");
 
 // src/hooks/use-component-instance-settings.ts
 var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
-var import_editor_elements11 = require("@elementor/editor-elements");
+var import_editor_elements12 = require("@elementor/editor-elements");
 function useComponentInstanceSettings() {
   const { element } = (0, import_editor_editing_panel2.useElement)();
-  const settings = (0, import_editor_elements11.useElementSetting)(element.id, "component_instance");
+  const settings = (0, import_editor_elements12.useElementSetting)(element.id, "component_instance");
   return componentInstancePropTypeUtil.extract(settings);
 }
 
@@ -3738,13 +3776,13 @@ function useComponentInstanceSettings() {
 var React23 = __toESM(require("react"));
 var import_icons13 = require("@elementor/icons");
 var import_ui18 = require("@elementor/ui");
-var import_i18n25 = require("@wordpress/i18n");
+var import_i18n26 = require("@wordpress/i18n");
 var EmptyState2 = ({ onEditComponent }) => {
   const { canEdit } = useComponentsPermissions();
-  const message = canEdit ? (0, import_i18n25.__)(
+  const message = canEdit ? (0, import_i18n26.__)(
     "Edit the component to add properties, manage them or update the design across all instances.",
     "elementor"
-  ) : (0, import_i18n25.__)(
+  ) : (0, import_i18n26.__)(
     "With your current role, you cannot edit this component. Contact an administrator to add properties.",
     "elementor"
   );
@@ -3759,9 +3797,9 @@ var EmptyState2 = ({ onEditComponent }) => {
       gap: 1.5
     },
     /* @__PURE__ */ React23.createElement(import_icons13.ComponentPropListIcon, { fontSize: "large" }),
-    /* @__PURE__ */ React23.createElement(import_ui18.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n25.__)("No properties yet", "elementor")),
+    /* @__PURE__ */ React23.createElement(import_ui18.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n26.__)("No properties yet", "elementor")),
     /* @__PURE__ */ React23.createElement(import_ui18.Typography, { align: "center", variant: "caption", maxWidth: "170px" }, message),
-    canEdit && /* @__PURE__ */ React23.createElement(import_ui18.Button, { variant: "outlined", color: "secondary", size: "small", sx: { mt: 1 }, onClick: onEditComponent }, /* @__PURE__ */ React23.createElement(import_icons13.PencilIcon, { fontSize: "small" }), (0, import_i18n25.__)("Edit component", "elementor"))
+    canEdit && /* @__PURE__ */ React23.createElement(import_ui18.Button, { variant: "outlined", color: "secondary", size: "small", sx: { mt: 1 }, onClick: onEditComponent }, /* @__PURE__ */ React23.createElement(import_icons13.PencilIcon, { fontSize: "small" }), (0, import_i18n26.__)("Edit component", "elementor"))
   );
 };
 
@@ -3776,13 +3814,13 @@ var import_ui21 = require("@elementor/ui");
 var React26 = __toESM(require("react"));
 var import_editor_controls3 = require("@elementor/editor-controls");
 var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
-var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_elements15 = require("@elementor/editor-elements");
 var import_ui20 = require("@elementor/ui");
 
 // src/hooks/use-controls-by-widget-type.ts
-var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_elements13 = require("@elementor/editor-elements");
 function useControlsByWidgetType(type) {
-  const elementType = (0, import_editor_elements12.getElementType)(type);
+  const elementType = (0, import_editor_elements13.getElementType)(type);
   if (!elementType) {
     return {};
   }
@@ -3890,7 +3928,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
 }
 
 // src/utils/get-prop-type-for-component-override.ts
-var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_elements14 = require("@elementor/editor-elements");
 var getPropTypeForComponentOverride = (overridableProp) => {
   if (overridableProp.originPropFields) {
     return getPropType(overridableProp.originPropFields);
@@ -3904,7 +3942,7 @@ var getPropTypeForComponentOverride = (overridableProp) => {
   });
 };
 function getPropType({ widgetType, propKey }) {
-  const widgetPropsSchema = (0, import_editor_elements13.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
+  const widgetPropsSchema = (0, import_editor_elements14.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
   return widgetPropsSchema?.[propKey];
 }
 
@@ -3985,14 +4023,14 @@ function OverrideControl({ overridableProp, overrides }) {
     overridableProp.label
   );
   const { elementId, widgetType, elType, propKey } = overridableProp.originPropFields ?? overridableProp;
-  const elementContainer = (0, import_editor_elements14.getContainer)(elementId);
+  const elementContainer = (0, import_editor_elements15.getContainer)(elementId);
   if (!elementContainer) {
     throw new OverrideControlInnerElementNotFoundError({
       context: { componentId: componentInstanceId, elementId }
     });
   }
   const type = elType === "widget" ? widgetType : elType;
-  const elementType = (0, import_editor_elements14.getElementType)(type);
+  const elementType = (0, import_editor_elements15.getElementType)(type);
   if (!elementType) {
     return null;
   }
@@ -4144,11 +4182,11 @@ function InstanceEditingPanel() {
   const overrides = settings?.overrides?.value;
   const component = useComponent(componentId ?? null);
   const overridableProps = useOverridableProps(componentId ?? null);
-  const componentInstanceId = (0, import_editor_elements15.useSelectedElement)()?.element?.id ?? null;
+  const componentInstanceId = (0, import_editor_elements16.useSelectedElement)()?.element?.id ?? null;
   if (!componentId || !overridableProps || !component) {
     return null;
   }
-  const panelTitle = (0, import_i18n26.__)("Edit %s", "elementor").replace("%s", component.name);
+  const panelTitle = (0, import_i18n27.__)("Edit %s", "elementor").replace("%s", component.name);
   const handleEditComponent = () => switchToComponent(componentId, componentInstanceId);
   const isNonEmptyGroup = (group) => group !== null && group.props.length > 0;
   const groups = overridableProps.groups.order.map((groupId) => overridableProps.groups.items[groupId] ?? null).filter(isNonEmptyGroup);
@@ -4239,9 +4277,9 @@ function ControlWithReplacements({
 var React31 = __toESM(require("react"));
 var import_editor_controls6 = require("@elementor/editor-controls");
 var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
-var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_elements17 = require("@elementor/editor-elements");
 var import_ui24 = require("@elementor/ui");
-var import_i18n28 = require("@wordpress/i18n");
+var import_i18n29 = require("@wordpress/i18n");
 
 // src/store/actions/set-overridable-prop.ts
 var import_store58 = require("@elementor/store");
@@ -4326,7 +4364,7 @@ var React30 = __toESM(require("react"));
 var import_react16 = require("react");
 var import_icons15 = require("@elementor/icons");
 var import_ui23 = require("@elementor/ui");
-var import_i18n27 = require("@wordpress/i18n");
+var import_i18n28 = require("@wordpress/i18n");
 var SIZE2 = "tiny";
 var IconContainer = (0, import_ui23.styled)(import_ui23.Box)`
 	pointer-events: none;
@@ -4386,7 +4424,7 @@ var Indicator2 = (0, import_react16.forwardRef)(({ isOpen, isOverridable, ...pro
   IconContainer,
   {
     className: "icon",
-    "aria-label": isOverridable ? (0, import_i18n27.__)("Overridable property", "elementor") : (0, import_i18n27.__)("Make prop overridable", "elementor")
+    "aria-label": isOverridable ? (0, import_i18n28.__)("Overridable property", "elementor") : (0, import_i18n28.__)("Make prop overridable", "elementor")
   },
   isOverridable ? /* @__PURE__ */ React30.createElement(import_icons15.CheckIcon, { fontSize: SIZE2 }) : /* @__PURE__ */ React30.createElement(import_icons15.PlusIcon, { fontSize: SIZE2 })
 )));
@@ -4431,7 +4469,7 @@ function Content2({ componentId, overridableProps }) {
   });
   const triggerProps = (0, import_ui24.bindTrigger)(popupState);
   const popoverProps = (0, import_ui24.bindPopover)(popupState);
-  const { elType } = (0, import_editor_elements16.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
+  const { elType } = (0, import_editor_elements17.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
   const handleSubmit = ({ label, group }) => {
     const propTypeDefault = propType.default ?? {};
     const originValue = resolveOverridePropValue(overridableValue?.origin_value) ?? value ?? propTypeDefault;
@@ -4458,7 +4496,7 @@ function Content2({ componentId, overridableProps }) {
     popupState.close();
   };
   const overridableConfig = overridableValue ? getOverridableProp({ componentId, overrideKey: overridableValue.override_key }) : void 0;
-  return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(import_ui24.Tooltip, { placement: "top", title: (0, import_i18n28.__)("Override Property", "elementor") }, /* @__PURE__ */ React31.createElement(Indicator2, { ...triggerProps, isOpen: !!popoverProps.open, isOverridable: !!overridableValue })), /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(import_ui24.Tooltip, { placement: "top", title: (0, import_i18n29.__)("Override Property", "elementor") }, /* @__PURE__ */ React31.createElement(Indicator2, { ...triggerProps, isOpen: !!popoverProps.open, isOverridable: !!overridableValue })), /* @__PURE__ */ React31.createElement(
     import_ui24.Popover,
     {
       disableScrollLock: true,
@@ -4498,7 +4536,7 @@ var import_editor_mcp2 = require("@elementor/editor-mcp");
 
 // src/mcp/save-as-component-tool.ts
 var import_editor_canvas7 = require("@elementor/editor-canvas");
-var import_editor_elements17 = require("@elementor/editor-elements");
+var import_editor_elements18 = require("@elementor/editor-elements");
 var import_editor_mcp = require("@elementor/editor-mcp");
 var import_http_client2 = require("@elementor/http-client");
 var import_schema6 = require("@elementor/schema");
@@ -4536,7 +4574,7 @@ var ERROR_MESSAGES3 = {
 var handleSaveAsComponent = async (params) => {
   const { element_id: elementId, component_name: componentName, overridable_props: overridablePropsInput } = params;
   const validElementTypes = getValidElementTypes();
-  const container = (0, import_editor_elements17.getContainer)(elementId);
+  const container = (0, import_editor_elements18.getContainer)(elementId);
   if (!container) {
     throw new Error(ERROR_MESSAGES3.ELEMENT_NOT_FOUND);
   }
@@ -4590,7 +4628,7 @@ function enrichOverridableProps(input, rootElement) {
     }
     const elType = element.elType;
     const widgetType = element.widgetType || element.elType;
-    const elementType = (0, import_editor_elements17.getElementType)(widgetType);
+    const elementType = (0, import_editor_elements18.getElementType)(widgetType);
     if (!elementType) {
       throw new Error(
         `Element type "${widgetType}" is not atomic or does not have a settings schema. Cannot expose property "${propKey}" for element "${elementId}".`
@@ -4659,7 +4697,7 @@ function findElementById(root, targetId) {
   return null;
 }
 function getValidElementTypes() {
-  const types = (0, import_editor_elements17.getWidgetsCache)();
+  const types = (0, import_editor_elements18.getWidgetsCache)();
   if (!types) {
     return [];
   }
@@ -4846,15 +4884,15 @@ function PopulateStore() {
 }
 
 // src/prevent-circular-nesting.ts
-var import_editor_elements18 = require("@elementor/editor-elements");
+var import_editor_elements19 = require("@elementor/editor-elements");
 var import_editor_notifications4 = require("@elementor/editor-notifications");
 var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var import_store64 = require("@elementor/store");
-var import_i18n29 = require("@wordpress/i18n");
+var import_i18n30 = require("@wordpress/i18n");
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
   type: "default",
-  message: (0, import_i18n29.__)("Can't add this component - components that contain each other can't be nested.", "elementor"),
+  message: (0, import_i18n30.__)("Can't add this component - components that contain each other can't be nested.", "elementor"),
   id: "circular-component-nesting-blocked"
 };
 function initCircularNestingPrevention() {
@@ -4941,7 +4979,7 @@ function blockCircularMove(args) {
     if (!container) {
       return false;
     }
-    const allElements = (0, import_editor_elements18.getAllDescendants)(container);
+    const allElements = (0, import_editor_elements19.getAllDescendants)(container);
     return allElements.some((element) => {
       const componentId = extractComponentIdFromContainer(element);
       if (componentId === null) {
@@ -5002,7 +5040,7 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
 });
 
 // src/sync/create-components-before-save.ts
-var import_editor_elements19 = require("@elementor/editor-elements");
+var import_editor_elements20 = require("@elementor/editor-elements");
 var import_store70 = require("@elementor/store");
 async function createComponentsBeforeSave({
   elements,
@@ -5027,7 +5065,9 @@ async function createComponentsBeforeSave({
     );
     (0, import_store70.__dispatch)(slice.actions.resetUnpublished());
   } catch (error) {
-    throw new Error(`Failed to publish components and update component instances: ${error}`);
+    const failedUids = unpublishedComponents.map((component) => component.uid);
+    (0, import_store70.__dispatch)(slice.actions.removeUnpublished(failedUids));
+    throw new Error(`Failed to publish components: ${error}`);
   }
 }
 async function createComponents(components, status) {
@@ -5070,7 +5110,7 @@ function shouldUpdateElement(element, uidToComponentId) {
   return { shouldUpdate: false, newComponentId: null };
 }
 function updateElementComponentId(elementId, componentId) {
-  (0, import_editor_elements19.updateElementSettings)({
+  (0, import_editor_elements20.updateElementSettings)({
     id: elementId,
     props: {
       component_instance: {
@@ -5173,7 +5213,7 @@ var updateExistingComponentsBeforeSave = async ({
 };
 
 // src/sync/cleanup-overridable-props-on-delete.ts
-var import_editor_elements20 = require("@elementor/editor-elements");
+var import_editor_elements21 = require("@elementor/editor-elements");
 var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var import_store78 = require("@elementor/store");
 function initCleanupOverridablePropsOnDelete() {
@@ -5223,12 +5263,12 @@ function initCleanupOverridablePropsOnDelete() {
   });
 }
 function collectDeletedElementIds(containers) {
-  const elementIds = containers.filter(Boolean).flatMap((container) => [container, ...(0, import_editor_elements20.getAllDescendants)(container)]).map((element) => element.model?.get?.("id") ?? element.id).filter((id2) => Boolean(id2));
+  const elementIds = containers.filter(Boolean).flatMap((container) => [container, ...(0, import_editor_elements21.getAllDescendants)(container)]).map((element) => element.model?.get?.("id") ?? element.id).filter((id2) => Boolean(id2));
   return elementIds;
 }
 
 // src/sync/handle-component-edit-mode-container.ts
-var import_editor_elements21 = require("@elementor/editor-elements");
+var import_editor_elements22 = require("@elementor/editor-elements");
 var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var V4_DEFAULT_CONTAINER_TYPE = "e-flexbox";
 function initHandleComponentEditModeContainer() {
@@ -5278,11 +5318,11 @@ function initRedirectDropIntoComponent() {
   });
 }
 function createEmptyTopLevelContainer(container) {
-  const newContainer = (0, import_editor_elements21.createElement)({
+  const newContainer = (0, import_editor_elements22.createElement)({
     containerId: container.id,
     model: { elType: V4_DEFAULT_CONTAINER_TYPE }
   });
-  (0, import_editor_elements21.selectElement)(newContainer.id);
+  (0, import_editor_elements22.selectElement)(newContainer.id);
 }
 function getComponentContainer(container) {
   const topLevelElement = container.children?.[0];
@@ -5315,7 +5355,7 @@ function load(result) {
 }
 
 // src/sync/regenerate-override-keys.ts
-var import_editor_elements22 = require("@elementor/editor-elements");
+var import_editor_elements23 = require("@elementor/editor-elements");
 var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_utils10 = require("@elementor/utils");
 function initRegenerateOverrideKeys() {
@@ -5336,11 +5376,11 @@ function regenerateOverrideKeysForContainers(result) {
   });
 }
 function regenerateOverrideKeysRecursive(elementId) {
-  const container = (0, import_editor_elements22.getContainer)(elementId);
+  const container = (0, import_editor_elements23.getContainer)(elementId);
   if (!container) {
     return;
   }
-  (0, import_editor_elements22.getAllDescendants)(container).forEach(regenerateOverrideKeys);
+  (0, import_editor_elements23.getAllDescendants)(container).forEach(regenerateOverrideKeys);
 }
 function regenerateOverrideKeys(element) {
   if (!isComponentInstance(element.model.toJSON())) {
@@ -5374,7 +5414,7 @@ function regenerateOverrideKeys(element) {
       }
     }
   };
-  (0, import_editor_elements22.updateElementSettings)({
+  (0, import_editor_elements23.updateElementSettings)({
     id: element.id,
     props: { component_instance: newComponentInstance },
     withHistory: false
@@ -5451,7 +5491,7 @@ function init() {
   window.elementorCommon.__beforeSave = beforeSave;
   (0, import_editor_elements_panel.injectTab)({
     id: "components",
-    label: (0, import_i18n30.__)("Components", "elementor"),
+    label: (0, import_i18n31.__)("Components", "elementor"),
     component: Components,
     position: 1
   });