@elementor/editor-components 4.0.0-634 → 4.0.0-635

package/dist/index.mjs

@@ -901,9 +901,6 @@ function OverridablePropProvider({ children, ...props }) {
 var useOverridablePropValue = () => useContext3(OverridablePropContext)?.value;
 var useComponentInstanceElement = () => useContext3(OverridablePropContext)?.componentInstanceElement;
 
-// src/store/actions/update-overridable-prop.ts
-import { __dispatch as dispatch, __getState as getState2 } from "@elementor/store";
-
 // src/utils/resolve-override-prop-value.ts
 var resolveOverridePropValue = (originalPropValue) => {
   const isOverridable = componentOverridablePropTypeUtil.isValid(originalPropValue);
@@ -935,9 +932,104 @@ function getOverrideValue(overrideProp) {
   return overrideValue.override_value;
 }
 
+// src/store/dispatchers.ts
+import { __dispatch as dispatch, __getStore as getStore } from "@elementor/store";
+function safeDispatch() {
+  return getStore()?.dispatch;
+}
+var componentsActions = {
+  add(components) {
+    dispatch(slice.actions.add(components));
+  },
+  load(components) {
+    dispatch(slice.actions.load(components));
+  },
+  addUnpublished(component) {
+    dispatch(slice.actions.addUnpublished(component));
+  },
+  removeUnpublished(uids) {
+    dispatch(slice.actions.removeUnpublished(uids));
+  },
+  resetUnpublished() {
+    dispatch(slice.actions.resetUnpublished());
+  },
+  removeStyles(id2) {
+    dispatch(slice.actions.removeStyles({ id: id2 }));
+  },
+  addStyles(styles) {
+    dispatch(slice.actions.addStyles(styles));
+  },
+  addCreatedThisSession(uid) {
+    dispatch(slice.actions.addCreatedThisSession(uid));
+  },
+  removeCreatedThisSession(uid) {
+    dispatch(slice.actions.removeCreatedThisSession(uid));
+  },
+  archive(componentId) {
+    dispatch(slice.actions.archive(componentId));
+  },
+  setCurrentComponentId(id2) {
+    safeDispatch()?.(slice.actions.setCurrentComponentId(id2));
+  },
+  setPath(path) {
+    safeDispatch()?.(slice.actions.setPath(path));
+  },
+  setOverridableProps(componentId, overridableProps) {
+    dispatch(slice.actions.setOverridableProps({ componentId, overridableProps }));
+  },
+  rename(componentUid, name) {
+    dispatch(slice.actions.rename({ componentUid, name }));
+  },
+  cleanUpdatedComponentNames() {
+    dispatch(slice.actions.cleanUpdatedComponentNames());
+  },
+  updateComponentSanitizedAttribute(componentId, attribute) {
+    dispatch(slice.actions.updateComponentSanitizedAttribute({ componentId, attribute }));
+  },
+  resetSanitizedComponents() {
+    dispatch(slice.actions.resetSanitizedComponents());
+  }
+};
+
+// src/store/selectors.ts
+import { __getState as getState2, __getStore as getStore2 } from "@elementor/store";
+function safeGetState() {
+  return getStore2()?.getState();
+}
+var componentsSelectors = {
+  getOverridableProps(componentId) {
+    return selectOverridableProps(getState2(), componentId);
+  },
+  getCurrentComponent() {
+    return selectCurrentComponent(getState2());
+  },
+  getCurrentComponentId() {
+    const state = safeGetState();
+    if (!state) {
+      return null;
+    }
+    return selectCurrentComponentId(state);
+  },
+  getUnpublishedComponents() {
+    return selectUnpublishedComponents(getState2());
+  },
+  getUpdatedComponentNames() {
+    return selectUpdatedComponentNames(getState2());
+  },
+  getArchivedThisSession() {
+    return selectArchivedThisSession(getState2());
+  },
+  getComponents() {
+    return selectComponents(getState2());
+  },
+  getComponentByUid(componentUid) {
+    return selectComponentByUid(getState2(), componentUid);
+  }
+};
+
 // src/store/actions/update-overridable-prop.ts
 function updateOverridableProp(componentId, propValue, originPropFields) {
-  const overridableProps = selectOverridableProps(getState2(), componentId);
+  const overridableProps = componentsSelectors.getOverridableProps(componentId);
   if (!overridableProps) {
     return;
   }
@@ -962,12 +1054,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
       }
     }
   };
-  dispatch(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps: newOverridableProps
-    })
-  );
+  componentsActions.setOverridableProps(componentId, newOverridableProps);
 }
 
 // src/utils/get-container-by-origin-id.ts
@@ -2045,7 +2132,7 @@ import { getV1DocumentsManager as getV1DocumentsManager3 } from "@elementor/edit
 import { PanelHeader as PanelHeader3 } from "@elementor/editor-panels";
 import { EllipsisWithTooltip as EllipsisWithTooltip4 } from "@elementor/editor-ui";
 import { ArrowLeftIcon, ComponentsFilledIcon } from "@elementor/icons";
-import { __getState as getState15 } from "@elementor/store";
+import { __getState as getState8 } from "@elementor/store";
 import { Box as Box15, Divider as Divider4, IconButton as IconButton5, Tooltip as Tooltip5, Typography as Typography11 } from "@elementor/ui";
 import { __ as __19 } from "@wordpress/i18n";
 
@@ -2141,15 +2228,14 @@ import { generateUniqueId as generateUniqueId2 } from "@elementor/utils";
 import { __ as __16 } from "@wordpress/i18n";
 
 // src/extended/store/actions/add-overridable-group.ts
-import { __dispatch as dispatch4, __getState as getState8 } from "@elementor/store";
 function addOverridableGroup({
   componentId,
   groupId,
   label,
   source
 }) {
-  const currentComponent = selectCurrentComponent(getState8());
-  const overridableProps = selectOverridableProps(getState8(), componentId);
+  const currentComponent = componentsSelectors.getCurrentComponent();
+  const overridableProps = componentsSelectors.getOverridableProps(componentId);
   if (!overridableProps) {
     return;
   }
@@ -2158,22 +2244,17 @@ function addOverridableGroup({
     label,
     props: []
   };
-  dispatch4(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps: {
-        ...overridableProps,
-        groups: {
-          ...overridableProps.groups,
-          items: {
-            ...overridableProps.groups.items,
-            [groupId]: newGroup
-          },
-          order: [groupId, ...overridableProps.groups.order]
-        }
-      }
-    })
-  );
+  componentsActions.setOverridableProps(componentId, {
+    ...overridableProps,
+    groups: {
+      ...overridableProps.groups,
+      items: {
+        ...overridableProps.groups.items,
+        [groupId]: newGroup
+      },
+      order: [groupId, ...overridableProps.groups.order]
+    }
+  });
   trackComponentEvent({
     action: "propertiesGroupCreated",
     source,
@@ -2183,9 +2264,6 @@ function addOverridableGroup({
   return newGroup;
 }
 
-// src/extended/store/actions/delete-overridable-group.ts
-import { __dispatch as dispatch5, __getState as getState9 } from "@elementor/store";
-
 // src/extended/store/utils/groups-transformers.ts
 import { generateUniqueId } from "@elementor/utils";
 import { __ as __9 } from "@wordpress/i18n";
@@ -2333,7 +2411,7 @@ function renameGroup(groups, groupId, newLabel) {
 
 // src/extended/store/actions/delete-overridable-group.ts
 function deleteOverridableGroup({ componentId, groupId }) {
-  const overridableProps = selectOverridableProps(getState9(), componentId);
+  const overridableProps = componentsSelectors.getOverridableProps(componentId);
   if (!overridableProps) {
     return false;
   }
@@ -2342,21 +2420,13 @@ function deleteOverridableGroup({ componentId, groupId }) {
     return false;
   }
   const updatedGroups = deleteGroup(overridableProps.groups, groupId);
-  dispatch5(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps: {
-        ...overridableProps,
-        groups: updatedGroups
-      }
-    })
-  );
+  componentsActions.setOverridableProps(componentId, {
+    ...overridableProps,
+    groups: updatedGroups
+  });
   return true;
 }
 
-// src/extended/store/actions/delete-overridable-prop.ts
-import { __dispatch as dispatch6, __getState as getState10 } from "@elementor/store";
-
 // src/extended/utils/revert-overridable-settings.ts
 import {
   getAllDescendants,
@@ -2497,7 +2567,7 @@ function revertElementSettings(element) {
 
 // src/extended/store/actions/delete-overridable-prop.ts
 function deleteOverridableProp({ componentId, propKey, source }) {
-  const overridableProps = selectOverridableProps(getState10(), componentId);
+  const overridableProps = componentsSelectors.getOverridableProps(componentId);
   if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
     return;
   }
@@ -2518,17 +2588,12 @@ function deleteOverridableProp({ componentId, propKey, source }) {
     Object.entries(overridableProps.props).filter(([key]) => !propKeysToDelete.includes(key))
   );
   const updatedGroups = removePropFromAllGroups(overridableProps.groups, propKey);
-  dispatch6(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps: {
-        ...overridableProps,
-        props: remainingProps,
-        groups: updatedGroups
-      }
-    })
-  );
-  const currentComponent = selectCurrentComponent(getState10());
+  componentsActions.setOverridableProps(componentId, {
+    ...overridableProps,
+    props: remainingProps,
+    groups: updatedGroups
+  });
+  const currentComponent = componentsSelectors.getCurrentComponent();
   for (const prop of deletedProps) {
     trackComponentEvent({
       action: "propertyRemoved",
@@ -2543,9 +2608,8 @@ function deleteOverridableProp({ componentId, propKey, source }) {
 }
 
 // src/extended/store/actions/reorder-group-props.ts
-import { __dispatch as dispatch7, __getState as getState11 } from "@elementor/store";
 function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
-  const overridableProps = selectOverridableProps(getState11(), componentId);
+  const overridableProps = componentsSelectors.getOverridableProps(componentId);
   if (!overridableProps) {
     return;
   }
@@ -2553,56 +2617,44 @@ function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
   if (!group) {
     return;
   }
-  dispatch7(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps: {
-        ...overridableProps,
-        groups: {
-          ...overridableProps.groups,
-          items: {
-            ...overridableProps.groups.items,
-            [groupId]: {
-              ...group,
-              props: newPropsOrder
-            }
-          }
+  componentsActions.setOverridableProps(componentId, {
+    ...overridableProps,
+    groups: {
+      ...overridableProps.groups,
+      items: {
+        ...overridableProps.groups.items,
+        [groupId]: {
+          ...group,
+          props: newPropsOrder
         }
       }
-    })
-  );
+    }
+  });
 }
 
 // src/extended/store/actions/reorder-overridable-groups.ts
-import { __dispatch as dispatch8, __getState as getState12 } from "@elementor/store";
 function reorderOverridableGroups({ componentId, newOrder }) {
-  const overridableProps = selectOverridableProps(getState12(), componentId);
+  const overridableProps = componentsSelectors.getOverridableProps(componentId);
   if (!overridableProps) {
     return;
   }
-  dispatch8(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps: {
-        ...overridableProps,
-        groups: {
-          ...overridableProps.groups,
-          order: newOrder
-        }
-      }
-    })
-  );
+  componentsActions.setOverridableProps(componentId, {
+    ...overridableProps,
+    groups: {
+      ...overridableProps.groups,
+      order: newOrder
+    }
+  });
 }
 
 // src/extended/store/actions/update-overridable-prop-params.ts
-import { __dispatch as dispatch9, __getState as getState13 } from "@elementor/store";
 function updateOverridablePropParams({
   componentId,
   overrideKey,
   label,
   groupId
 }) {
-  const overridableProps = selectOverridableProps(getState13(), componentId);
+  const overridableProps = componentsSelectors.getOverridableProps(componentId);
   if (!overridableProps) {
     return;
   }
@@ -2618,19 +2670,14 @@ function updateOverridablePropParams({
     groupId: newGroupId
   };
   const updatedGroups = movePropBetweenGroups(overridableProps.groups, overrideKey, oldGroupId, newGroupId);
-  dispatch9(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps: {
-        ...overridableProps,
-        props: {
-          ...overridableProps.props,
-          [overrideKey]: updatedProp
-        },
-        groups: updatedGroups
-      }
-    })
-  );
+  componentsActions.setOverridableProps(componentId, {
+    ...overridableProps,
+    props: {
+      ...overridableProps.props,
+      [overrideKey]: updatedProp
+    },
+    groups: updatedGroups
+  });
   return updatedProp;
 }
 
@@ -3133,9 +3180,8 @@ import { useEditable } from "@elementor/editor-ui";
 import { __ as __15 } from "@wordpress/i18n";
 
 // src/extended/store/actions/rename-overridable-group.ts
-import { __dispatch as dispatch10, __getState as getState14 } from "@elementor/store";
 function renameOverridableGroup({ componentId, groupId, label }) {
-  const overridableProps = selectOverridableProps(getState14(), componentId);
+  const overridableProps = componentsSelectors.getOverridableProps(componentId);
   if (!overridableProps) {
     return false;
   }
@@ -3144,15 +3190,10 @@ function renameOverridableGroup({ componentId, groupId, label }) {
     return false;
   }
   const updatedGroups = renameGroup(overridableProps.groups, groupId, label);
-  dispatch10(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps: {
-        ...overridableProps,
-        groups: updatedGroups
-      }
-    })
-  );
+  componentsActions.setOverridableProps(componentId, {
+    ...overridableProps,
+    groups: updatedGroups
+  });
   return true;
 }
 
@@ -3473,7 +3514,7 @@ var ComponentPanelHeader = () => {
   ));
 };
 function getComponentName() {
-  const state = getState15();
+  const state = getState8();
   const path = state[SLICE_NAME].path;
   const { instanceTitle } = path.at(-1) ?? {};
   if (instanceTitle) {
@@ -3502,7 +3543,6 @@ import { __ as __23 } from "@wordpress/i18n";
 // src/extended/store/actions/archive-component.ts
 import { setDocumentModifiedStatus as setDocumentModifiedStatus4 } from "@elementor/editor-documents";
 import { notify } from "@elementor/editor-notifications";
-import { __dispatch as dispatch11 } from "@elementor/store";
 import { __ as __20 } from "@wordpress/i18n";
 var successNotification = (componentId, componentName) => ({
   type: "success",
@@ -3511,7 +3551,7 @@ var successNotification = (componentId, componentName) => ({
   id: `success-archived-components-notification-${componentId}`
 });
 var archiveComponent = (componentId, componentName) => {
-  dispatch11(slice.actions.archive(componentId));
+  componentsActions.archive(componentId);
   setDocumentModifiedStatus4(true);
   notify(successNotification(componentId, componentName));
 };
@@ -3519,10 +3559,9 @@ var archiveComponent = (componentId, componentName) => {
 // src/extended/store/actions/rename-component.ts
 import { getV1DocumentsManager as getV1DocumentsManager4, setDocumentModifiedStatus as setDocumentModifiedStatus5 } from "@elementor/editor-documents";
 import { getAllDescendants as getAllDescendants2 } from "@elementor/editor-elements";
-import { __dispatch as dispatch12 } from "@elementor/store";
 var TITLE_EXTERNAL_CHANGE_COMMAND = "title_external_change";
 var renameComponent = (componentUid, newName) => {
-  dispatch12(slice.actions.rename({ componentUid, name: newName }));
+  componentsActions.rename(componentUid, newName);
   setDocumentModifiedStatus5(true);
   refreshComponentInstanceTitles(componentUid);
 };
@@ -3550,9 +3589,6 @@ function findComponentInstancesByUid(documentContainer, componentUid) {
   });
 }
 
-// src/extended/utils/component-name-validation.ts
-import { __getState as getState16 } from "@elementor/store";
-
 // src/extended/utils/component-form-schema.ts
 import { z as z5 } from "@elementor/schema";
 import { __ as __21 } from "@wordpress/i18n";
@@ -3579,7 +3615,7 @@ var createSubmitComponentSchema = (existingNames) => {
 
 // src/extended/utils/component-name-validation.ts
 function validateComponentName(label) {
-  const existingComponentTitles = selectComponents(getState16())?.map(({ name }) => name) ?? [];
+  const existingComponentTitles = componentsSelectors.getComponents()?.map(({ name }) => name) ?? [];
   const schema = createSubmitComponentSchema(existingComponentTitles);
   const result = schema.safeParse({ componentName: label.toLowerCase() });
   if (result.success) {
@@ -3834,14 +3870,12 @@ import { getElementLabel } from "@elementor/editor-elements";
 import { notify as notify3 } from "@elementor/editor-notifications";
 import { Form as FormElement, ThemeProvider as ThemeProvider4, useTextFieldAutoSelect } from "@elementor/editor-ui";
 import { ComponentsIcon as ComponentsIcon4 } from "@elementor/icons";
-import { __getState as getState17 } from "@elementor/store";
 import { Button as Button5, FormLabel as FormLabel2, Grid as Grid2, Popover as Popover3, Stack as Stack17, TextField as TextField3, Typography as Typography12 } from "@elementor/ui";
 import { __ as __26 } from "@wordpress/i18n";
 
 // src/extended/store/actions/create-unpublished-component.ts
 import { createElements, deleteElement, getContainer as getContainer4 } from "@elementor/editor-elements";
 import { __privateRunCommand as runCommand2 } from "@elementor/editor-v1-adapters";
-import { __dispatch as dispatch13 } from "@elementor/store";
 import { generateUniqueId as generateUniqueId3 } from "@elementor/utils";
 import { __ as __24 } from "@wordpress/i18n";
 
@@ -3874,14 +3908,12 @@ async function createUnpublishedComponent({
     parentId: container?.parent?.id ?? "",
     index: container?.view?._index ?? 0
   };
-  dispatch13(
-    slice.actions.addUnpublished({
-      ...componentBase,
-      elements: [elementDataWithOverridablesReverted],
-      overridableProps
-    })
-  );
-  dispatch13(slice.actions.addCreatedThisSession(generatedUid));
+  componentsActions.addUnpublished({
+    ...componentBase,
+    elements: [elementDataWithOverridablesReverted],
+    overridableProps
+  });
+  componentsActions.addCreatedThisSession(generatedUid);
   const componentInstance = await replaceElementWithComponent(element, componentBase);
   trackComponentEvent({
     action: "created",
@@ -3894,8 +3926,8 @@ async function createUnpublishedComponent({
     await runCommand2("document/save/auto");
   } catch (error) {
     restoreOriginalElement(originalElement, componentInstance.id);
-    dispatch13(slice.actions.removeUnpublished(generatedUid));
-    dispatch13(slice.actions.removeCreatedThisSession(generatedUid));
+    componentsActions.removeUnpublished(generatedUid);
+    componentsActions.removeCreatedThisSession(generatedUid);
     throw error;
   }
   return { uid: generatedUid, instanceId: componentInstance.id };
@@ -3930,13 +3962,8 @@ import { blockCommand } from "@elementor/editor-v1-adapters";
 import { __ as __25 } from "@wordpress/i18n";
 
 // src/extended/utils/is-editing-component.ts
-import { __getStore as getStore } from "@elementor/store";
 function isEditingComponent() {
-  const state = getStore()?.getState();
-  if (!state) {
-    return false;
-  }
-  return selectCurrentComponentId(state) !== null;
+  return componentsSelectors.getCurrentComponentId() !== null;
 }
 
 // src/extended/sync/prevent-non-atomic-nesting.ts
@@ -4158,7 +4185,7 @@ function CreateComponentForm() {
         eventData: eventData.current,
         source: "user"
       });
-      const publishedComponentId = selectComponentByUid(getState17(), uid)?.id;
+      const publishedComponentId = componentsSelectors.getComponentByUid(uid)?.id;
       if (publishedComponentId) {
         switchToComponent(publishedComponentId, instanceId);
       } else {
@@ -4315,23 +4342,14 @@ var OVERRIDABLE_PROP_REPLACEMENT_ID = "overridable-prop";
 var COMPONENT_DOCUMENT_TYPE = "elementor_component";
 
 // src/extended/store/actions/reset-sanitized-components.ts
-import { __dispatch as dispatch14 } from "@elementor/store";
 function resetSanitizedComponents() {
-  dispatch14(slice.actions.resetSanitizedComponents());
+  componentsActions.resetSanitizedComponents();
 }
 
 // src/extended/store/actions/update-current-component.ts
-import { __getStore as getStore2 } from "@elementor/store";
-function updateCurrentComponent({
-  path,
-  currentComponentId
-}) {
-  const dispatch21 = getStore2()?.dispatch;
-  if (!dispatch21) {
-    return;
-  }
-  dispatch21(slice.actions.setPath(path));
-  dispatch21(slice.actions.setCurrentComponentId(currentComponentId));
+function updateCurrentComponent(params) {
+  componentsActions.setPath(params.path);
+  componentsActions.setCurrentComponentId(params.currentComponentId);
 }
 
 // src/extended/components/edit-component/component-modal.tsx
@@ -4747,7 +4765,6 @@ import { bindPopover as bindPopover2, bindTrigger as bindTrigger4, Popover as Po
 import { __ as __30 } from "@wordpress/i18n";
 
 // src/extended/store/actions/set-overridable-prop.ts
-import { __dispatch as dispatch15, __getState as getState18 } from "@elementor/store";
 import { generateUniqueId as generateUniqueId4 } from "@elementor/utils";
 function setOverridableProp({
   componentId,
@@ -4762,7 +4779,7 @@ function setOverridableProp({
   originPropFields,
   source
 }) {
-  const overridableProps = selectOverridableProps(getState18(), componentId);
+  const overridableProps = componentsSelectors.getOverridableProps(componentId);
   if (!overridableProps) {
     return;
   }
@@ -4799,18 +4816,10 @@ function setOverridableProp({
   if (isChangingGroups) {
     groups = removePropFromGroup(groups, existingOverridableProp.groupId, overridableProp.overrideKey);
   }
-  dispatch15(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps: {
-        props,
-        groups
-      }
-    })
-  );
+  componentsActions.setOverridableProps(componentId, { props, groups });
   const isNewProperty = !existingOverridableProp;
   if (isNewProperty) {
-    const currentComponent = selectCurrentComponent(getState18());
+    const currentComponent = componentsSelectors.getCurrentComponent();
     trackComponentEvent({
       action: "propertyExposed",
       source,
@@ -5368,7 +5377,6 @@ async function publishDraftComponentsInPageBeforeSave({ status, elements }) {
 }
 
 // src/extended/sync/set-component-overridable-props-settings-before-save.ts
-import { __getState as getState19 } from "@elementor/store";
 var setComponentOverridablePropsSettingsBeforeSave = ({
   container
 }) => {
@@ -5376,7 +5384,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
   if (!currentDocument || currentDocument.config.type !== COMPONENT_DOCUMENT_TYPE) {
     return;
   }
-  const overridableProps = selectOverridableProps(getState19(), currentDocument.id);
+  const overridableProps = componentsSelectors.getOverridableProps(currentDocument.id);
   if (overridableProps) {
     container.settings.set("overridable_props", overridableProps);
   }
@@ -5384,7 +5392,6 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
 
 // src/extended/sync/update-archived-component-before-save.ts
 import { notify as notify4 } from "@elementor/editor-notifications";
-import { __getState as getState20 } from "@elementor/store";
 var failedNotification = (message) => ({
   type: "error",
   message: `Failed to archive components: ${message}`,
@@ -5392,7 +5399,7 @@ var failedNotification = (message) => ({
 });
 var updateArchivedComponentBeforeSave = async (status) => {
   try {
-    const archivedComponents = selectArchivedThisSession(getState20());
+    const archivedComponents = componentsSelectors.getArchivedThisSession();
     if (!archivedComponents.length) {
       return;
     }
@@ -5407,46 +5414,42 @@ var updateArchivedComponentBeforeSave = async (status) => {
 };
 
 // src/extended/sync/update-component-title-before-save.ts
-import { __dispatch as dispatch16, __getState as getState21 } from "@elementor/store";
 var updateComponentTitleBeforeSave = async (status) => {
-  const updatedComponentNames = selectUpdatedComponentNames(getState21());
+  const updatedComponentNames = componentsSelectors.getUpdatedComponentNames();
   if (!updatedComponentNames.length) {
     return;
   }
   const result = await apiClient.updateComponentTitle(updatedComponentNames, status);
   if (result.failedIds.length === 0) {
-    dispatch16(slice.actions.cleanUpdatedComponentNames());
+    componentsActions.cleanUpdatedComponentNames();
   }
 };
 
 // src/extended/sync/create-components-before-save.ts
 import { updateElementSettings as updateElementSettings2 } from "@elementor/editor-elements";
-import { __dispatch as dispatch17, __getState as getState22 } from "@elementor/store";
 async function createComponentsBeforeSave({
   elements,
   status
 }) {
-  const unpublishedComponents = selectUnpublishedComponents(getState22());
+  const unpublishedComponents = componentsSelectors.getUnpublishedComponents();
   if (!unpublishedComponents.length) {
     return;
   }
   try {
     const uidToComponentId = await createComponents(unpublishedComponents, status);
     updateComponentInstances(elements, uidToComponentId);
-    dispatch17(
-      slice.actions.add(
-        unpublishedComponents.map((component) => ({
-          id: uidToComponentId.get(component.uid),
-          name: component.name,
-          uid: component.uid,
-          overridableProps: component.overridableProps ? component.overridableProps : void 0
-        }))
-      )
+    componentsActions.add(
+      unpublishedComponents.map((component) => ({
+        id: uidToComponentId.get(component.uid),
+        name: component.name,
+        uid: component.uid,
+        overridableProps: component.overridableProps ? component.overridableProps : void 0
+      }))
     );
-    dispatch17(slice.actions.resetUnpublished());
+    componentsActions.resetUnpublished();
   } catch (error) {
     const failedUids = unpublishedComponents.map((component) => component.uid);
-    dispatch17(slice.actions.removeUnpublished(failedUids));
+    componentsActions.removeUnpublished(failedUids);
     throw new Error(`Failed to publish components: ${error}`);
   }
 }
@@ -5528,21 +5531,16 @@ var updateExistingComponentsBeforeSave = async ({
 // src/extended/sync/cleanup-overridable-props-on-delete.ts
 import { getAllDescendants as getAllDescendants4 } from "@elementor/editor-elements";
 import { registerDataHook } from "@elementor/editor-v1-adapters";
-import { __getState as getState23 } from "@elementor/store";
 function initCleanupOverridablePropsOnDelete() {
   registerDataHook("dependency", "document/elements/delete", (args, options) => {
     if (isPartOfMoveCommand(options)) {
       return true;
     }
-    const state = getState23();
-    if (!state) {
-      return true;
-    }
-    const currentComponentId = selectCurrentComponentId(state);
+    const currentComponentId = componentsSelectors.getCurrentComponentId();
     if (!currentComponentId) {
       return true;
     }
-    const overridableProps = selectOverridableProps(state, currentComponentId);
+    const overridableProps = componentsSelectors.getOverridableProps(currentComponentId);
     if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
       return true;
     }
@@ -5685,9 +5683,8 @@ function revertOverridablesInStorage(storageKey) {
 import { useEffect as useEffect7 } from "react";
 
 // src/extended/store/actions/update-component-sanitized-attribute.ts
-import { __dispatch as dispatch18 } from "@elementor/store";
 function updateComponentSanitizedAttribute(componentId, attribute) {
-  dispatch18(slice.actions.updateComponentSanitizedAttribute({ componentId, attribute }));
+  componentsActions.updateComponentSanitizedAttribute(componentId, attribute);
 }
 
 // src/extended/sync/sanitize-overridable-props.ts
@@ -5712,16 +5709,19 @@ function SanitizeOverridableProps() {
 }
 
 // src/extended/init.ts
+var PRIORITY = 1;
 function initExtended() {
   registerEditingPanelReplacement({
-    id: "component-instance-edit-panel",
+    id: "extended-component-instance-edit-panel",
+    priority: PRIORITY,
     condition: (_, elementType) => elementType.key === "e-component",
     component: ExtendedInstanceEditingPanel
   });
   registerTab({
     id: "components",
     label: __31("Components", "elementor"),
-    component: ExtendedComponents
+    component: ExtendedComponents,
+    priority: PRIORITY
   });
   registerPanel(panel);
   registerDataHook4("dependency", "editor/documents/close", (args) => {
@@ -5769,10 +5769,10 @@ function initExtended() {
 
 // src/populate-store.ts
 import { useEffect as useEffect8 } from "react";
-import { __dispatch as dispatch19 } from "@elementor/store";
+import { __dispatch as dispatch4 } from "@elementor/store";
 function PopulateStore() {
   useEffect8(() => {
-    dispatch19(loadComponents());
+    dispatch4(loadComponents());
   }, []);
   return null;
 }
@@ -5781,7 +5781,7 @@ function PopulateStore() {
 import { getAllDescendants as getAllDescendants5 } from "@elementor/editor-elements";
 import { notify as notify5 } from "@elementor/editor-notifications";
 import { blockCommand as blockCommand2 } from "@elementor/editor-v1-adapters";
-import { __getState as getState24 } from "@elementor/store";
+import { __getState as getState9 } from "@elementor/store";
 import { __ as __32 } from "@wordpress/i18n";
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
@@ -5807,7 +5807,7 @@ function wouldCreateCircularNesting(componentIdToAdd) {
   if (componentIdToAdd === void 0) {
     return false;
   }
-  const state = getState24();
+  const state = getState9();
   const currentComponentId = selectCurrentComponentId(state);
   const path = selectPath(state);
   if (currentComponentId === null) {
@@ -5905,15 +5905,15 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-import { __dispatch as dispatch20 } from "@elementor/store";
+import { __dispatch as dispatch5 } from "@elementor/store";
 function removeComponentStyles(id2) {
   apiClient.invalidateComponentConfigCache(id2);
-  dispatch20(slice.actions.removeStyles({ id: id2 }));
+  dispatch5(slice.actions.removeStyles({ id: id2 }));
 }
 
 // src/store/components-styles-provider.ts
 import { createStylesProvider } from "@elementor/editor-styles-repository";
-import { __getState as getState25, __subscribeWithSelector as subscribeWithSelector } from "@elementor/store";
+import { __getState as getState10, __subscribeWithSelector as subscribeWithSelector } from "@elementor/store";
 var componentsStylesProvider = createStylesProvider({
   key: "components-styles",
   priority: 100,
@@ -5925,10 +5925,10 @@ var componentsStylesProvider = createStylesProvider({
   ),
   actions: {
     all: () => {
-      return selectFlatStyles(getState25());
+      return selectFlatStyles(getState10());
     },
     get: (id2) => {
-      return selectFlatStyles(getState25()).find((style) => style.id === id2) ?? null;
+      return selectFlatStyles(getState10()).find((style) => style.id === id2) ?? null;
     }
   }
 });
@@ -5997,6 +5997,76 @@ function init() {
   initExtended();
 }
 export {
-  init
+  COMPONENT_WIDGET_TYPE,
+  ComponentInstanceProvider,
+  ComponentItem,
+  ComponentName,
+  ComponentSearch,
+  EmptyState as ComponentsEmptyState,
+  ComponentsList,
+  EditComponentAction,
+  EmptySearchResult,
+  EmptyState2 as InstanceEmptyState,
+  InstancePanelBody,
+  InstancePanelHeader,
+  LoadingComponents,
+  OverridablePropProvider,
+  SLICE_NAME,
+  SearchProvider,
+  apiClient,
+  componentInstanceOverridePropTypeUtil,
+  componentInstanceOverridesPropTypeUtil,
+  componentInstancePropTypeUtil,
+  componentOverridablePropTypeUtil,
+  componentsActions,
+  componentsSelectors,
+  filterValidOverridableProps,
+  getContainerByOriginId,
+  getOverridableProp,
+  getPropTypeForComponentOverride,
+  init,
+  isComponentInstance,
+  isExposedPropValid,
+  loadComponentsAssets,
+  onElementDrop,
+  publishDraftComponentsInPageBeforeSave,
+  resolveOverridePropValue,
+  selectArchivedThisSession,
+  selectComponent,
+  selectComponentByUid,
+  selectComponents,
+  selectCreatedThisSession,
+  selectCurrentComponent,
+  selectCurrentComponentId,
+  selectData,
+  selectFlatStyles,
+  selectIsOverridablePropsLoaded,
+  selectLoadIsError,
+  selectLoadIsPending,
+  selectOverridableProps,
+  selectPath,
+  selectStyles,
+  selectUnpublishedComponents,
+  selectUpdatedComponentNames,
+  slice,
+  switchToComponent,
+  trackComponentEvent,
+  updateOverridableProp,
+  useComponent,
+  useComponentId,
+  useComponentInstanceElement,
+  useComponentInstanceOverrides,
+  useComponentOverridableProps,
+  useComponents,
+  useComponentsPermissions,
+  useCurrentComponent,
+  useCurrentComponentId,
+  useFilteredComponents,
+  useInstancePanelData,
+  useIsSanitizedComponent,
+  useOverridablePropValue,
+  useOverridableProps,
+  useSanitizeOverridableProps,
+  useSearch
 };
 //# sourceMappingURL=index.mjs.map