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

package/dist/index.mjs

@@ -165,6 +165,12 @@ 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) {
@@ -282,6 +288,7 @@ 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 {
@@ -290,9 +297,11 @@ var getComponentDocumentData = async (id2) => {
     return null;
   }
 };
-var invalidateComponentDocumentData = (id2) => {
+var invalidateComponentCache = (id2) => {
   const documentManager = getV1DocumentsManager();
   documentManager.invalidateCache(id2);
+  dispatch(slice.actions.removeStyles({ id: id2 }));
+  dispatch(slice.actions.clearOverridableProps({ componentId: id2 }));
 };
 
 // src/component-instance-transformer.ts
@@ -391,6 +400,7 @@ 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,
@@ -504,7 +514,7 @@ import { generateUniqueId as generateUniqueId2 } from "@elementor/utils";
 import { __ as __10 } from "@wordpress/i18n";
 
 // src/store/actions/add-overridable-group.ts
-import { __dispatch as dispatch, __getState as getState3 } from "@elementor/store";
+import { __dispatch as dispatch2, __getState as getState3 } from "@elementor/store";
 function addOverridableGroup({
   componentId,
   groupId,
@@ -521,7 +531,7 @@ function addOverridableGroup({
     label,
     props: []
   };
-  dispatch(
+  dispatch2(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -547,7 +557,7 @@ function addOverridableGroup({
 }
 
 // src/store/actions/delete-overridable-group.ts
-import { __dispatch as dispatch2, __getState as getState4 } from "@elementor/store";
+import { __dispatch as dispatch3, __getState as getState4 } from "@elementor/store";
 
 // src/store/utils/groups-transformers.ts
 import { generateUniqueId } from "@elementor/utils";
@@ -704,7 +714,7 @@ function deleteOverridableGroup({ componentId, groupId }) {
     return false;
   }
   const updatedGroups = deleteGroup(overridableProps.groups, groupId);
-  dispatch2(
+  dispatch3(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -717,7 +727,7 @@ function deleteOverridableGroup({ componentId, groupId }) {
 }
 
 // src/store/actions/delete-overridable-prop.ts
-import { __dispatch as dispatch3, __getState as getState6 } from "@elementor/store";
+import { __dispatch as dispatch4, __getState as getState6 } from "@elementor/store";
 
 // src/utils/revert-overridable-settings.ts
 import {
@@ -1171,7 +1181,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);
-  dispatch3(
+  dispatch4(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1194,7 +1204,7 @@ function deleteOverridableProp({ componentId, propKey, source }) {
 }
 
 // src/store/actions/reorder-group-props.ts
-import { __dispatch as dispatch4, __getState as getState7 } from "@elementor/store";
+import { __dispatch as dispatch5, __getState as getState7 } from "@elementor/store";
 function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
   const overridableProps = selectOverridableProps(getState7(), componentId);
   if (!overridableProps) {
@@ -1204,7 +1214,7 @@ function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
   if (!group) {
     return;
   }
-  dispatch4(
+  dispatch5(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1225,13 +1235,13 @@ function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
 }
 
 // src/store/actions/reorder-overridable-groups.ts
-import { __dispatch as dispatch5, __getState as getState8 } from "@elementor/store";
+import { __dispatch as dispatch6, __getState as getState8 } from "@elementor/store";
 function reorderOverridableGroups({ componentId, newOrder }) {
   const overridableProps = selectOverridableProps(getState8(), componentId);
   if (!overridableProps) {
     return;
   }
-  dispatch5(
+  dispatch6(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1246,7 +1256,7 @@ function reorderOverridableGroups({ componentId, newOrder }) {
 }
 
 // src/store/actions/update-overridable-prop-params.ts
-import { __dispatch as dispatch6, __getState as getState9 } from "@elementor/store";
+import { __dispatch as dispatch7, __getState as getState9 } from "@elementor/store";
 function updateOverridablePropParams({
   componentId,
   overrideKey,
@@ -1269,7 +1279,7 @@ function updateOverridablePropParams({
     groupId: newGroupId
   };
   const updatedGroups = movePropBetweenGroups(overridableProps.groups, overrideKey, oldGroupId, newGroupId);
-  dispatch6(
+  dispatch7(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -1853,7 +1863,7 @@ import { useEditable } from "@elementor/editor-ui";
 import { __ as __9 } from "@wordpress/i18n";
 
 // src/store/actions/rename-overridable-group.ts
-import { __dispatch as dispatch7, __getState as getState10 } from "@elementor/store";
+import { __dispatch as dispatch8, __getState as getState10 } from "@elementor/store";
 function renameOverridableGroup({ componentId, groupId, label }) {
   const overridableProps = selectOverridableProps(getState10(), componentId);
   if (!overridableProps) {
@@ -1864,7 +1874,7 @@ function renameOverridableGroup({ componentId, groupId, label }) {
     return false;
   }
   const updatedGroups = renameGroup(overridableProps.groups, groupId, label);
-  dispatch7(
+  dispatch8(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -2300,10 +2310,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 dispatch8 } from "@elementor/store";
+import { __dispatch as dispatch9 } from "@elementor/store";
 var TITLE_EXTERNAL_CHANGE_COMMAND = "title_external_change";
 var renameComponent = (componentUid, newName) => {
-  dispatch8(slice.actions.rename({ componentUid, name: newName }));
+  dispatch9(slice.actions.rename({ componentUid, name: newName }));
   setDocumentModifiedStatus3(true);
   refreshComponentInstanceTitles(componentUid);
 };
@@ -2356,7 +2366,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 dispatch9 } from "@elementor/store";
+import { __dispatch as dispatch10 } from "@elementor/store";
 import { __ as __15 } from "@wordpress/i18n";
 var successNotification = (componentId, componentName) => ({
   type: "success",
@@ -2365,7 +2375,7 @@ var successNotification = (componentId, componentName) => ({
   id: `success-archived-components-notification-${componentId}`
 });
 var archiveComponent = (componentId, componentName) => {
-  dispatch9(slice.actions.archive(componentId));
+  dispatch10(slice.actions.archive(componentId));
   setDocumentModifiedStatus4(true);
   notify(successNotification(componentId, componentName));
 };
@@ -2417,7 +2427,7 @@ async function getDocumentsMap(ids, cache) {
 }
 
 // src/store/actions/load-components-overridable-props.ts
-import { __dispatch as dispatch10, __getState as getState12 } from "@elementor/store";
+import { __dispatch as dispatch11, __getState as getState12 } from "@elementor/store";
 function loadComponentsOverridableProps(componentIds) {
   if (!componentIds.length) {
     return;
@@ -2433,7 +2443,7 @@ async function loadComponentOverrides(componentId) {
   if (!overridableProps) {
     return;
   }
-  dispatch10(
+  dispatch11(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps
@@ -2442,7 +2452,7 @@ async function loadComponentOverrides(componentId) {
 }
 
 // src/store/actions/load-components-styles.ts
-import { __dispatch as dispatch11, __getState as getState13 } from "@elementor/store";
+import { __dispatch as dispatch12, __getState as getState13 } from "@elementor/store";
 function loadComponentsStyles(documents) {
   if (!documents.size) {
     return;
@@ -2458,7 +2468,7 @@ function addStyles(documents) {
   const styles = Object.fromEntries(
     [...documents.entries()].map(([id2, document]) => [id2, extractStylesFromDocument(document)])
   );
-  dispatch11(slice.actions.addStyles(styles));
+  dispatch12(slice.actions.addStyles(styles));
 }
 function extractStylesFromDocument(document) {
   if (!document.elements?.length) {
@@ -3132,7 +3142,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 dispatch12 } from "@elementor/store";
+import { __dispatch as dispatch13 } from "@elementor/store";
 import { generateUniqueId as generateUniqueId3 } from "@elementor/utils";
 import { __ as __22 } from "@wordpress/i18n";
 async function createUnpublishedComponent({
@@ -3153,14 +3163,14 @@ async function createUnpublishedComponent({
     parentId: container?.parent?.id ?? "",
     index: container?.view?._index ?? 0
   };
-  dispatch12(
+  dispatch13(
     slice.actions.addUnpublished({
       ...componentBase,
       elements: [elementDataWithOverridablesReverted],
       overridableProps
     })
   );
-  dispatch12(slice.actions.addCreatedThisSession(generatedUid));
+  dispatch13(slice.actions.addCreatedThisSession(generatedUid));
   const componentInstance = await replaceElementWithComponent(element, componentBase);
   trackComponentEvent({
     action: "created",
@@ -3173,8 +3183,8 @@ async function createUnpublishedComponent({
     await runCommand3("document/save/auto");
   } catch (error) {
     restoreOriginalElement(originalElement, componentInstance.id);
-    dispatch12(slice.actions.removeUnpublished(generatedUid));
-    dispatch12(slice.actions.removeCreatedThisSession(generatedUid));
+    dispatch13(slice.actions.removeUnpublished(generatedUid));
+    dispatch13(slice.actions.removeCreatedThisSession(generatedUid));
     throw error;
   }
   return { uid: generatedUid, instanceId: componentInstance.id };
@@ -3468,12 +3478,12 @@ function updateCurrentComponent({
   path,
   currentComponentId
 }) {
-  const dispatch20 = getStore2()?.dispatch;
-  if (!dispatch20) {
+  const dispatch21 = getStore2()?.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
@@ -3887,7 +3897,7 @@ var useOverridablePropValue = () => useContext2(OverridablePropContext)?.value;
 var useComponentInstanceElement = () => useContext2(OverridablePropContext)?.componentInstanceElement;
 
 // src/store/actions/update-overridable-prop.ts
-import { __dispatch as dispatch13, __getState as getState16 } from "@elementor/store";
+import { __dispatch as dispatch14, __getState as getState16 } from "@elementor/store";
 
 // src/utils/resolve-override-prop-value.ts
 var resolveOverridePropValue = (originalPropValue) => {
@@ -3947,7 +3957,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
       }
     }
   };
-  dispatch13(
+  dispatch14(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: newOverridableProps
@@ -4316,7 +4326,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 dispatch14, __getState as getState17 } from "@elementor/store";
+import { __dispatch as dispatch15, __getState as getState17 } from "@elementor/store";
 import { generateUniqueId as generateUniqueId4 } from "@elementor/utils";
 function setOverridableProp({
   componentId,
@@ -4368,7 +4378,7 @@ function setOverridableProp({
   if (isChangingGroups) {
     groups = removePropFromGroup(groups, existingOverridableProp.groupId, overridableProp.overrideKey);
   }
-  dispatch14(
+  dispatch15(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -4933,10 +4943,10 @@ function initMcp() {
 
 // src/populate-store.ts
 import { useEffect as useEffect6 } from "react";
-import { __dispatch as dispatch15 } from "@elementor/store";
+import { __dispatch as dispatch16 } from "@elementor/store";
 function PopulateStore() {
   useEffect6(() => {
-    dispatch15(loadComponents());
+    dispatch16(loadComponents());
   }, []);
   return null;
 }
@@ -5069,10 +5079,10 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-import { __dispatch as dispatch16 } from "@elementor/store";
+import { __dispatch as dispatch17 } from "@elementor/store";
 function removeComponentStyles(id2) {
   apiClient.invalidateComponentConfigCache(id2);
-  dispatch16(slice.actions.removeStyles({ id: id2 }));
+  dispatch17(slice.actions.removeStyles({ id: id2 }));
 }
 
 // src/store/components-styles-provider.ts
@@ -5099,7 +5109,7 @@ var componentsStylesProvider = createStylesProvider({
 
 // src/sync/create-components-before-save.ts
 import { updateElementSettings as updateElementSettings2 } from "@elementor/editor-elements";
-import { __dispatch as dispatch17, __getState as getState21 } from "@elementor/store";
+import { __dispatch as dispatch18, __getState as getState21 } from "@elementor/store";
 async function createComponentsBeforeSave({
   elements,
   status
@@ -5111,7 +5121,7 @@ async function createComponentsBeforeSave({
   try {
     const uidToComponentId = await createComponents(unpublishedComponents, status);
     updateComponentInstances(elements, uidToComponentId);
-    dispatch17(
+    dispatch18(
       slice.actions.add(
         unpublishedComponents.map((component) => ({
           id: uidToComponentId.get(component.uid),
@@ -5121,10 +5131,10 @@ async function createComponentsBeforeSave({
         }))
       )
     );
-    dispatch17(slice.actions.resetUnpublished());
+    dispatch18(slice.actions.resetUnpublished());
   } catch (error) {
     const failedUids = unpublishedComponents.map((component) => component.uid);
-    dispatch17(slice.actions.removeUnpublished(failedUids));
+    dispatch18(slice.actions.removeUnpublished(failedUids));
     throw new Error(`Failed to publish components: ${error}`);
   }
 }
@@ -5194,7 +5204,7 @@ 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
@@ -5237,7 +5247,7 @@ var updateArchivedComponentBeforeSave = async (status) => {
 };
 
 // src/sync/update-component-title-before-save.ts
-import { __dispatch as dispatch18, __getState as getState24 } from "@elementor/store";
+import { __dispatch as dispatch19, __getState as getState24 } from "@elementor/store";
 var updateComponentTitleBeforeSave = async (status) => {
   const updatedComponentNames = selectUpdatedComponentNames(getState24());
   if (!updatedComponentNames.length) {
@@ -5245,7 +5255,7 @@ var updateComponentTitleBeforeSave = async (status) => {
   }
   const result = await apiClient.updateComponentTitle(updatedComponentNames, status);
   if (result.failedIds.length === 0) {
-    dispatch18(slice.actions.cleanUpdatedComponentNames());
+    dispatch19(slice.actions.cleanUpdatedComponentNames());
   }
 };
 
@@ -5273,7 +5283,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 dispatch19, __getState as getState25 } from "@elementor/store";
+import { __dispatch as dispatch20, __getState as getState25 } from "@elementor/store";
 function initCleanupOverridablePropsOnDelete() {
   registerDataHook("dependency", "document/elements/delete", (args) => {
     const state = getState25();
@@ -5307,7 +5317,7 @@ function initCleanupOverridablePropsOnDelete() {
     for (const propKey of propKeysToDelete) {
       updatedGroups = removePropFromAllGroups(updatedGroups, propKey);
     }
-    dispatch19(
+    dispatch20(
       slice.actions.setOverridableProps({
         componentId: currentComponentId,
         overridableProps: {