@elementor/editor-components 4.0.0-506 → 4.0.0-509

package/dist/index.mjs

@@ -165,12 +165,6 @@ var slice = createSlice({
       }
       component.overridableProps = payload.overridableProps;
     },
-    clearOverridableProps: (state, { payload }) => {
-      const component = state.data.find((comp) => comp.id === payload.componentId);
-      if (component) {
-        component.overridableProps = void 0;
-      }
-    },
     rename: (state, { payload }) => {
       const component = state.data.find((comp) => comp.uid === payload.componentUid);
       if (!component) {
@@ -288,7 +282,6 @@ var selectUpdatedComponentNames = createSelector(
 
 // src/utils/component-document-data.ts
 import { getV1DocumentsManager } from "@elementor/editor-documents";
-import { __dispatch as dispatch } from "@elementor/store";
 var getComponentDocumentData = async (id2) => {
   const documentManager = getV1DocumentsManager();
   try {
@@ -297,11 +290,9 @@ var getComponentDocumentData = async (id2) => {
     return null;
   }
 };
-var invalidateComponentCache = (id2) => {
+var invalidateComponentDocumentData = (id2) => {
   const documentManager = getV1DocumentsManager();
   documentManager.invalidateCache(id2);
-  dispatch(slice.actions.removeStyles({ id: id2 }));
-  dispatch(slice.actions.clearOverridableProps({ componentId: id2 }));
 };
 
 // src/component-instance-transformer.ts
@@ -400,7 +391,6 @@ async function expandNavigator() {
 // src/utils/switch-to-component.ts
 async function switchToComponent(componentId, componentInstanceId, element) {
   const selector = getSelector(element, componentInstanceId);
-  invalidateComponentCache(componentId);
   await runCommand2("editor/documents/switch", {
     id: componentId,
     selector,
@@ -514,7 +504,7 @@ import { generateUniqueId as generateUniqueId2 } from "@elementor/utils";
 import { __ as __10 } from "@wordpress/i18n";
 
 // src/store/actions/add-overridable-group.ts
-import { __dispatch as dispatch2, __getState as getState3 } from "@elementor/store";
+import { __dispatch as dispatch, __getState as getState3 } from "@elementor/store";
 function addOverridableGroup({
   componentId,
   groupId,
@@ -531,7 +521,7 @@ function addOverridableGroup({
     label,
     props: []
   };
-  dispatch2(
+  dispatch(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -557,7 +547,7 @@ function addOverridableGroup({
 }
 
 // src/store/actions/delete-overridable-group.ts
-import { __dispatch as dispatch3, __getState as getState4 } from "@elementor/store";
+import { __dispatch as dispatch2, __getState as getState4 } from "@elementor/store";
 
 // src/store/utils/groups-transformers.ts
 import { generateUniqueId } from "@elementor/utils";
@@ -714,7 +704,7 @@ function deleteOverridableGroup({ componentId, groupId }) {
     return false;
   }
   const updatedGroups = deleteGroup(overridableProps.groups, groupId);
-  dispatch3(
+  dispatch2(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -727,7 +717,7 @@ function deleteOverridableGroup({ componentId, groupId }) {
 }
 
 // src/store/actions/delete-overridable-prop.ts
-import { __dispatch as dispatch4, __getState as getState6 } from "@elementor/store";
+import { __dispatch as dispatch3, __getState as getState6 } from "@elementor/store";
 
 // src/utils/revert-overridable-settings.ts
 import {
@@ -1181,7 +1171,7 @@ function deleteOverridableProp({ componentId, propKey, source }) {
   revertElementOverridableSetting(prop.elementId, prop.propKey, prop.originValue, propKey);
   const { [propKey]: removedProp, ...remainingProps } = overridableProps.props;
   const updatedGroups = removePropFromAllGroups(overridableProps.groups, propKey);
-  dispatch4(
+  dispatch3(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1204,7 +1194,7 @@ function deleteOverridableProp({ componentId, propKey, source }) {
 }
 
 // src/store/actions/reorder-group-props.ts
-import { __dispatch as dispatch5, __getState as getState7 } from "@elementor/store";
+import { __dispatch as dispatch4, __getState as getState7 } from "@elementor/store";
 function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
   const overridableProps = selectOverridableProps(getState7(), componentId);
   if (!overridableProps) {
@@ -1214,7 +1204,7 @@ function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
   if (!group) {
     return;
   }
-  dispatch5(
+  dispatch4(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1235,13 +1225,13 @@ function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
 }
 
 // src/store/actions/reorder-overridable-groups.ts
-import { __dispatch as dispatch6, __getState as getState8 } from "@elementor/store";
+import { __dispatch as dispatch5, __getState as getState8 } from "@elementor/store";
 function reorderOverridableGroups({ componentId, newOrder }) {
   const overridableProps = selectOverridableProps(getState8(), componentId);
   if (!overridableProps) {
     return;
   }
-  dispatch6(
+  dispatch5(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1256,7 +1246,7 @@ function reorderOverridableGroups({ componentId, newOrder }) {
 }
 
 // src/store/actions/update-overridable-prop-params.ts
-import { __dispatch as dispatch7, __getState as getState9 } from "@elementor/store";
+import { __dispatch as dispatch6, __getState as getState9 } from "@elementor/store";
 function updateOverridablePropParams({
   componentId,
   overrideKey,
@@ -1279,7 +1269,7 @@ function updateOverridablePropParams({
     groupId: newGroupId
   };
   const updatedGroups = movePropBetweenGroups(overridableProps.groups, overrideKey, oldGroupId, newGroupId);
-  dispatch7(
+  dispatch6(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1863,7 +1853,7 @@ import { useEditable } from "@elementor/editor-ui";
 import { __ as __9 } from "@wordpress/i18n";
 
 // src/store/actions/rename-overridable-group.ts
-import { __dispatch as dispatch8, __getState as getState10 } from "@elementor/store";
+import { __dispatch as dispatch7, __getState as getState10 } from "@elementor/store";
 function renameOverridableGroup({ componentId, groupId, label }) {
   const overridableProps = selectOverridableProps(getState10(), componentId);
   if (!overridableProps) {
@@ -1874,7 +1864,7 @@ function renameOverridableGroup({ componentId, groupId, label }) {
     return false;
   }
   const updatedGroups = renameGroup(overridableProps.groups, groupId, label);
-  dispatch8(
+  dispatch7(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -2310,10 +2300,10 @@ var useComponentsPermissions = () => {
 // src/store/actions/rename-component.ts
 import { getV1DocumentsManager as getV1DocumentsManager4, setDocumentModifiedStatus as setDocumentModifiedStatus3 } from "@elementor/editor-documents";
 import { getAllDescendants as getAllDescendants2 } from "@elementor/editor-elements";
-import { __dispatch as dispatch9 } from "@elementor/store";
+import { __dispatch as dispatch8 } from "@elementor/store";
 var TITLE_EXTERNAL_CHANGE_COMMAND = "title_external_change";
 var renameComponent = (componentUid, newName) => {
-  dispatch9(slice.actions.rename({ componentUid, name: newName }));
+  dispatch8(slice.actions.rename({ componentUid, name: newName }));
   setDocumentModifiedStatus3(true);
   refreshComponentInstanceTitles(componentUid);
 };
@@ -2366,7 +2356,7 @@ import { __ as __18 } from "@wordpress/i18n";
 // src/store/actions/archive-component.ts
 import { setDocumentModifiedStatus as setDocumentModifiedStatus4 } from "@elementor/editor-documents";
 import { notify } from "@elementor/editor-notifications";
-import { __dispatch as dispatch10 } from "@elementor/store";
+import { __dispatch as dispatch9 } from "@elementor/store";
 import { __ as __15 } from "@wordpress/i18n";
 var successNotification = (componentId, componentName) => ({
   type: "success",
@@ -2375,7 +2365,7 @@ var successNotification = (componentId, componentName) => ({
   id: `success-archived-components-notification-${componentId}`
 });
 var archiveComponent = (componentId, componentName) => {
-  dispatch10(slice.actions.archive(componentId));
+  dispatch9(slice.actions.archive(componentId));
   setDocumentModifiedStatus4(true);
   notify(successNotification(componentId, componentName));
 };
@@ -2427,7 +2417,7 @@ async function getDocumentsMap(ids, cache) {
 }
 
 // src/store/actions/load-components-overridable-props.ts
-import { __dispatch as dispatch11, __getState as getState12 } from "@elementor/store";
+import { __dispatch as dispatch10, __getState as getState12 } from "@elementor/store";
 function loadComponentsOverridableProps(componentIds) {
   if (!componentIds.length) {
     return;
@@ -2443,7 +2433,7 @@ async function loadComponentOverrides(componentId) {
   if (!overridableProps) {
     return;
   }
-  dispatch11(
+  dispatch10(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps
@@ -2452,7 +2442,7 @@ async function loadComponentOverrides(componentId) {
 }
 
 // src/store/actions/load-components-styles.ts
-import { __dispatch as dispatch12, __getState as getState13 } from "@elementor/store";
+import { __dispatch as dispatch11, __getState as getState13 } from "@elementor/store";
 function loadComponentsStyles(documents) {
   if (!documents.size) {
     return;
@@ -2468,7 +2458,7 @@ function addStyles(documents) {
   const styles = Object.fromEntries(
     [...documents.entries()].map(([id2, document]) => [id2, extractStylesFromDocument(document)])
   );
-  dispatch12(slice.actions.addStyles(styles));
+  dispatch11(slice.actions.addStyles(styles));
 }
 function extractStylesFromDocument(document) {
   if (!document.elements?.length) {
@@ -3142,7 +3132,7 @@ function findNonAtomicElementsInElement(element) {
 // src/store/actions/create-unpublished-component.ts
 import { createElements, deleteElement, getContainer as getContainer3 } from "@elementor/editor-elements";
 import { __privateRunCommand as runCommand3 } from "@elementor/editor-v1-adapters";
-import { __dispatch as dispatch13 } from "@elementor/store";
+import { __dispatch as dispatch12 } from "@elementor/store";
 import { generateUniqueId as generateUniqueId3 } from "@elementor/utils";
 import { __ as __22 } from "@wordpress/i18n";
 async function createUnpublishedComponent({
@@ -3163,14 +3153,14 @@ async function createUnpublishedComponent({
     parentId: container?.parent?.id ?? "",
     index: container?.view?._index ?? 0
   };
-  dispatch13(
+  dispatch12(
     slice.actions.addUnpublished({
       ...componentBase,
       elements: [elementDataWithOverridablesReverted],
       overridableProps
     })
   );
-  dispatch13(slice.actions.addCreatedThisSession(generatedUid));
+  dispatch12(slice.actions.addCreatedThisSession(generatedUid));
   const componentInstance = await replaceElementWithComponent(element, componentBase);
   trackComponentEvent({
     action: "created",
@@ -3183,8 +3173,8 @@ async function createUnpublishedComponent({
     await runCommand3("document/save/auto");
   } catch (error) {
     restoreOriginalElement(originalElement, componentInstance.id);
-    dispatch13(slice.actions.removeUnpublished(generatedUid));
-    dispatch13(slice.actions.removeCreatedThisSession(generatedUid));
+    dispatch12(slice.actions.removeUnpublished(generatedUid));
+    dispatch12(slice.actions.removeCreatedThisSession(generatedUid));
     throw error;
   }
   return { uid: generatedUid, instanceId: componentInstance.id };
@@ -3478,12 +3468,12 @@ function updateCurrentComponent({
   path,
   currentComponentId
 }) {
-  const dispatch21 = getStore2()?.dispatch;
-  if (!dispatch21) {
+  const dispatch20 = getStore2()?.dispatch;
+  if (!dispatch20) {
     return;
   }
-  dispatch21(slice.actions.setPath(path));
-  dispatch21(slice.actions.setCurrentComponentId(currentComponentId));
+  dispatch20(slice.actions.setPath(path));
+  dispatch20(slice.actions.setCurrentComponentId(currentComponentId));
 }
 
 // src/components/edit-component/component-modal.tsx
@@ -3897,7 +3887,7 @@ var useOverridablePropValue = () => useContext2(OverridablePropContext)?.value;
 var useComponentInstanceElement = () => useContext2(OverridablePropContext)?.componentInstanceElement;
 
 // src/store/actions/update-overridable-prop.ts
-import { __dispatch as dispatch14, __getState as getState16 } from "@elementor/store";
+import { __dispatch as dispatch13, __getState as getState16 } from "@elementor/store";
 
 // src/utils/resolve-override-prop-value.ts
 var resolveOverridePropValue = (originalPropValue) => {
@@ -3957,7 +3947,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
       }
     }
   };
-  dispatch14(
+  dispatch13(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: newOverridableProps
@@ -3999,6 +3989,92 @@ var OverrideControlInnerElementNotFoundError = createError({
   message: `Component inner element not found for override control. The element may have been deleted without updating the overridable props, or the component has not finished rendering yet.`
 });
 
+// src/components/instance-editing-panel/use-resolved-origin-value.tsx
+import { __useSelector as useSelector6 } from "@elementor/store";
+function useResolvedOriginValue(override, overridableProp) {
+  const components = useSelector6(selectData);
+  return resolveOriginValue(components, override, overridableProp);
+}
+function resolveOriginValue(components, matchingOverride, overridableProp) {
+  const { originValue: fallbackOriginValue, originPropFields } = overridableProp;
+  if (hasValue(fallbackOriginValue)) {
+    return fallbackOriginValue;
+  }
+  if (matchingOverride) {
+    const result = getOriginFromOverride(components, matchingOverride);
+    if (hasValue(result)) {
+      return result;
+    }
+  }
+  const { elementId, propKey } = originPropFields ?? {};
+  if (elementId && propKey) {
+    return findOriginValueByElementId(components, elementId, propKey);
+  }
+  return null;
+}
+function getOriginFromOverride(components, override) {
+  const overridableValue = componentOverridablePropTypeUtil.extract(override);
+  const innerOverride = overridableValue ? componentInstanceOverridePropTypeUtil.extract(overridableValue.origin_value) : componentInstanceOverridePropTypeUtil.extract(override);
+  if (!innerOverride) {
+    return null;
+  }
+  const { schema_source: schemaSource, override_key: overrideKey, override_value: overrideValue } = innerOverride;
+  const componentId = schemaSource?.id;
+  if (!componentId || !overrideKey) {
+    return null;
+  }
+  const prop = getOverridableProp(components, componentId, overrideKey);
+  if (hasValue(prop?.originValue)) {
+    return prop.originValue;
+  }
+  if (prop?.originPropFields?.elementId) {
+    const targetPropKey = prop.originPropFields.propKey ?? prop.propKey;
+    const result = findOriginValueByElementId(components, prop.originPropFields.elementId, targetPropKey);
+    if (hasValue(result)) {
+      return result;
+    }
+  }
+  const nestedOverridable = componentOverridablePropTypeUtil.extract(overrideValue);
+  if (nestedOverridable) {
+    return getOriginFromOverride(components, componentOverridablePropTypeUtil.create(nestedOverridable));
+  }
+  return null;
+}
+function findOriginValueByElementId(components, targetElementId, targetPropKey, visited = /* @__PURE__ */ new Set()) {
+  for (const component of components) {
+    if (visited.has(component.id)) {
+      continue;
+    }
+    visited.add(component.id);
+    const matchingProp = Object.values(component.overridableProps?.props ?? {}).find(
+      ({ elementId, propKey }) => elementId === targetElementId && propKey === targetPropKey
+    );
+    if (!matchingProp) {
+      continue;
+    }
+    if (hasValue(matchingProp.originValue)) {
+      return matchingProp.originValue;
+    }
+    if (matchingProp.originPropFields?.elementId) {
+      const innerPropKey = matchingProp.originPropFields.propKey ?? targetPropKey;
+      return findOriginValueByElementId(
+        components,
+        matchingProp.originPropFields.elementId,
+        innerPropKey,
+        visited
+      );
+    }
+  }
+  return null;
+}
+function hasValue(value) {
+  return value !== null && value !== void 0;
+}
+function getOverridableProp(components, componentId, overrideKey) {
+  const component = components.find(({ id: id2 }) => id2 === componentId);
+  return component?.overridableProps?.props?.[overrideKey];
+}
+
 // src/components/instance-editing-panel/override-prop-control.tsx
 function OverridePropControl({ overridableProp, overrides }) {
   return /* @__PURE__ */ React26.createElement(SettingsField, { bind: "component_instance", propDisplayName: overridableProp.label }, /* @__PURE__ */ React26.createElement(OverrideControl, { overridableProp, overrides }));
@@ -4011,6 +4087,8 @@ function OverrideControl({ overridableProp, overrides }) {
     overridableProp?.originPropFields?.widgetType ?? overridableProp.widgetType
   );
   const controlReplacements = getControlReplacements();
+  const matchingOverride = getMatchingOverride(overrides, overridableProp.overrideKey);
+  const recursiveOriginValue = useResolvedOriginValue(matchingOverride, overridableProp);
   const propType = getPropTypeForComponentOverride(overridableProp);
   if (!propType) {
     return null;
@@ -4024,8 +4102,8 @@ function OverrideControl({ overridableProp, overrides }) {
   if (!componentInstanceId) {
     throw new Error("Component ID is required");
   }
-  const matchingOverride = getMatchingOverride(overrides, overridableProp.overrideKey);
-  const propValue = matchingOverride ? resolveOverridePropValue(matchingOverride) : overridableProp.originValue;
+  const resolvedOverrideValue = matchingOverride ? resolveOverridePropValue(matchingOverride) : null;
+  const propValue = resolvedOverrideValue ?? recursiveOriginValue ?? overridableProp.originValue;
   const value = {
     [overridableProp.overrideKey]: propValue
   };
@@ -4093,7 +4171,7 @@ function OverrideControl({ overridableProp, overrides }) {
   );
 }
 function getMatchingOverride(overrides, overrideKey) {
-  return overrides?.find((override) => {
+  const result = overrides?.find((override) => {
     const overridableValue = componentOverridablePropTypeUtil.extract(override);
     let comparedOverrideKey = null;
     if (overridableValue) {
@@ -4103,6 +4181,7 @@ function getMatchingOverride(overrides, overrideKey) {
     }
     return comparedOverrideKey === overrideKey;
   }) ?? null;
+  return result;
 }
 function createOverrideValue({
   matchingOverride,
@@ -4229,7 +4308,7 @@ function InstanceEditingPanel() {
   const isNonEmptyGroup = (group) => group !== null && group.props.length > 0;
   const groups = overridableProps.groups.order.map((groupId) => overridableProps.groups.items[groupId] ?? null).filter(isNonEmptyGroup);
   const isEmpty = groups.length === 0 || Object.keys(overridableProps.props).length === 0;
-  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(PanelHeader3, { sx: { justifyContent: "start", px: 2 } }, /* @__PURE__ */ React28.createElement(Stack16, { direction: "row", alignItems: "center", flexGrow: 1, gap: 1, maxWidth: "100%" }, /* @__PURE__ */ React28.createElement(ComponentsIcon4, { fontSize: "small", sx: { color: "text.tertiary" } }), /* @__PURE__ */ React28.createElement(EllipsisWithTooltip4, { title: component.name, as: PanelHeaderTitle2, sx: { flexGrow: 1 } }), canEdit && /* @__PURE__ */ React28.createElement(Tooltip5, { title: panelTitle }, /* @__PURE__ */ React28.createElement(IconButton6, { size: "tiny", onClick: handleEditComponent, "aria-label": panelTitle }, /* @__PURE__ */ React28.createElement(PencilIcon2, { fontSize: "tiny" }))))), /* @__PURE__ */ React28.createElement(PanelBody2, null, /* @__PURE__ */ React28.createElement(ControlAdornmentsProvider, { items: getFieldIndicators("settings") }, isEmpty ? /* @__PURE__ */ React28.createElement(EmptyState2, { onEditComponent: handleEditComponent }) : /* @__PURE__ */ React28.createElement(Stack16, { direction: "column", alignItems: "stretch" }, groups.map((group) => /* @__PURE__ */ React28.createElement(React28.Fragment, { key: group.id }, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(PanelHeader3, { sx: { justifyContent: "start", px: 2 } }, /* @__PURE__ */ React28.createElement(Stack16, { direction: "row", alignItems: "center", flexGrow: 1, gap: 1, maxWidth: "100%" }, /* @__PURE__ */ React28.createElement(ComponentsIcon4, { fontSize: "small", sx: { color: "text.tertiary" } }), /* @__PURE__ */ React28.createElement(EllipsisWithTooltip4, { title: component.name, as: PanelHeaderTitle2, sx: { flexGrow: 1 } }), canEdit && /* @__PURE__ */ React28.createElement(Tooltip5, { title: panelTitle }, /* @__PURE__ */ React28.createElement(IconButton6, { size: "tiny", onClick: handleEditComponent, "aria-label": panelTitle }, /* @__PURE__ */ React28.createElement(PencilIcon2, { fontSize: "tiny" }))))), /* @__PURE__ */ React28.createElement(PanelBody2, null, /* @__PURE__ */ React28.createElement(ControlAdornmentsProvider, { items: getFieldIndicators("settings") }, isEmpty ? /* @__PURE__ */ React28.createElement(EmptyState2, { onEditComponent: handleEditComponent }) : /* @__PURE__ */ React28.createElement(Stack16, { direction: "column", alignItems: "stretch" }, groups.map((group) => /* @__PURE__ */ React28.createElement(React28.Fragment, { key: group.id + componentInstanceId }, /* @__PURE__ */ React28.createElement(
     OverridePropsGroup,
     {
       group,
@@ -4326,7 +4405,7 @@ import { bindPopover as bindPopover2, bindTrigger as bindTrigger4, Popover as Po
 import { __ as __29 } from "@wordpress/i18n";
 
 // src/store/actions/set-overridable-prop.ts
-import { __dispatch as dispatch15, __getState as getState17 } from "@elementor/store";
+import { __dispatch as dispatch14, __getState as getState17 } from "@elementor/store";
 import { generateUniqueId as generateUniqueId4 } from "@elementor/utils";
 function setOverridableProp({
   componentId,
@@ -4378,7 +4457,7 @@ function setOverridableProp({
   if (isChangingGroups) {
     groups = removePropFromGroup(groups, existingOverridableProp.groupId, overridableProp.overrideKey);
   }
-  dispatch15(
+  dispatch14(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -4475,7 +4554,7 @@ var Indicator2 = forwardRef2(({ isOpen, isOverridable, ...props }, ref) => /* @_
 
 // src/components/overridable-props/utils/get-overridable-prop.ts
 import { __getState as getState18 } from "@elementor/store";
-function getOverridableProp({
+function getOverridableProp2({
   componentId,
   overrideKey
 }) {
@@ -4539,7 +4618,7 @@ function Content2({ componentId, overridableProps }) {
     }
     popupState.close();
   };
-  const overridableConfig = overridableValue ? getOverridableProp({ componentId, overrideKey: overridableValue.override_key }) : void 0;
+  const overridableConfig = overridableValue ? getOverridableProp2({ componentId, overrideKey: overridableValue.override_key }) : void 0;
   return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(Tooltip6, { placement: "top", title: __29("Override Property", "elementor") }, /* @__PURE__ */ React31.createElement(Indicator2, { ...triggerProps, isOpen: !!popoverProps.open, isOverridable: !!overridableValue })), /* @__PURE__ */ React31.createElement(
     Popover4,
     {
@@ -4943,10 +5022,10 @@ 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;
 }
@@ -5079,10 +5158,10 @@ 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
@@ -5109,7 +5188,7 @@ var componentsStylesProvider = createStylesProvider({
 
 // src/sync/create-components-before-save.ts
 import { updateElementSettings as updateElementSettings2 } from "@elementor/editor-elements";
-import { __dispatch as dispatch18, __getState as getState21 } from "@elementor/store";
+import { __dispatch as dispatch17, __getState as getState21 } from "@elementor/store";
 async function createComponentsBeforeSave({
   elements,
   status
@@ -5121,7 +5200,7 @@ async function createComponentsBeforeSave({
   try {
     const uidToComponentId = await createComponents(unpublishedComponents, status);
     updateComponentInstances(elements, uidToComponentId);
-    dispatch18(
+    dispatch17(
       slice.actions.add(
         unpublishedComponents.map((component) => ({
           id: uidToComponentId.get(component.uid),
@@ -5131,10 +5210,10 @@ async function createComponentsBeforeSave({
         }))
       )
     );
-    dispatch18(slice.actions.resetUnpublished());
+    dispatch17(slice.actions.resetUnpublished());
   } catch (error) {
     const failedUids = unpublishedComponents.map((component) => component.uid);
-    dispatch18(slice.actions.removeUnpublished(failedUids));
+    dispatch17(slice.actions.removeUnpublished(failedUids));
     throw new Error(`Failed to publish components: ${error}`);
   }
 }
@@ -5204,7 +5283,7 @@ async function publishDraftComponentsInPageBeforeSave({ status, elements }) {
     return;
   }
   await apiClient.updateStatuses(draftIds, "publish");
-  draftIds.forEach((id2) => invalidateComponentCache(id2));
+  draftIds.forEach((id2) => invalidateComponentDocumentData(id2));
 }
 
 // src/sync/set-component-overridable-props-settings-before-save.ts
@@ -5247,7 +5326,7 @@ var updateArchivedComponentBeforeSave = async (status) => {
 };
 
 // src/sync/update-component-title-before-save.ts
-import { __dispatch as dispatch19, __getState as getState24 } from "@elementor/store";
+import { __dispatch as dispatch18, __getState as getState24 } from "@elementor/store";
 var updateComponentTitleBeforeSave = async (status) => {
   const updatedComponentNames = selectUpdatedComponentNames(getState24());
   if (!updatedComponentNames.length) {
@@ -5255,7 +5334,7 @@ var updateComponentTitleBeforeSave = async (status) => {
   }
   const result = await apiClient.updateComponentTitle(updatedComponentNames, status);
   if (result.failedIds.length === 0) {
-    dispatch19(slice.actions.cleanUpdatedComponentNames());
+    dispatch18(slice.actions.cleanUpdatedComponentNames());
   }
 };
 
@@ -5283,7 +5362,7 @@ var updateExistingComponentsBeforeSave = async ({
 // src/sync/cleanup-overridable-props-on-delete.ts
 import { getAllDescendants as getAllDescendants5 } from "@elementor/editor-elements";
 import { registerDataHook } from "@elementor/editor-v1-adapters";
-import { __dispatch as dispatch20, __getState as getState25 } from "@elementor/store";
+import { __dispatch as dispatch19, __getState as getState25 } from "@elementor/store";
 function initCleanupOverridablePropsOnDelete() {
   registerDataHook("dependency", "document/elements/delete", (args) => {
     const state = getState25();
@@ -5317,7 +5396,7 @@ function initCleanupOverridablePropsOnDelete() {
     for (const propKey of propKeysToDelete) {
       updatedGroups = removePropFromAllGroups(updatedGroups, propKey);
     }
-    dispatch20(
+    dispatch19(
       slice.actions.setOverridableProps({
         componentId: currentComponentId,
         overridableProps: {