@elementor/editor-components 4.0.0-503 → 4.0.0-505

package/dist/index.js

@@ -43,12 +43,12 @@ var import_editor_elements_panel = require("@elementor/editor-elements-panel");
 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_store82 = require("@elementor/store");
 var import_i18n31 = require("@wordpress/i18n");
 
 // src/component-instance-transformer.ts
 var import_editor_canvas = require("@elementor/editor-canvas");
-var import_store3 = require("@elementor/store");
+var import_store5 = require("@elementor/store");
 
 // src/store/store.ts
 var import_store2 = require("@elementor/store");
@@ -188,6 +188,12 @@ var slice = (0, import_store2.__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) {
@@ -305,6 +311,7 @@ var selectUpdatedComponentNames = (0, import_store2.__createSelector)(
 
 // src/utils/component-document-data.ts
 var import_editor_documents = require("@elementor/editor-documents");
+var import_store3 = require("@elementor/store");
 var getComponentDocumentData = async (id2) => {
   const documentManager = (0, import_editor_documents.getV1DocumentsManager)();
   try {
@@ -313,9 +320,11 @@ var getComponentDocumentData = async (id2) => {
     return null;
   }
 };
-var invalidateComponentDocumentData = (id2) => {
+var invalidateComponentCache = (id2) => {
   const documentManager = (0, import_editor_documents.getV1DocumentsManager)();
   documentManager.invalidateCache(id2);
+  (0, import_store3.__dispatch)(slice.actions.removeStyles({ id: id2 }));
+  (0, import_store3.__dispatch)(slice.actions.clearOverridableProps({ componentId: id2 }));
 };
 
 // src/component-instance-transformer.ts
@@ -324,7 +333,7 @@ var componentInstanceTransformer = (0, import_editor_canvas.createTransformer)(
     component_id: id2,
     overrides: overridesValue
   }) => {
-    const unpublishedComponents = selectUnpublishedComponents((0, import_store3.__getState)());
+    const unpublishedComponents = selectUnpublishedComponents((0, import_store5.__getState)());
     const unpublishedComponent = unpublishedComponents.find(({ uid }) => uid === id2);
     const overrides = overridesValue?.reduce((acc, override) => ({ ...acc, ...override }), {});
     if (unpublishedComponent) {
@@ -392,14 +401,14 @@ var import_editor_documents6 = require("@elementor/editor-documents");
 var import_editor_panels3 = require("@elementor/editor-panels");
 var import_editor_ui6 = require("@elementor/editor-ui");
 var import_icons7 = require("@elementor/icons");
-var import_store29 = require("@elementor/store");
+var import_store31 = require("@elementor/store");
 var import_ui10 = require("@elementor/ui");
 var import_i18n13 = require("@wordpress/i18n");
 
 // src/hooks/use-navigate-back.ts
 var import_react = require("react");
 var import_editor_documents2 = require("@elementor/editor-documents");
-var import_store5 = require("@elementor/store");
+var import_store7 = require("@elementor/store");
 
 // src/utils/switch-to-component.ts
 var import_editor_elements = require("@elementor/editor-elements");
@@ -414,6 +423,7 @@ async function expandNavigator() {
 // src/utils/switch-to-component.ts
 async function switchToComponent(componentId, componentInstanceId, element) {
   const selector = getSelector(element, componentInstanceId);
+  invalidateComponentCache(componentId);
   await (0, import_editor_v1_adapters3.__privateRunCommand)("editor/documents/switch", {
     id: componentId,
     selector,
@@ -459,7 +469,7 @@ function buildUniqueSelector(element) {
 
 // src/hooks/use-navigate-back.ts
 function useNavigateBack() {
-  const path = (0, import_store5.__useSelector)(selectPath);
+  const path = (0, import_store7.__useSelector)(selectPath);
   const documentsManager = (0, import_editor_documents2.getV1DocumentsManager)();
   return (0, import_react.useCallback)(() => {
     const { componentId: prevComponentId, instanceId: prevComponentInstanceId } = path.at(-2) ?? {};
@@ -473,7 +483,7 @@ function useNavigateBack() {
 
 // src/utils/tracking.ts
 var import_mixpanel = require("@elementor/mixpanel");
-var import_store7 = require("@elementor/store");
+var import_store9 = require("@elementor/store");
 var FEATURE_NAME = "Components";
 var trackComponentEvent = ({ action, source, ...data }) => {
   const { dispatchEvent, config } = (0, import_mixpanel.getMixpanel)();
@@ -491,7 +501,7 @@ var onElementDrop = (_args, element) => {
   const componentName = editorSettings?.title;
   const componentUID = editorSettings?.component_uid;
   const instanceId = element.id;
-  const createdThisSession = selectCreatedThisSession((0, import_store7.__getState)());
+  const createdThisSession = selectCreatedThisSession((0, import_store9.__getState)());
   const isSameSessionReuse = componentUID && createdThisSession.includes(componentUID);
   const eventsManagerConfig = window.elementorCommon.eventsManager.config;
   const { locations, secondaryLocations } = eventsManagerConfig;
@@ -527,15 +537,15 @@ var import_utils2 = require("@elementor/utils");
 var import_i18n10 = require("@wordpress/i18n");
 
 // src/store/actions/add-overridable-group.ts
-var import_store9 = require("@elementor/store");
+var import_store11 = require("@elementor/store");
 function addOverridableGroup({
   componentId,
   groupId,
   label,
   source
 }) {
-  const currentComponent = selectCurrentComponent((0, import_store9.__getState)());
-  const overridableProps = selectOverridableProps((0, import_store9.__getState)(), componentId);
+  const currentComponent = selectCurrentComponent((0, import_store11.__getState)());
+  const overridableProps = selectOverridableProps((0, import_store11.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -544,7 +554,7 @@ function addOverridableGroup({
     label,
     props: []
   };
-  (0, import_store9.__dispatch)(
+  (0, import_store11.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -570,7 +580,7 @@ function addOverridableGroup({
 }
 
 // src/store/actions/delete-overridable-group.ts
-var import_store11 = require("@elementor/store");
+var import_store13 = require("@elementor/store");
 
 // src/store/utils/groups-transformers.ts
 var import_utils = require("@elementor/utils");
@@ -718,7 +728,7 @@ function renameGroup(groups, groupId, newLabel) {
 
 // src/store/actions/delete-overridable-group.ts
 function deleteOverridableGroup({ componentId, groupId }) {
-  const overridableProps = selectOverridableProps((0, import_store11.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store13.__getState)(), componentId);
   if (!overridableProps) {
     return false;
   }
@@ -727,7 +737,7 @@ function deleteOverridableGroup({ componentId, groupId }) {
     return false;
   }
   const updatedGroups = deleteGroup(overridableProps.groups, groupId);
-  (0, import_store11.__dispatch)(
+  (0, import_store13.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -740,7 +750,7 @@ function deleteOverridableGroup({ componentId, groupId }) {
 }
 
 // src/store/actions/delete-overridable-prop.ts
-var import_store15 = require("@elementor/store");
+var import_store17 = require("@elementor/store");
 
 // src/utils/revert-overridable-settings.ts
 var import_editor_elements2 = require("@elementor/editor-elements");
@@ -748,7 +758,7 @@ var import_editor_elements2 = require("@elementor/editor-elements");
 // src/create-component-type.ts
 var import_editor_canvas4 = require("@elementor/editor-canvas");
 var import_editor_documents3 = require("@elementor/editor-documents");
-var import_store13 = require("@elementor/store");
+var import_store15 = require("@elementor/store");
 var import_i18n2 = require("@wordpress/i18n");
 var COMPONENT_WIDGET_TYPE = "e-component";
 var updateGroups = (groups, config) => {
@@ -967,7 +977,7 @@ function createComponentModel() {
       }
       const componentUid = editorSettings?.component_uid;
       if (componentUid) {
-        const component = selectComponentByUid((0, import_store13.__getState)(), componentUid);
+        const component = selectComponentByUid((0, import_store15.__getState)(), componentUid);
         if (component?.name) {
           return component.name;
         }
@@ -1176,7 +1186,7 @@ function revertElementSettings(element) {
 
 // src/store/actions/delete-overridable-prop.ts
 function deleteOverridableProp({ componentId, propKey, source }) {
-  const overridableProps = selectOverridableProps((0, import_store15.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store17.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -1187,7 +1197,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);
-  (0, import_store15.__dispatch)(
+  (0, import_store17.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1197,7 +1207,7 @@ function deleteOverridableProp({ componentId, propKey, source }) {
       }
     })
   );
-  const currentComponent = selectCurrentComponent((0, import_store15.__getState)());
+  const currentComponent = selectCurrentComponent((0, import_store17.__getState)());
   trackComponentEvent({
     action: "propertyRemoved",
     source,
@@ -1210,9 +1220,9 @@ function deleteOverridableProp({ componentId, propKey, source }) {
 }
 
 // src/store/actions/reorder-group-props.ts
-var import_store17 = require("@elementor/store");
+var import_store19 = require("@elementor/store");
 function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
-  const overridableProps = selectOverridableProps((0, import_store17.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store19.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -1220,7 +1230,7 @@ function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
   if (!group) {
     return;
   }
-  (0, import_store17.__dispatch)(
+  (0, import_store19.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1241,13 +1251,13 @@ function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
 }
 
 // src/store/actions/reorder-overridable-groups.ts
-var import_store19 = require("@elementor/store");
+var import_store21 = require("@elementor/store");
 function reorderOverridableGroups({ componentId, newOrder }) {
-  const overridableProps = selectOverridableProps((0, import_store19.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store21.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
-  (0, import_store19.__dispatch)(
+  (0, import_store21.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1262,14 +1272,14 @@ function reorderOverridableGroups({ componentId, newOrder }) {
 }
 
 // src/store/actions/update-overridable-prop-params.ts
-var import_store21 = require("@elementor/store");
+var import_store23 = require("@elementor/store");
 function updateOverridablePropParams({
   componentId,
   overrideKey,
   label,
   groupId
 }) {
-  const overridableProps = selectOverridableProps((0, import_store21.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store23.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -1285,7 +1295,7 @@ function updateOverridablePropParams({
     groupId: newGroupId
   };
   const updatedGroups = movePropBetweenGroups(overridableProps.groups, overrideKey, oldGroupId, newGroupId);
-  (0, import_store21.__dispatch)(
+  (0, import_store23.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1302,9 +1312,9 @@ function updateOverridablePropParams({
 }
 
 // src/components/component-panel-header/use-overridable-props.ts
-var import_store23 = require("@elementor/store");
+var import_store25 = require("@elementor/store");
 function useOverridableProps2(componentId) {
-  return (0, import_store23.__useSelector)((state) => {
+  return (0, import_store25.__useSelector)((state) => {
     if (!componentId) {
       return void 0;
     }
@@ -1853,9 +1863,9 @@ var import_editor_ui4 = require("@elementor/editor-ui");
 var import_i18n9 = require("@wordpress/i18n");
 
 // src/store/actions/rename-overridable-group.ts
-var import_store25 = require("@elementor/store");
+var import_store27 = require("@elementor/store");
 function renameOverridableGroup({ componentId, groupId, label }) {
-  const overridableProps = selectOverridableProps((0, import_store25.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store27.__getState)(), componentId);
   if (!overridableProps) {
     return false;
   }
@@ -1864,7 +1874,7 @@ function renameOverridableGroup({ componentId, groupId, label }) {
     return false;
   }
   const updatedGroups = renameGroup(overridableProps.groups, groupId, label);
-  (0, import_store25.__dispatch)(
+  (0, import_store27.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -2197,7 +2207,7 @@ var ComponentPanelHeader = () => {
   ));
 };
 function getComponentName() {
-  const state = (0, import_store29.__getState)();
+  const state = (0, import_store31.__getState)();
   const path = state[SLICE_NAME].path;
   const { instanceTitle } = path.at(-1) ?? {};
   if (instanceTitle) {
@@ -2213,10 +2223,10 @@ var React18 = __toESM(require("react"));
 var import_editor_ui10 = require("@elementor/editor-ui");
 
 // src/hooks/use-components.ts
-var import_store31 = require("@elementor/store");
+var import_store33 = require("@elementor/store");
 var useComponents = () => {
-  const components = (0, import_store31.__useSelector)(selectComponents);
-  const isLoading = (0, import_store31.__useSelector)(selectLoadIsPending);
+  const components = (0, import_store33.__useSelector)(selectComponents);
+  const isLoading = (0, import_store33.__useSelector)(selectLoadIsPending);
   return { components, isLoading };
 };
 
@@ -2300,10 +2310,10 @@ var useComponentsPermissions = () => {
 // src/store/actions/rename-component.ts
 var import_editor_documents7 = require("@elementor/editor-documents");
 var import_editor_elements5 = require("@elementor/editor-elements");
-var import_store33 = require("@elementor/store");
+var import_store35 = require("@elementor/store");
 var TITLE_EXTERNAL_CHANGE_COMMAND = "title_external_change";
 var renameComponent = (componentUid, newName) => {
-  (0, import_store33.__dispatch)(slice.actions.rename({ componentUid, name: newName }));
+  (0, import_store35.__dispatch)(slice.actions.rename({ componentUid, name: newName }));
   (0, import_editor_documents7.setDocumentModifiedStatus)(true);
   refreshComponentInstanceTitles(componentUid);
 };
@@ -2344,7 +2354,7 @@ var import_i18n18 = require("@wordpress/i18n");
 // src/store/actions/archive-component.ts
 var import_editor_documents8 = require("@elementor/editor-documents");
 var import_editor_notifications = require("@elementor/editor-notifications");
-var import_store35 = require("@elementor/store");
+var import_store37 = require("@elementor/store");
 var import_i18n15 = require("@wordpress/i18n");
 var successNotification = (componentId, componentName) => ({
   type: "success",
@@ -2353,7 +2363,7 @@ var successNotification = (componentId, componentName) => ({
   id: `success-archived-components-notification-${componentId}`
 });
 var archiveComponent = (componentId, componentName) => {
-  (0, import_store35.__dispatch)(slice.actions.archive(componentId));
+  (0, import_store37.__dispatch)(slice.actions.archive(componentId));
   (0, import_editor_documents8.setDocumentModifiedStatus)(true);
   (0, import_editor_notifications.notify)(successNotification(componentId, componentName));
 };
@@ -2405,7 +2415,7 @@ async function getDocumentsMap(ids, cache) {
 }
 
 // src/store/actions/load-components-overridable-props.ts
-var import_store37 = require("@elementor/store");
+var import_store39 = require("@elementor/store");
 function loadComponentsOverridableProps(componentIds) {
   if (!componentIds.length) {
     return;
@@ -2413,7 +2423,7 @@ function loadComponentsOverridableProps(componentIds) {
   return Promise.all(componentIds.map(loadComponentOverrides));
 }
 async function loadComponentOverrides(componentId) {
-  const isOverridablePropsLoaded = selectIsOverridablePropsLoaded((0, import_store37.__getState)(), componentId);
+  const isOverridablePropsLoaded = selectIsOverridablePropsLoaded((0, import_store39.__getState)(), componentId);
   if (isOverridablePropsLoaded) {
     return;
   }
@@ -2421,7 +2431,7 @@ async function loadComponentOverrides(componentId) {
   if (!overridableProps) {
     return;
   }
-  (0, import_store37.__dispatch)(
+  (0, import_store39.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps
@@ -2430,12 +2440,12 @@ async function loadComponentOverrides(componentId) {
 }
 
 // src/store/actions/load-components-styles.ts
-var import_store39 = require("@elementor/store");
+var import_store41 = require("@elementor/store");
 function loadComponentsStyles(documents) {
   if (!documents.size) {
     return;
   }
-  const knownComponents = selectStyles((0, import_store39.__getState)());
+  const knownComponents = selectStyles((0, import_store41.__getState)());
   const unknownDocuments = new Map([...documents.entries()].filter(([id2]) => !knownComponents[id2]));
   if (!unknownDocuments.size) {
     return;
@@ -2446,7 +2456,7 @@ function addStyles(documents) {
   const styles = Object.fromEntries(
     [...documents.entries()].map(([id2, document]) => [id2, extractStylesFromDocument(document)])
   );
-  (0, import_store39.__dispatch)(slice.actions.addStyles(styles));
+  (0, import_store41.__dispatch)(slice.actions.addStyles(styles));
 }
 function extractStylesFromDocument(document) {
   if (!document.elements?.length) {
@@ -2476,7 +2486,7 @@ function updateDocumentState(documents) {
 }
 
 // src/utils/component-name-validation.ts
-var import_store41 = require("@elementor/store");
+var import_store43 = require("@elementor/store");
 
 // src/components/create-component-form/utils/component-form-schema.ts
 var import_schema5 = require("@elementor/schema");
@@ -2504,7 +2514,7 @@ var createSubmitComponentSchema = (existingNames) => {
 
 // src/utils/component-name-validation.ts
 function validateComponentName(label) {
-  const existingComponentTitles = selectComponents((0, import_store41.__getState)())?.map(({ name }) => name) ?? [];
+  const existingComponentTitles = selectComponents((0, import_store43.__getState)())?.map(({ name }) => name) ?? [];
   const schema = createSubmitComponentSchema(existingComponentTitles);
   const result = schema.safeParse({ componentName: label.toLowerCase() });
   if (result.success) {
@@ -2991,7 +3001,7 @@ 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_store49 = require("@elementor/store");
 var import_ui16 = require("@elementor/ui");
 var import_i18n23 = require("@wordpress/i18n");
 
@@ -3003,9 +3013,9 @@ var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_i18n21 = require("@wordpress/i18n");
 
 // src/utils/is-editing-component.ts
-var import_store43 = require("@elementor/store");
+var import_store45 = require("@elementor/store");
 function isEditingComponent() {
-  const state = (0, import_store43.__getStore)()?.getState();
+  const state = (0, import_store45.__getStore)()?.getState();
   if (!state) {
     return false;
   }
@@ -3116,7 +3126,7 @@ 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_store47 = require("@elementor/store");
 var import_utils4 = require("@elementor/utils");
 var import_i18n22 = require("@wordpress/i18n");
 async function createUnpublishedComponent({
@@ -3137,14 +3147,14 @@ async function createUnpublishedComponent({
     parentId: container?.parent?.id ?? "",
     index: container?.view?._index ?? 0
   };
-  (0, import_store45.__dispatch)(
+  (0, import_store47.__dispatch)(
     slice.actions.addUnpublished({
       ...componentBase,
       elements: [elementDataWithOverridablesReverted],
       overridableProps
     })
   );
-  (0, import_store45.__dispatch)(slice.actions.addCreatedThisSession(generatedUid));
+  (0, import_store47.__dispatch)(slice.actions.addCreatedThisSession(generatedUid));
   const componentInstance = await replaceElementWithComponent(element, componentBase);
   trackComponentEvent({
     action: "created",
@@ -3157,8 +3167,8 @@ async function createUnpublishedComponent({
     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));
+    (0, import_store47.__dispatch)(slice.actions.removeUnpublished(generatedUid));
+    (0, import_store47.__dispatch)(slice.actions.removeCreatedThisSession(generatedUid));
     throw error;
   }
   return { uid: generatedUid, instanceId: componentInstance.id };
@@ -3296,7 +3306,7 @@ function CreateComponentForm() {
         eventData: eventData.current,
         source: "user"
       });
-      const publishedComponentId = selectComponentByUid((0, import_store47.__getState)(), uid)?.id;
+      const publishedComponentId = selectComponentByUid((0, import_store49.__getState)(), uid)?.id;
       if (publishedComponentId) {
         switchToComponent(publishedComponentId, instanceId);
       } else {
@@ -3442,22 +3452,22 @@ var React21 = __toESM(require("react"));
 var import_react13 = require("react");
 var import_editor_documents11 = require("@elementor/editor-documents");
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
-var import_store51 = require("@elementor/store");
+var import_store53 = require("@elementor/store");
 var import_utils6 = require("@elementor/utils");
 
 // src/store/actions/update-current-component.ts
 var import_editor_documents10 = require("@elementor/editor-documents");
-var import_store49 = require("@elementor/store");
+var import_store51 = require("@elementor/store");
 function updateCurrentComponent({
   path,
   currentComponentId
 }) {
-  const dispatch20 = (0, import_store49.__getStore)()?.dispatch;
-  if (!dispatch20) {
+  const dispatch21 = (0, import_store51.__getStore)()?.dispatch;
+  if (!dispatch21) {
     return;
   }
-  dispatch20(slice.actions.setPath(path));
-  dispatch20(slice.actions.setCurrentComponentId(currentComponentId));
+  dispatch21(slice.actions.setPath(path));
+  dispatch21(slice.actions.setCurrentComponentId(currentComponentId));
 }
 
 // src/components/edit-component/component-modal.tsx
@@ -3648,7 +3658,7 @@ function EditComponent() {
 function useHandleDocumentSwitches() {
   const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
   const currentComponentId = useCurrentComponentId();
-  const path = (0, import_store51.__useSelector)(selectPath);
+  const path = (0, import_store53.__useSelector)(selectPath);
   (0, import_react13.useEffect)(() => {
     return (0, import_editor_v1_adapters7.__privateListenTo)((0, import_editor_v1_adapters7.commandEndEvent)("editor/documents/open"), () => {
       const nextDocument = documentsManager.getCurrent();
@@ -3859,7 +3869,7 @@ var useOverridablePropValue = () => (0, import_react14.useContext)(OverridablePr
 var useComponentInstanceElement = () => (0, import_react14.useContext)(OverridablePropContext)?.componentInstanceElement;
 
 // src/store/actions/update-overridable-prop.ts
-var import_store53 = require("@elementor/store");
+var import_store55 = require("@elementor/store");
 
 // src/utils/resolve-override-prop-value.ts
 var resolveOverridePropValue = (originalPropValue) => {
@@ -3894,7 +3904,7 @@ function getOverrideValue(overrideProp) {
 
 // src/store/actions/update-overridable-prop.ts
 function updateOverridableProp(componentId, propValue, originPropFields) {
-  const overridableProps = selectOverridableProps((0, import_store53.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store55.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -3919,7 +3929,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
       }
     }
   };
-  (0, import_store53.__dispatch)(
+  (0, import_store55.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: newOverridableProps
@@ -4282,7 +4292,7 @@ var import_ui24 = require("@elementor/ui");
 var import_i18n29 = require("@wordpress/i18n");
 
 // src/store/actions/set-overridable-prop.ts
-var import_store58 = require("@elementor/store");
+var import_store60 = require("@elementor/store");
 var import_utils8 = require("@elementor/utils");
 function setOverridableProp({
   componentId,
@@ -4297,7 +4307,7 @@ function setOverridableProp({
   originPropFields,
   source
 }) {
-  const overridableProps = selectOverridableProps((0, import_store58.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store60.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -4334,7 +4344,7 @@ function setOverridableProp({
   if (isChangingGroups) {
     groups = removePropFromGroup(groups, existingOverridableProp.groupId, overridableProp.overrideKey);
   }
-  (0, import_store58.__dispatch)(
+  (0, import_store60.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -4345,7 +4355,7 @@ function setOverridableProp({
   );
   const isNewProperty = !existingOverridableProp;
   if (isNewProperty) {
-    const currentComponent = selectCurrentComponent((0, import_store58.__getState)());
+    const currentComponent = selectCurrentComponent((0, import_store60.__getState)());
     trackComponentEvent({
       action: "propertyExposed",
       source,
@@ -4430,12 +4440,12 @@ var Indicator2 = (0, import_react16.forwardRef)(({ isOpen, isOverridable, ...pro
 )));
 
 // src/components/overridable-props/utils/get-overridable-prop.ts
-var import_store60 = require("@elementor/store");
+var import_store62 = require("@elementor/store");
 function getOverridableProp({
   componentId,
   overrideKey
 }) {
-  const overridableProps = selectOverridableProps((0, import_store60.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store62.__getState)(), componentId);
   if (!overridableProps) {
     return void 0;
   }
@@ -4899,10 +4909,10 @@ function initMcp() {
 
 // src/populate-store.ts
 var import_react17 = require("react");
-var import_store63 = require("@elementor/store");
+var import_store65 = require("@elementor/store");
 function PopulateStore() {
   (0, import_react17.useEffect)(() => {
-    (0, import_store63.__dispatch)(loadComponents());
+    (0, import_store65.__dispatch)(loadComponents());
   }, []);
   return null;
 }
@@ -4911,7 +4921,7 @@ function PopulateStore() {
 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_store66 = require("@elementor/store");
 var import_i18n30 = require("@wordpress/i18n");
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
@@ -4937,7 +4947,7 @@ function wouldCreateCircularNesting(componentIdToAdd) {
   if (componentIdToAdd === void 0) {
     return false;
   }
-  const state = (0, import_store64.__getState)();
+  const state = (0, import_store66.__getState)();
   const currentComponentId = selectCurrentComponentId(state);
   const path = selectPath(state);
   if (currentComponentId === null) {
@@ -5035,19 +5045,19 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-var import_store66 = require("@elementor/store");
+var import_store68 = require("@elementor/store");
 function removeComponentStyles(id2) {
   apiClient.invalidateComponentConfigCache(id2);
-  (0, import_store66.__dispatch)(slice.actions.removeStyles({ id: id2 }));
+  (0, import_store68.__dispatch)(slice.actions.removeStyles({ id: id2 }));
 }
 
 // src/store/components-styles-provider.ts
 var import_editor_styles_repository = require("@elementor/editor-styles-repository");
-var import_store68 = require("@elementor/store");
+var import_store70 = require("@elementor/store");
 var componentsStylesProvider = (0, import_editor_styles_repository.createStylesProvider)({
   key: "components-styles",
   priority: 100,
-  subscribe: (cb) => (0, import_store68.__subscribeWithSelector)(
+  subscribe: (cb) => (0, import_store70.__subscribeWithSelector)(
     (state) => state[SLICE_NAME],
     () => {
       cb();
@@ -5055,29 +5065,29 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
   ),
   actions: {
     all: () => {
-      return selectFlatStyles((0, import_store68.__getState)());
+      return selectFlatStyles((0, import_store70.__getState)());
     },
     get: (id2) => {
-      return selectFlatStyles((0, import_store68.__getState)()).find((style) => style.id === id2) ?? null;
+      return selectFlatStyles((0, import_store70.__getState)()).find((style) => style.id === id2) ?? null;
     }
   }
 });
 
 // src/sync/create-components-before-save.ts
 var import_editor_elements20 = require("@elementor/editor-elements");
-var import_store70 = require("@elementor/store");
+var import_store72 = require("@elementor/store");
 async function createComponentsBeforeSave({
   elements,
   status
 }) {
-  const unpublishedComponents = selectUnpublishedComponents((0, import_store70.__getState)());
+  const unpublishedComponents = selectUnpublishedComponents((0, import_store72.__getState)());
   if (!unpublishedComponents.length) {
     return;
   }
   try {
     const uidToComponentId = await createComponents(unpublishedComponents, status);
     updateComponentInstances(elements, uidToComponentId);
-    (0, import_store70.__dispatch)(
+    (0, import_store72.__dispatch)(
       slice.actions.add(
         unpublishedComponents.map((component) => ({
           id: uidToComponentId.get(component.uid),
@@ -5087,10 +5097,10 @@ async function createComponentsBeforeSave({
         }))
       )
     );
-    (0, import_store70.__dispatch)(slice.actions.resetUnpublished());
+    (0, import_store72.__dispatch)(slice.actions.resetUnpublished());
   } catch (error) {
     const failedUids = unpublishedComponents.map((component) => component.uid);
-    (0, import_store70.__dispatch)(slice.actions.removeUnpublished(failedUids));
+    (0, import_store72.__dispatch)(slice.actions.removeUnpublished(failedUids));
     throw new Error(`Failed to publish components: ${error}`);
   }
 }
@@ -5160,11 +5170,11 @@ async function publishDraftComponentsInPageBeforeSave({ status, elements }) {
     return;
   }
   await apiClient.updateStatuses(draftIds, "publish");
-  draftIds.forEach((id2) => invalidateComponentDocumentData(id2));
+  draftIds.forEach((id2) => invalidateComponentCache(id2));
 }
 
 // src/sync/set-component-overridable-props-settings-before-save.ts
-var import_store72 = require("@elementor/store");
+var import_store74 = require("@elementor/store");
 var setComponentOverridablePropsSettingsBeforeSave = ({
   container
 }) => {
@@ -5172,7 +5182,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
   if (!currentDocument || currentDocument.config.type !== COMPONENT_DOCUMENT_TYPE) {
     return;
   }
-  const overridableProps = selectOverridableProps((0, import_store72.__getState)(), currentDocument.id);
+  const overridableProps = selectOverridableProps((0, import_store74.__getState)(), currentDocument.id);
   if (overridableProps) {
     container.settings.set("overridable_props", overridableProps);
   }
@@ -5180,7 +5190,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
 
 // src/sync/update-archived-component-before-save.ts
 var import_editor_notifications5 = require("@elementor/editor-notifications");
-var import_store74 = require("@elementor/store");
+var import_store76 = require("@elementor/store");
 var failedNotification = (message) => ({
   type: "error",
   message: `Failed to archive components: ${message}`,
@@ -5188,7 +5198,7 @@ var failedNotification = (message) => ({
 });
 var updateArchivedComponentBeforeSave = async (status) => {
   try {
-    const archivedComponents = selectArchivedThisSession((0, import_store74.__getState)());
+    const archivedComponents = selectArchivedThisSession((0, import_store76.__getState)());
     if (!archivedComponents.length) {
       return;
     }
@@ -5203,15 +5213,15 @@ var updateArchivedComponentBeforeSave = async (status) => {
 };
 
 // src/sync/update-component-title-before-save.ts
-var import_store76 = require("@elementor/store");
+var import_store78 = require("@elementor/store");
 var updateComponentTitleBeforeSave = async (status) => {
-  const updatedComponentNames = selectUpdatedComponentNames((0, import_store76.__getState)());
+  const updatedComponentNames = selectUpdatedComponentNames((0, import_store78.__getState)());
   if (!updatedComponentNames.length) {
     return;
   }
   const result = await apiClient.updateComponentTitle(updatedComponentNames, status);
   if (result.failedIds.length === 0) {
-    (0, import_store76.__dispatch)(slice.actions.cleanUpdatedComponentNames());
+    (0, import_store78.__dispatch)(slice.actions.cleanUpdatedComponentNames());
   }
 };
 
@@ -5239,10 +5249,10 @@ var updateExistingComponentsBeforeSave = async ({
 // src/sync/cleanup-overridable-props-on-delete.ts
 var import_editor_elements21 = require("@elementor/editor-elements");
 var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
-var import_store78 = require("@elementor/store");
+var import_store80 = require("@elementor/store");
 function initCleanupOverridablePropsOnDelete() {
   (0, import_editor_v1_adapters9.registerDataHook)("dependency", "document/elements/delete", (args) => {
-    const state = (0, import_store78.__getState)();
+    const state = (0, import_store80.__getState)();
     if (!state) {
       return true;
     }
@@ -5273,7 +5283,7 @@ function initCleanupOverridablePropsOnDelete() {
     for (const propKey of propKeysToDelete) {
       updatedGroups = removePropFromAllGroups(updatedGroups, propKey);
     }
-    (0, import_store78.__dispatch)(
+    (0, import_store80.__dispatch)(
       slice.actions.setOverridableProps({
         componentId: currentComponentId,
         overridableProps: {
@@ -5498,7 +5508,7 @@ function revertOverridablesInStorage(storageKey) {
 // src/init.ts
 function init() {
   import_editor_styles_repository2.stylesRepository.register(componentsStylesProvider);
-  (0, import_store80.__registerSlice)(slice);
+  (0, import_store82.__registerSlice)(slice);
   (0, import_editor_panels5.__registerPanel)(panel);
   (0, import_editor_canvas8.registerElementType)(
     COMPONENT_WIDGET_TYPE,