@elementor/editor-components 4.0.0-674 → 4.0.0-676

package/dist/index.js

@@ -53,6 +53,7 @@ __export(index_exports, {
   componentOverridablePropTypeUtil: () => componentOverridablePropTypeUtil,
   componentsActions: () => componentsActions,
   componentsSelectors: () => componentsSelectors,
+  createComponentsAction: () => createComponentsAction,
   filterValidOverridableProps: () => filterValidOverridableProps,
   getContainerByOriginId: () => getContainerByOriginId,
   getOverridableProp: () => getOverridableProp,
@@ -62,6 +63,7 @@ __export(index_exports, {
   loadComponentsAssets: () => loadComponentsAssets,
   onElementDrop: () => onElementDrop,
   publishDraftComponentsInPageBeforeSave: () => publishDraftComponentsInPageBeforeSave,
+  registerComponentsReducer: () => registerComponentsReducer,
   resolveOverridePropValue: () => resolveOverridePropValue,
   selectOverridableProps: () => selectOverridableProps,
   selectPath: () => selectPath,
@@ -91,14 +93,32 @@ var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
 var import_editor_elements_panel = require("@elementor/editor-elements-panel");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
 var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
-var import_store35 = require("@elementor/store");
+var import_store36 = require("@elementor/store");
 var import_i18n14 = require("@wordpress/i18n");
 
 // src/component-instance-transformer.ts
 var import_editor_canvas = require("@elementor/editor-canvas");
-var import_store3 = require("@elementor/store");
+var import_store4 = require("@elementor/store");
 
 // src/store/store.ts
+var import_store3 = require("@elementor/store");
+
+// src/store/store-types.ts
+var initialState = {
+  data: [],
+  unpublishedData: [],
+  loadStatus: "idle",
+  styles: {},
+  createdThisSession: [],
+  archivedThisSession: [],
+  path: [],
+  currentComponentId: null,
+  updatedComponentNames: {},
+  sanitized: {}
+};
+var SLICE_NAME = "components";
+
+// src/store/extensible-slice.ts
 var import_store2 = require("@elementor/store");
 
 // src/store/thunks.ts
@@ -164,21 +184,24 @@ var loadComponents = (0, import_store.__createAsyncThunk)("components/load", asy
   return response;
 });
 
-// src/store/store.ts
-var initialState = {
-  data: [],
-  unpublishedData: [],
-  loadStatus: "idle",
-  styles: {},
-  createdThisSession: [],
-  archivedThisSession: [],
-  path: [],
-  currentComponentId: null,
-  updatedComponentNames: {},
-  sanitized: {}
-};
-var SLICE_NAME = "components";
-var slice = (0, import_store2.__createSlice)({
+// src/store/extensible-slice.ts
+var extraReducersMap = /* @__PURE__ */ new Map();
+function registerComponentsReducer(name, reducer) {
+  extraReducersMap.set(`${SLICE_NAME}/${name}`, reducer);
+}
+function createComponentsAction(name) {
+  const action = (0, import_store2.__createAction)(`${SLICE_NAME}/${name}`);
+  return {
+    action,
+    register(reducer) {
+      registerComponentsReducer(name, reducer);
+    },
+    dispatch(payload) {
+      (0, import_store2.__dispatch)(action(payload));
+    }
+  };
+}
+var baseSlice = (0, import_store2.__createSlice)({
   name: SLICE_NAME,
   initialState,
   reducers: {
@@ -275,6 +298,21 @@ var slice = (0, import_store2.__createSlice)({
     });
   }
 });
+var slice = {
+  ...baseSlice,
+  reducer(state, action) {
+    const nextState = baseSlice.reducer(state, action);
+    const extraReducer = extraReducersMap.get(action.type);
+    if (!extraReducer || !nextState) {
+      return nextState;
+    }
+    const clonedState = structuredClone(nextState);
+    extraReducer(clonedState, action);
+    return clonedState;
+  }
+};
+
+// src/store/store.ts
 var selectData = (state) => state[SLICE_NAME].data;
 var selectArchivedThisSession = (state) => state[SLICE_NAME].archivedThisSession;
 var selectLoadStatus = (state) => state[SLICE_NAME].loadStatus;
@@ -285,10 +323,10 @@ var getPath = (state) => state[SLICE_NAME].path;
 var getCurrentComponentId = (state) => state[SLICE_NAME].currentComponentId;
 var selectComponent = (state, componentId) => state[SLICE_NAME].data.find((component) => component.id === componentId);
 var useComponent = (componentId) => {
-  return (0, import_store2.__useSelector)((state) => componentId ? selectComponent(state, componentId) : null);
+  return (0, import_store3.__useSelector)((state) => componentId ? selectComponent(state, componentId) : null);
 };
 var selectComponentByUid = (state, componentUid) => state[SLICE_NAME].data.find((component) => component.uid === componentUid) ?? state[SLICE_NAME].unpublishedData.find((component) => component.uid === componentUid);
-var selectComponents = (0, import_store2.__createSelector)(
+var selectComponents = (0, import_store3.__createSelector)(
   selectData,
   selectUnpublishedData,
   (data, unpublishedData) => [
@@ -300,15 +338,15 @@ var selectComponents = (0, import_store2.__createSelector)(
     ...data.filter((component) => !component.isArchived)
   ]
 );
-var selectUnpublishedComponents = (0, import_store2.__createSelector)(
+var selectUnpublishedComponents = (0, import_store3.__createSelector)(
   selectUnpublishedData,
   (unpublishedData) => unpublishedData
 );
-var selectLoadIsPending = (0, import_store2.__createSelector)(selectLoadStatus, (status) => status === "pending");
-var selectLoadIsError = (0, import_store2.__createSelector)(selectLoadStatus, (status) => status === "error");
+var selectLoadIsPending = (0, import_store3.__createSelector)(selectLoadStatus, (status) => status === "pending");
+var selectLoadIsError = (0, import_store3.__createSelector)(selectLoadStatus, (status) => status === "error");
 var selectStyles = (state) => state[SLICE_NAME].styles ?? {};
-var selectFlatStyles = (0, import_store2.__createSelector)(selectStylesDefinitions, (data) => Object.values(data).flat());
-var selectCreatedThisSession = (0, import_store2.__createSelector)(
+var selectFlatStyles = (0, import_store3.__createSelector)(selectStylesDefinitions, (data) => Object.values(data).flat());
+var selectCreatedThisSession = (0, import_store3.__createSelector)(
   getCreatedThisSession,
   (createdThisSession) => createdThisSession
 );
@@ -319,7 +357,7 @@ var DEFAULT_OVERRIDABLE_PROPS = {
     order: []
   }
 };
-var selectOverridableProps = (0, import_store2.__createSelector)(
+var selectOverridableProps = (0, import_store3.__createSelector)(
   selectComponent,
   (component) => {
     if (!component) {
@@ -329,33 +367,33 @@ var selectOverridableProps = (0, import_store2.__createSelector)(
   }
 );
 var useOverridableProps = (componentId) => {
-  return (0, import_store2.__useSelector)(
+  return (0, import_store3.__useSelector)(
     (state) => componentId ? selectOverridableProps(state, componentId) : null
   );
 };
-var selectIsOverridablePropsLoaded = (0, import_store2.__createSelector)(
+var selectIsOverridablePropsLoaded = (0, import_store3.__createSelector)(
   selectComponent,
   (component) => {
     return !!component?.overridableProps;
   }
 );
-var selectPath = (0, import_store2.__createSelector)(getPath, (path) => path);
-var selectCurrentComponentId = (0, import_store2.__createSelector)(
+var selectPath = (0, import_store3.__createSelector)(getPath, (path) => path);
+var selectCurrentComponentId = (0, import_store3.__createSelector)(
   getCurrentComponentId,
   (currentComponentId) => currentComponentId
 );
-var selectCurrentComponent = (0, import_store2.__createSelector)(
+var selectCurrentComponent = (0, import_store3.__createSelector)(
   selectData,
   getCurrentComponentId,
   (data, currentComponentId) => data.find((component) => component.id === currentComponentId)
 );
 var useCurrentComponentId = () => {
-  return (0, import_store2.__useSelector)(selectCurrentComponentId);
+  return (0, import_store3.__useSelector)(selectCurrentComponentId);
 };
 var useCurrentComponent = () => {
-  return (0, import_store2.__useSelector)(selectCurrentComponent);
+  return (0, import_store3.__useSelector)(selectCurrentComponent);
 };
-var selectUpdatedComponentNames = (0, import_store2.__createSelector)(
+var selectUpdatedComponentNames = (0, import_store3.__createSelector)(
   (state) => state[SLICE_NAME].updatedComponentNames,
   (updatedComponentNames) => Object.entries(updatedComponentNames).map(([componentId, title]) => ({
     componentId: Number(componentId),
@@ -363,7 +401,7 @@ var selectUpdatedComponentNames = (0, import_store2.__createSelector)(
   }))
 );
 var useSanitizedComponents = () => {
-  return (0, import_store2.__useSelector)((state) => state[SLICE_NAME].sanitized);
+  return (0, import_store3.__useSelector)((state) => state[SLICE_NAME].sanitized);
 };
 var useIsSanitizedComponent = (componentId, key) => {
   const sanitizedComponents = useSanitizedComponents();
@@ -390,7 +428,7 @@ var componentInstanceTransformer = (0, import_editor_canvas.createTransformer)(
     component_id: id,
     overrides: overridesValue
   }) => {
-    const unpublishedComponents = selectUnpublishedComponents((0, import_store3.__getState)());
+    const unpublishedComponents = selectUnpublishedComponents((0, import_store4.__getState)());
     const unpublishedComponent = unpublishedComponents.find(({ uid }) => uid === id);
     const overrides = overridesValue?.reduce((acc, override) => ({ ...acc, ...override }), {});
     if (unpublishedComponent) {
@@ -458,10 +496,10 @@ var import_ui6 = require("@elementor/ui");
 var import_utils3 = require("@elementor/utils");
 
 // src/hooks/use-components.ts
-var import_store5 = require("@elementor/store");
+var import_store6 = require("@elementor/store");
 var useComponents = () => {
-  const components = (0, import_store5.__useSelector)(selectComponents);
-  const isLoading = (0, import_store5.__useSelector)(selectLoadIsPending);
+  const components = (0, import_store6.__useSelector)(selectComponents);
+  const isLoading = (0, import_store6.__useSelector)(selectLoadIsPending);
   return { components, isLoading };
 };
 
@@ -953,7 +991,7 @@ var import_i18n8 = require("@wordpress/i18n");
 // src/utils/detach-component-instance/detach-component-instance.ts
 var import_editor_elements3 = require("@elementor/editor-elements");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
-var import_store9 = require("@elementor/store");
+var import_store10 = require("@elementor/store");
 var import_i18n7 = require("@wordpress/i18n");
 
 // src/prop-types/component-instance-overrides-prop-type.ts
@@ -1008,7 +1046,7 @@ var componentInstancePropTypeUtil = (0, import_editor_props4.createPropUtils)(
 
 // src/utils/tracking.ts
 var import_events = require("@elementor/events");
-var import_store7 = require("@elementor/store");
+var import_store8 = require("@elementor/store");
 var FEATURE_NAME = "Components";
 var trackComponentEvent = ({ action, source, ...data }) => {
   if (source === "system") {
@@ -1029,7 +1067,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_store8.__getState)());
   const isSameSessionReuse = componentUID && createdThisSession.includes(componentUID);
   const eventsManagerConfig = window.elementorCommon.eventsManager.config;
   const { locations, secondaryLocations } = eventsManagerConfig;
@@ -1237,15 +1275,15 @@ async function detachComponentInstance({
           rootElement,
           overrides
         );
-        const editedComponentOnDetach = selectCurrentComponentId((0, import_store9.__getState)());
-        const overridablePropsBeforeDetach = editedComponentOnDetach ? selectOverridableProps((0, import_store9.__getState)(), editedComponentOnDetach) ?? null : null;
+        const editedComponentOnDetach = selectCurrentComponentId((0, import_store10.__getState)());
+        const overridablePropsBeforeDetach = editedComponentOnDetach ? selectOverridableProps((0, import_store10.__getState)(), editedComponentOnDetach) ?? null : null;
         const originalInstanceModel = instanceContainer.model.toJSON();
         const detachedElement = (0, import_editor_elements3.replaceElement)({
           currentElementId: instanceId,
           newElement: detachedInstanceElementData,
           withHistory: false
         });
-        const componentUid = selectComponent((0, import_store9.__getState)(), componentId)?.uid;
+        const componentUid = selectComponent((0, import_store10.__getState)(), componentId)?.uid;
         trackComponentEvent({
           action: "detached",
           source: "user",
@@ -1274,9 +1312,9 @@ async function detachComponentInstance({
           newElement: originalInstanceModel,
           withHistory: false
         });
-        const currentComponentId = selectCurrentComponentId((0, import_store9.__getState)());
+        const currentComponentId = selectCurrentComponentId((0, import_store10.__getState)());
         if (currentComponentId && currentComponentId === editedComponentOnDetach && overridablePropsBeforeDetach) {
-          (0, import_store9.__dispatch)(
+          (0, import_store10.__dispatch)(
             slice.actions.setOverridableProps({
               componentId: currentComponentId,
               overridableProps: overridablePropsBeforeDetach
@@ -1287,8 +1325,8 @@ async function detachComponentInstance({
       },
       redo: (_, doReturn, restoredInstance) => {
         const { detachedInstanceElementData } = doReturn;
-        const editedComponentOnDetach = selectCurrentComponentId((0, import_store9.__getState)());
-        const overridablePropsBeforeDetach = editedComponentOnDetach ? selectOverridableProps((0, import_store9.__getState)(), editedComponentOnDetach) ?? null : null;
+        const editedComponentOnDetach = selectCurrentComponentId((0, import_store10.__getState)());
+        const overridablePropsBeforeDetach = editedComponentOnDetach ? selectOverridableProps((0, import_store10.__getState)(), editedComponentOnDetach) ?? null : null;
         const detachedElement = (0, import_editor_elements3.replaceElement)({
           currentElementId: restoredInstance.id,
           newElement: detachedInstanceElementData,
@@ -1509,40 +1547,40 @@ function getOverrideValue(overrideProp) {
 }
 
 // src/store/dispatchers.ts
-var import_store11 = require("@elementor/store");
+var import_store12 = require("@elementor/store");
 function safeDispatch() {
-  return (0, import_store11.__getStore)()?.dispatch;
+  return (0, import_store12.__getStore)()?.dispatch;
 }
 var componentsActions = {
   add(components) {
-    (0, import_store11.__dispatch)(slice.actions.add(components));
+    (0, import_store12.__dispatch)(slice.actions.add(components));
   },
   load(components) {
-    (0, import_store11.__dispatch)(slice.actions.load(components));
+    (0, import_store12.__dispatch)(slice.actions.load(components));
   },
   addUnpublished(component) {
-    (0, import_store11.__dispatch)(slice.actions.addUnpublished(component));
+    (0, import_store12.__dispatch)(slice.actions.addUnpublished(component));
   },
   removeUnpublished(uids) {
-    (0, import_store11.__dispatch)(slice.actions.removeUnpublished(uids));
+    (0, import_store12.__dispatch)(slice.actions.removeUnpublished(uids));
   },
   resetUnpublished() {
-    (0, import_store11.__dispatch)(slice.actions.resetUnpublished());
+    (0, import_store12.__dispatch)(slice.actions.resetUnpublished());
   },
   removeStyles(id) {
-    (0, import_store11.__dispatch)(slice.actions.removeStyles({ id }));
+    (0, import_store12.__dispatch)(slice.actions.removeStyles({ id }));
   },
   addStyles(styles) {
-    (0, import_store11.__dispatch)(slice.actions.addStyles(styles));
+    (0, import_store12.__dispatch)(slice.actions.addStyles(styles));
   },
   addCreatedThisSession(uid) {
-    (0, import_store11.__dispatch)(slice.actions.addCreatedThisSession(uid));
+    (0, import_store12.__dispatch)(slice.actions.addCreatedThisSession(uid));
   },
   removeCreatedThisSession(uid) {
-    (0, import_store11.__dispatch)(slice.actions.removeCreatedThisSession(uid));
+    (0, import_store12.__dispatch)(slice.actions.removeCreatedThisSession(uid));
   },
   archive(componentId) {
-    (0, import_store11.__dispatch)(slice.actions.archive(componentId));
+    (0, import_store12.__dispatch)(slice.actions.archive(componentId));
   },
   setCurrentComponentId(id) {
     safeDispatch()?.(slice.actions.setCurrentComponentId(id));
@@ -1551,33 +1589,33 @@ var componentsActions = {
     safeDispatch()?.(slice.actions.setPath(path));
   },
   setOverridableProps(componentId, overridableProps) {
-    (0, import_store11.__dispatch)(slice.actions.setOverridableProps({ componentId, overridableProps }));
+    (0, import_store12.__dispatch)(slice.actions.setOverridableProps({ componentId, overridableProps }));
   },
   rename(componentUid, name) {
-    (0, import_store11.__dispatch)(slice.actions.rename({ componentUid, name }));
+    (0, import_store12.__dispatch)(slice.actions.rename({ componentUid, name }));
   },
   cleanUpdatedComponentNames() {
-    (0, import_store11.__dispatch)(slice.actions.cleanUpdatedComponentNames());
+    (0, import_store12.__dispatch)(slice.actions.cleanUpdatedComponentNames());
   },
   updateComponentSanitizedAttribute(componentId, attribute) {
-    (0, import_store11.__dispatch)(slice.actions.updateComponentSanitizedAttribute({ componentId, attribute }));
+    (0, import_store12.__dispatch)(slice.actions.updateComponentSanitizedAttribute({ componentId, attribute }));
   },
   resetSanitizedComponents() {
-    (0, import_store11.__dispatch)(slice.actions.resetSanitizedComponents());
+    (0, import_store12.__dispatch)(slice.actions.resetSanitizedComponents());
   }
 };
 
 // src/store/selectors.ts
-var import_store13 = require("@elementor/store");
+var import_store14 = require("@elementor/store");
 function safeGetState() {
-  return (0, import_store13.__getStore)()?.getState();
+  return (0, import_store14.__getStore)()?.getState();
 }
 var componentsSelectors = {
   getOverridableProps(componentId) {
-    return selectOverridableProps((0, import_store13.__getState)(), componentId);
+    return selectOverridableProps((0, import_store14.__getState)(), componentId);
   },
   getCurrentComponent() {
-    return selectCurrentComponent((0, import_store13.__getState)());
+    return selectCurrentComponent((0, import_store14.__getState)());
   },
   getCurrentComponentId() {
     const state = safeGetState();
@@ -1587,19 +1625,22 @@ var componentsSelectors = {
     return selectCurrentComponentId(state);
   },
   getUnpublishedComponents() {
-    return selectUnpublishedComponents((0, import_store13.__getState)());
+    return selectUnpublishedComponents((0, import_store14.__getState)());
   },
   getUpdatedComponentNames() {
-    return selectUpdatedComponentNames((0, import_store13.__getState)());
+    return selectUpdatedComponentNames((0, import_store14.__getState)());
   },
   getArchivedThisSession() {
-    return selectArchivedThisSession((0, import_store13.__getState)());
+    return selectArchivedThisSession((0, import_store14.__getState)());
+  },
+  getCreatedThisSession() {
+    return selectCreatedThisSession((0, import_store14.__getState)());
   },
   getComponents() {
-    return selectComponents((0, import_store13.__getState)());
+    return selectComponents((0, import_store14.__getState)());
   },
   getComponentByUid(componentUid) {
-    return selectComponentByUid((0, import_store13.__getState)(), componentUid);
+    return selectComponentByUid((0, import_store14.__getState)(), componentUid);
   }
 };
 
@@ -1716,15 +1757,15 @@ var OverrideControlInnerElementNotFoundError = (0, import_utils4.createError)({
 });
 
 // src/components/instance-editing-panel/use-resolved-origin-value.tsx
-var import_store17 = require("@elementor/store");
+var import_store18 = require("@elementor/store");
 
 // src/utils/get-overridable-prop.ts
-var import_store15 = require("@elementor/store");
+var import_store16 = require("@elementor/store");
 function getOverridableProp({
   componentId,
   overrideKey
 }) {
-  const overridableProps = selectOverridableProps((0, import_store15.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store16.__getState)(), componentId);
   if (!overridableProps) {
     return void 0;
   }
@@ -1733,7 +1774,7 @@ function getOverridableProp({
 
 // src/components/instance-editing-panel/use-resolved-origin-value.tsx
 function useResolvedOriginValue(override, overridableProp) {
-  const components = (0, import_store17.__useSelector)(selectData);
+  const components = (0, import_store18.__useSelector)(selectData);
   return resolveOriginValue(components, override, overridableProp);
 }
 function resolveOriginValue(components, matchingOverride, overridableProp) {
@@ -2231,7 +2272,7 @@ async function getDocumentsMap(ids, cache) {
 }
 
 // src/store/actions/load-components-overridable-props.ts
-var import_store22 = require("@elementor/store");
+var import_store23 = require("@elementor/store");
 function loadComponentsOverridableProps(componentIds) {
   if (!componentIds.length) {
     return;
@@ -2239,7 +2280,7 @@ function loadComponentsOverridableProps(componentIds) {
   return Promise.all(componentIds.map(loadComponentOverrides));
 }
 async function loadComponentOverrides(componentId) {
-  const isOverridablePropsLoaded = selectIsOverridablePropsLoaded((0, import_store22.__getState)(), componentId);
+  const isOverridablePropsLoaded = selectIsOverridablePropsLoaded((0, import_store23.__getState)(), componentId);
   if (isOverridablePropsLoaded) {
     return;
   }
@@ -2247,7 +2288,7 @@ async function loadComponentOverrides(componentId) {
   if (!overridableProps) {
     return;
   }
-  (0, import_store22.__dispatch)(
+  (0, import_store23.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps
@@ -2256,12 +2297,12 @@ async function loadComponentOverrides(componentId) {
 }
 
 // src/store/actions/load-components-styles.ts
-var import_store24 = require("@elementor/store");
+var import_store25 = require("@elementor/store");
 function loadComponentsStyles(documents) {
   if (!documents.size) {
     return;
   }
-  const knownComponents = selectStyles((0, import_store24.__getState)());
+  const knownComponents = selectStyles((0, import_store25.__getState)());
   const unknownDocuments = new Map([...documents.entries()].filter(([id]) => !knownComponents[id]));
   if (!unknownDocuments.size) {
     return;
@@ -2272,7 +2313,7 @@ function addStyles(documents) {
   const styles = Object.fromEntries(
     [...documents.entries()].map(([id, document]) => [id, extractStylesFromDocument(document)])
   );
-  (0, import_store24.__dispatch)(slice.actions.addStyles(styles));
+  (0, import_store25.__dispatch)(slice.actions.addStyles(styles));
 }
 function extractStylesFromDocument(document) {
   if (!document.elements?.length) {
@@ -2314,7 +2355,7 @@ var LoadTemplateComponents = () => {
 var import_editor_canvas4 = require("@elementor/editor-canvas");
 var import_editor_documents4 = require("@elementor/editor-documents");
 var import_editor_notifications2 = require("@elementor/editor-notifications");
-var import_store26 = require("@elementor/store");
+var import_store27 = require("@elementor/store");
 var import_utils7 = require("@elementor/utils");
 var import_i18n11 = require("@wordpress/i18n");
 
@@ -2666,7 +2707,7 @@ function createComponentModel() {
       }
       const componentUid = editorSettings?.component_uid;
       if (componentUid) {
-        const component = selectComponentByUid((0, import_store26.__getState)(), componentUid);
+        const component = selectComponentByUid((0, import_store27.__getState)(), componentUid);
         if (component?.name) {
           return component.name;
         }
@@ -2688,10 +2729,10 @@ function createComponentModel() {
 
 // src/populate-store.ts
 var import_react8 = require("react");
-var import_store28 = require("@elementor/store");
+var import_store29 = require("@elementor/store");
 function PopulateStore() {
   (0, import_react8.useEffect)(() => {
-    (0, import_store28.__dispatch)(loadComponents());
+    (0, import_store29.__dispatch)(loadComponents());
   }, []);
   return null;
 }
@@ -2700,7 +2741,7 @@ function PopulateStore() {
 var import_editor_elements9 = require("@elementor/editor-elements");
 var import_editor_notifications3 = require("@elementor/editor-notifications");
 var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
-var import_store29 = require("@elementor/store");
+var import_store30 = require("@elementor/store");
 var import_i18n12 = require("@wordpress/i18n");
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
@@ -2726,7 +2767,7 @@ function wouldCreateCircularNesting(componentIdToAdd) {
   if (componentIdToAdd === void 0) {
     return false;
   }
-  const state = (0, import_store29.__getState)();
+  const state = (0, import_store30.__getState)();
   const currentComponentId = selectCurrentComponentId(state);
   const path = selectPath(state);
   if (currentComponentId === null) {
@@ -2824,19 +2865,19 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-var import_store31 = require("@elementor/store");
+var import_store32 = require("@elementor/store");
 function removeComponentStyles(id) {
   apiClient.invalidateComponentConfigCache(id);
-  (0, import_store31.__dispatch)(slice.actions.removeStyles({ id }));
+  (0, import_store32.__dispatch)(slice.actions.removeStyles({ id }));
 }
 
 // src/store/components-styles-provider.ts
 var import_editor_styles_repository = require("@elementor/editor-styles-repository");
-var import_store33 = require("@elementor/store");
+var import_store34 = require("@elementor/store");
 var componentsStylesProvider = (0, import_editor_styles_repository.createStylesProvider)({
   key: "components-styles",
   priority: 100,
-  subscribe: (cb) => (0, import_store33.__subscribeWithSelector)(
+  subscribe: (cb) => (0, import_store34.__subscribeWithSelector)(
     (state) => state[SLICE_NAME],
     () => {
       cb();
@@ -2844,10 +2885,10 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
   ),
   actions: {
     all: () => {
-      return selectFlatStyles((0, import_store33.__getState)());
+      return selectFlatStyles((0, import_store34.__getState)());
     },
     get: (id) => {
-      return selectFlatStyles((0, import_store33.__getState)()).find((style) => style.id === id) ?? null;
+      return selectFlatStyles((0, import_store34.__getState)()).find((style) => style.id === id) ?? null;
     }
   }
 });
@@ -2928,7 +2969,7 @@ function load(result) {
 // src/init.ts
 function init() {
   import_editor_styles_repository2.stylesRepository.register(componentsStylesProvider);
-  (0, import_store35.__registerSlice)(slice);
+  (0, import_store36.__registerSlice)(slice);
   (0, import_editor_canvas5.registerElementType)(
     COMPONENT_WIDGET_TYPE2,
     (options) => createComponentType({
@@ -2995,6 +3036,7 @@ function init() {
   componentOverridablePropTypeUtil,
   componentsActions,
   componentsSelectors,
+  createComponentsAction,
   filterValidOverridableProps,
   getContainerByOriginId,
   getOverridableProp,
@@ -3004,6 +3046,7 @@ function init() {
   loadComponentsAssets,
   onElementDrop,
   publishDraftComponentsInPageBeforeSave,
+  registerComponentsReducer,
   resolveOverridePropValue,
   selectOverridableProps,
   selectPath,