@elementor/editor-components 4.2.0-935 → 4.2.0-936

package/dist/index.d.mts

@@ -4,7 +4,6 @@ import { V1ElementData, V1Element, V1ElementModelProps } from '@elementor/editor
 import { HttpResponse } from '@elementor/http-client';
 import * as _elementor_editor_props from '@elementor/editor-props';
 import { PropValue, AnyTransformable } from '@elementor/editor-props';
-import { StyleDefinition } from '@elementor/editor-styles';
 import * as React from 'react';
 import { ElementType, PropsWithChildren } from 'react';
 import { z } from '@elementor/schema';
@@ -22,7 +21,6 @@ type ComponentFormValues = {
     componentName: string;
 };
 type ComponentId = number;
-type StylesDefinition = Record<ComponentId, StyleDefinition[]>;
 type Component = PublishedComponent | UnpublishedComponent;
 type PublishedComponent = BaseComponent & {
     id: number;
@@ -1256,7 +1254,6 @@ type ComponentsState = {
     data: PublishedComponent[];
     unpublishedData: UnpublishedComponent[];
     loadStatus: 'idle' | 'pending' | 'error';
-    styles: StylesDefinition;
     createdThisSession: Component['uid'][];
     archivedThisSession: ComponentId[];
     path: ComponentsPathItem[];
@@ -1284,13 +1281,6 @@ declare const baseSlice: _reduxjs_toolkit.Slice<ComponentsState, {
     addUnpublished: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<UnpublishedComponent>) => void;
     removeUnpublished: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<string | string[]>) => void;
     resetUnpublished: (state: immer_dist_internal_js.WritableDraft<ComponentsState>) => void;
-    removeStyles(state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<{
-        id: ComponentId;
-    }>): void;
-    addStyles: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: {
-        payload: any;
-        type: string;
-    }) => void;
     addCreatedThisSession: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<string>) => void;
     removeCreatedThisSession: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<string>) => void;
     archive: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<number>) => void;
@@ -1337,8 +1327,6 @@ declare const componentsActions: {
     addUnpublished(component: UnpublishedComponent): void;
     removeUnpublished(uids: string | string[]): void;
     resetUnpublished(): void;
-    removeStyles(id: ComponentId): void;
-    addStyles(styles: Record<string, unknown>): void;
     addCreatedThisSession(uid: string): void;
     removeCreatedThisSession(uid: string): void;
     archive(componentId: ComponentId): void;
@@ -1426,4 +1414,4 @@ declare const onElementDrop: (_args: unknown, element: V1Element) => void;
 
 declare const getComponentDocumentData: (id: number) => Promise<Document | null>;
 
-export { COMPONENT_WIDGET_TYPE, type Component, type ComponentFormValues, type ComponentId, type ComponentInstanceOverride, type ComponentInstanceOverrideProp, type ComponentInstanceOverridePropValue, type ComponentInstanceOverridesPropValue, type ComponentInstanceProp, type ComponentInstancePropValue, ComponentInstanceProvider, ComponentItem, type ComponentItemProps, ComponentName, type ComponentOverridableProp, type ComponentOverridablePropValue, ComponentSearch, ComponentsList, type ComponentsPathItem, type ComponentsSlice, type ComponentsState, DetachAction, type DocumentSaveStatus, EditComponentAction, EmptySearchResult, type ExtendedWindow, EmptyState as InstanceEmptyState, InstancePanelBody, InstancePanelHeader, LoadingComponents, type OriginPropFields, type OriginalElementData, type OverridableProp, OverridablePropProvider, type OverridableProps, type OverridablePropsGroup, type PublishedComponent, SLICE_NAME, type SanitizeAttributes, SearchProvider, type Source, type StylesDefinition, type UnpublishedComponent, type UpdatedComponentName, apiClient, componentInstanceOverridePropTypeUtil, componentInstanceOverridesPropTypeUtil, componentInstancePropTypeUtil, componentOverridablePropTypeUtil, componentsActions, componentsSelectors, createComponentsAction, filterValidOverridableProps, getComponentDocumentData, getContainerByOriginId, getOverridableProp, getPropTypeForComponentOverride, init, isComponentInstance, loadComponentsAssets, onElementDrop, publishDraftComponentsInPageBeforeSave, registerComponentsReducer, resolveOverridePropValue, selectOverridableProps, selectPath, slice, switchToComponent, trackComponentEvent, updateOverridableProp, useComponentInstanceElement, useComponents, useComponentsPermissions, useCurrentComponent, useCurrentComponentId, useFilteredComponents, useInstancePanelData, useIsSanitizedComponent, useOverridablePropValue, useOverridableProps, useSanitizeOverridableProps };
+export { COMPONENT_WIDGET_TYPE, type Component, type ComponentFormValues, type ComponentId, type ComponentInstanceOverride, type ComponentInstanceOverrideProp, type ComponentInstanceOverridePropValue, type ComponentInstanceOverridesPropValue, type ComponentInstanceProp, type ComponentInstancePropValue, ComponentInstanceProvider, ComponentItem, type ComponentItemProps, ComponentName, type ComponentOverridableProp, type ComponentOverridablePropValue, ComponentSearch, ComponentsList, type ComponentsPathItem, type ComponentsSlice, type ComponentsState, DetachAction, type DocumentSaveStatus, EditComponentAction, EmptySearchResult, type ExtendedWindow, EmptyState as InstanceEmptyState, InstancePanelBody, InstancePanelHeader, LoadingComponents, type OriginPropFields, type OriginalElementData, type OverridableProp, OverridablePropProvider, type OverridableProps, type OverridablePropsGroup, type PublishedComponent, SLICE_NAME, type SanitizeAttributes, SearchProvider, type Source, type UnpublishedComponent, type UpdatedComponentName, apiClient, componentInstanceOverridePropTypeUtil, componentInstanceOverridesPropTypeUtil, componentInstancePropTypeUtil, componentOverridablePropTypeUtil, componentsActions, componentsSelectors, createComponentsAction, filterValidOverridableProps, getComponentDocumentData, getContainerByOriginId, getOverridableProp, getPropTypeForComponentOverride, init, isComponentInstance, loadComponentsAssets, onElementDrop, publishDraftComponentsInPageBeforeSave, registerComponentsReducer, resolveOverridePropValue, selectOverridableProps, selectPath, slice, switchToComponent, trackComponentEvent, updateOverridableProp, useComponentInstanceElement, useComponents, useComponentsPermissions, useCurrentComponent, useCurrentComponentId, useFilteredComponents, useInstancePanelData, useIsSanitizedComponent, useOverridablePropValue, useOverridableProps, useSanitizeOverridableProps };

package/dist/index.d.ts

@@ -4,7 +4,6 @@ import { V1ElementData, V1Element, V1ElementModelProps } from '@elementor/editor
 import { HttpResponse } from '@elementor/http-client';
 import * as _elementor_editor_props from '@elementor/editor-props';
 import { PropValue, AnyTransformable } from '@elementor/editor-props';
-import { StyleDefinition } from '@elementor/editor-styles';
 import * as React from 'react';
 import { ElementType, PropsWithChildren } from 'react';
 import { z } from '@elementor/schema';
@@ -22,7 +21,6 @@ type ComponentFormValues = {
     componentName: string;
 };
 type ComponentId = number;
-type StylesDefinition = Record<ComponentId, StyleDefinition[]>;
 type Component = PublishedComponent | UnpublishedComponent;
 type PublishedComponent = BaseComponent & {
     id: number;
@@ -1256,7 +1254,6 @@ type ComponentsState = {
     data: PublishedComponent[];
     unpublishedData: UnpublishedComponent[];
     loadStatus: 'idle' | 'pending' | 'error';
-    styles: StylesDefinition;
     createdThisSession: Component['uid'][];
     archivedThisSession: ComponentId[];
     path: ComponentsPathItem[];
@@ -1284,13 +1281,6 @@ declare const baseSlice: _reduxjs_toolkit.Slice<ComponentsState, {
     addUnpublished: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<UnpublishedComponent>) => void;
     removeUnpublished: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<string | string[]>) => void;
     resetUnpublished: (state: immer_dist_internal_js.WritableDraft<ComponentsState>) => void;
-    removeStyles(state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<{
-        id: ComponentId;
-    }>): void;
-    addStyles: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: {
-        payload: any;
-        type: string;
-    }) => void;
     addCreatedThisSession: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<string>) => void;
     removeCreatedThisSession: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<string>) => void;
     archive: (state: immer_dist_internal_js.WritableDraft<ComponentsState>, { payload }: PayloadAction<number>) => void;
@@ -1337,8 +1327,6 @@ declare const componentsActions: {
     addUnpublished(component: UnpublishedComponent): void;
     removeUnpublished(uids: string | string[]): void;
     resetUnpublished(): void;
-    removeStyles(id: ComponentId): void;
-    addStyles(styles: Record<string, unknown>): void;
     addCreatedThisSession(uid: string): void;
     removeCreatedThisSession(uid: string): void;
     archive(componentId: ComponentId): void;
@@ -1426,4 +1414,4 @@ declare const onElementDrop: (_args: unknown, element: V1Element) => void;
 
 declare const getComponentDocumentData: (id: number) => Promise<Document | null>;
 
-export { COMPONENT_WIDGET_TYPE, type Component, type ComponentFormValues, type ComponentId, type ComponentInstanceOverride, type ComponentInstanceOverrideProp, type ComponentInstanceOverridePropValue, type ComponentInstanceOverridesPropValue, type ComponentInstanceProp, type ComponentInstancePropValue, ComponentInstanceProvider, ComponentItem, type ComponentItemProps, ComponentName, type ComponentOverridableProp, type ComponentOverridablePropValue, ComponentSearch, ComponentsList, type ComponentsPathItem, type ComponentsSlice, type ComponentsState, DetachAction, type DocumentSaveStatus, EditComponentAction, EmptySearchResult, type ExtendedWindow, EmptyState as InstanceEmptyState, InstancePanelBody, InstancePanelHeader, LoadingComponents, type OriginPropFields, type OriginalElementData, type OverridableProp, OverridablePropProvider, type OverridableProps, type OverridablePropsGroup, type PublishedComponent, SLICE_NAME, type SanitizeAttributes, SearchProvider, type Source, type StylesDefinition, type UnpublishedComponent, type UpdatedComponentName, apiClient, componentInstanceOverridePropTypeUtil, componentInstanceOverridesPropTypeUtil, componentInstancePropTypeUtil, componentOverridablePropTypeUtil, componentsActions, componentsSelectors, createComponentsAction, filterValidOverridableProps, getComponentDocumentData, getContainerByOriginId, getOverridableProp, getPropTypeForComponentOverride, init, isComponentInstance, loadComponentsAssets, onElementDrop, publishDraftComponentsInPageBeforeSave, registerComponentsReducer, resolveOverridePropValue, selectOverridableProps, selectPath, slice, switchToComponent, trackComponentEvent, updateOverridableProp, useComponentInstanceElement, useComponents, useComponentsPermissions, useCurrentComponent, useCurrentComponentId, useFilteredComponents, useInstancePanelData, useIsSanitizedComponent, useOverridablePropValue, useOverridableProps, useSanitizeOverridableProps };
+export { COMPONENT_WIDGET_TYPE, type Component, type ComponentFormValues, type ComponentId, type ComponentInstanceOverride, type ComponentInstanceOverrideProp, type ComponentInstanceOverridePropValue, type ComponentInstanceOverridesPropValue, type ComponentInstanceProp, type ComponentInstancePropValue, ComponentInstanceProvider, ComponentItem, type ComponentItemProps, ComponentName, type ComponentOverridableProp, type ComponentOverridablePropValue, ComponentSearch, ComponentsList, type ComponentsPathItem, type ComponentsSlice, type ComponentsState, DetachAction, type DocumentSaveStatus, EditComponentAction, EmptySearchResult, type ExtendedWindow, EmptyState as InstanceEmptyState, InstancePanelBody, InstancePanelHeader, LoadingComponents, type OriginPropFields, type OriginalElementData, type OverridableProp, OverridablePropProvider, type OverridableProps, type OverridablePropsGroup, type PublishedComponent, SLICE_NAME, type SanitizeAttributes, SearchProvider, type Source, type UnpublishedComponent, type UpdatedComponentName, apiClient, componentInstanceOverridePropTypeUtil, componentInstanceOverridesPropTypeUtil, componentInstancePropTypeUtil, componentOverridablePropTypeUtil, componentsActions, componentsSelectors, createComponentsAction, filterValidOverridableProps, getComponentDocumentData, getContainerByOriginId, getOverridableProp, getPropTypeForComponentOverride, init, isComponentInstance, loadComponentsAssets, onElementDrop, publishDraftComponentsInPageBeforeSave, registerComponentsReducer, resolveOverridePropValue, selectOverridableProps, selectPath, slice, switchToComponent, trackComponentEvent, updateOverridableProp, useComponentInstanceElement, useComponents, useComponentsPermissions, useCurrentComponent, useCurrentComponentId, useFilteredComponents, useInstancePanelData, useIsSanitizedComponent, useOverridablePropValue, useOverridableProps, useSanitizeOverridableProps };

package/dist/index.js

@@ -92,9 +92,9 @@ var import_editor_canvas6 = require("@elementor/editor-canvas");
 var import_editor_documents6 = require("@elementor/editor-documents");
 var import_editor_editing_panel7 = 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_embedded_documents_manager2 = require("@elementor/editor-embedded-documents-manager");
 var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
-var import_store34 = require("@elementor/store");
+var import_store28 = require("@elementor/store");
 var import_i18n16 = require("@wordpress/i18n");
 
 // src/component-instance-transformer.ts
@@ -109,7 +109,6 @@ var initialState = {
   data: [],
   unpublishedData: [],
   loadStatus: "idle",
-  styles: {},
   createdThisSession: [],
   archivedThisSession: [],
   path: [],
@@ -229,13 +228,6 @@ var baseSlice = (0, import_store2.__createSlice)({
     resetUnpublished: (state) => {
       state.unpublishedData = [];
     },
-    removeStyles(state, { payload }) {
-      const { [payload.id]: _, ...rest } = state.styles;
-      state.styles = rest;
-    },
-    addStyles: (state, { payload }) => {
-      state.styles = { ...state.styles, ...payload };
-    },
     addCreatedThisSession: (state, { payload }) => {
       state.createdThisSession.push(payload);
     },
@@ -330,7 +322,6 @@ var slice = {
 var selectData = (state) => state[SLICE_NAME].data;
 var selectArchivedThisSession = (state) => state[SLICE_NAME].archivedThisSession;
 var selectLoadStatus = (state) => state[SLICE_NAME].loadStatus;
-var selectStylesDefinitions = (state) => state[SLICE_NAME].styles ?? {};
 var selectUnpublishedData = (state) => state[SLICE_NAME].unpublishedData;
 var getCreatedThisSession = (state) => state[SLICE_NAME].createdThisSession;
 var getPath = (state) => state[SLICE_NAME].path;
@@ -358,17 +349,6 @@ var selectUnpublishedComponents = (0, import_store3.__createSelector)(
 );
 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_store3.__createSelector)(
-  selectStylesDefinitions,
-  (_state, excludeComponentId = null) => excludeComponentId,
-  (data, excludeComponentId) => {
-    if (excludeComponentId === null) {
-      return Object.values(data).flat();
-    }
-    return Object.entries(data).filter(([id]) => id !== String(excludeComponentId)).map(([, styles]) => styles).flat();
-  }
-);
 var selectCreatedThisSession = (0, import_store3.__createSelector)(
   getCreatedThisSession,
   (createdThisSession) => createdThisSession
@@ -1744,12 +1724,6 @@ var componentsActions = {
   resetUnpublished() {
     (0, import_store12.__dispatch)(slice.actions.resetUnpublished());
   },
-  removeStyles(id) {
-    (0, import_store12.__dispatch)(slice.actions.removeStyles({ id }));
-  },
-  addStyles(styles) {
-    (0, import_store12.__dispatch)(slice.actions.addStyles(styles));
-  },
   addCreatedThisSession(uid) {
     (0, import_store12.__dispatch)(slice.actions.addCreatedThisSession(uid));
   },
@@ -2573,13 +2547,18 @@ var import_editor_templates = require("@elementor/editor-templates");
 
 // src/store/actions/load-components-assets.ts
 var import_editor_documents2 = require("@elementor/editor-documents");
+var import_editor_embedded_documents_manager = require("@elementor/editor-embedded-documents-manager");
 
 // src/utils/get-component-documents.ts
-async function getComponentDocuments(elements, cache = /* @__PURE__ */ new Map()) {
-  const componentIds = await getComponentIds(elements, cache);
+async function getComponentDocuments({
+  elements,
+  cache = /* @__PURE__ */ new Map(),
+  isRecursive = true
+}) {
+  const componentIds = await getComponentIds(elements, cache, isRecursive);
   return getDocumentsMap(componentIds, cache);
 }
-async function getComponentIds(elements, cache) {
+async function getComponentIds(elements, cache, isRecursive) {
   const results = await Promise.all(
     elements.map(async ({ widgetType, elType, elements: childElements, settings }) => {
       const ids = [];
@@ -2595,8 +2574,8 @@ async function getComponentIds(elements, cache) {
         const doc = await cache.get(componentId);
         childElements = doc?.elements;
       }
-      if (childElements?.length) {
-        const childIds = await getComponentIds(childElements, cache);
+      if (isRecursive && childElements?.length) {
+        const childIds = await getComponentIds(childElements, cache, isRecursive);
         ids.push(...childIds);
       }
       return ids;
@@ -2628,47 +2607,13 @@ async function loadComponentsOverridableProps(componentIds) {
   (0, import_store21.__dispatch)(slice.actions.loadOverridableProps(data));
 }
 
-// src/store/actions/load-components-styles.ts
-var import_editor_global_classes = require("@elementor/editor-global-classes");
-var import_store23 = require("@elementor/store");
-function loadComponentsStyles(documents) {
-  if (!documents.size) {
-    return;
-  }
-  const knownComponents = selectStyles((0, import_store23.__getState)());
-  const unknownDocuments = new Map([...documents.entries()].filter(([id]) => !knownComponents[id]));
-  if (!unknownDocuments.size) {
-    return;
-  }
-  addStyles(unknownDocuments);
-}
-function addStyles(documents) {
-  const styles = Object.fromEntries(
-    [...documents.entries()].map(([id, document2]) => {
-      (0, import_editor_global_classes.addDocumentClasses)(id);
-      return [id, extractStylesFromDocument(document2)];
-    })
-  );
-  (0, import_store23.__dispatch)(slice.actions.addStyles(styles));
-}
-function extractStylesFromDocument(document2) {
-  if (!document2.elements?.length) {
-    return [];
-  }
-  return document2.elements.flatMap(extractStylesFromElement);
-}
-function extractStylesFromElement(element) {
-  return [
-    ...Object.values(element.styles ?? {}),
-    ...(element.elements ?? []).flatMap(extractStylesFromElement)
-  ];
-}
-
 // src/store/actions/load-components-assets.ts
 async function loadComponentsAssets(elements) {
-  const documents = await getComponentDocuments(elements);
+  const documents = await getComponentDocuments({ elements, isRecursive: false });
   updateDocumentState(documents);
-  loadComponentsStyles(documents);
+  documents.forEach((document2, id) => {
+    import_editor_embedded_documents_manager.embeddedDocumentsManager.setDocument(id, document2);
+  });
   await loadComponentsOverridableProps([...documents.keys()]);
 }
 function updateDocumentState(documents) {
@@ -2697,7 +2642,7 @@ function LoadTemplateComponentsInternal() {
 var import_editor_canvas5 = require("@elementor/editor-canvas");
 var import_editor_documents4 = require("@elementor/editor-documents");
 var import_editor_notifications2 = require("@elementor/editor-notifications");
-var import_store25 = require("@elementor/store");
+var import_store23 = require("@elementor/store");
 var import_utils5 = require("@elementor/utils");
 var import_i18n13 = require("@wordpress/i18n");
 
@@ -3088,7 +3033,7 @@ function createComponentModel() {
       }
       const componentUid = editorSettings?.component_uid;
       if (componentUid) {
-        const component = selectComponentByUid((0, import_store25.__getState)(), componentUid);
+        const component = selectComponentByUid((0, import_store23.__getState)(), componentUid);
         if (component?.name) {
           return component.name;
         }
@@ -3110,10 +3055,10 @@ function createComponentModel() {
 
 // src/populate-store.ts
 var import_react11 = require("react");
-var import_store27 = require("@elementor/store");
+var import_store25 = require("@elementor/store");
 function PopulateStore() {
   (0, import_react11.useEffect)(() => {
-    (0, import_store27.__dispatch)(loadComponents());
+    (0, import_store25.__dispatch)(loadComponents());
   }, []);
   return null;
 }
@@ -3122,7 +3067,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_store28 = require("@elementor/store");
+var import_store26 = require("@elementor/store");
 var import_i18n14 = require("@wordpress/i18n");
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
@@ -3148,7 +3093,7 @@ function wouldCreateCircularNesting(componentIdToAdd) {
   if (componentIdToAdd === void 0) {
     return false;
   }
-  const state = (0, import_store28.__getState)();
+  const state = (0, import_store26.__getState)();
   const currentComponentId = selectCurrentComponentId(state);
   const path = selectPath(state);
   if (currentComponentId === null) {
@@ -3246,35 +3191,9 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-var import_store30 = require("@elementor/store");
 function removeComponentStyles(id) {
   apiClient.invalidateComponentConfigCache(id);
-  (0, import_store30.__dispatch)(slice.actions.removeStyles({ id }));
-}
-
-// src/store/components-styles-provider.ts
-var import_editor_elements10 = require("@elementor/editor-elements");
-var import_editor_styles_repository = require("@elementor/editor-styles-repository");
-var import_store32 = require("@elementor/store");
-var componentsStylesProvider = (0, import_editor_styles_repository.createStylesProvider)({
-  key: "components-styles",
-  priority: 100,
-  subscribe: (cb) => (0, import_store32.__subscribeWithSelector)(
-    (state) => state[SLICE_NAME],
-    () => {
-      cb();
-    }
-  ),
-  actions: {
-    all: () => {
-      const currentDocumentId = (0, import_editor_elements10.getCurrentDocumentId)();
-      return selectFlatStyles((0, import_store32.__getState)(), currentDocumentId);
-    },
-    get: (id) => {
-      return selectFlatStyles((0, import_store32.__getState)()).find((style) => style.id === id) ?? null;
-    }
-  }
-});
+}
 
 // src/sync/publish-draft-components-in-page-before-save.ts
 var import_editor_documents5 = require("@elementor/editor-documents");
@@ -3288,7 +3207,7 @@ async function publishDraftComponentsInPageBeforeSave({ status, elements }) {
   if (status !== "publish") {
     return;
   }
-  const documents = await getComponentDocuments(elements);
+  const documents = await getComponentDocuments({ elements });
   const draftIds = [...documents.values()].filter(import_editor_documents5.isDocumentDirty).map((document2) => document2.id);
   if (draftIds.length === 0) {
     return;
@@ -3351,8 +3270,7 @@ function load(result) {
 
 // src/init.ts
 function init() {
-  import_editor_styles_repository2.stylesRepository.register(componentsStylesProvider);
-  (0, import_store34.__registerSlice)(slice);
+  (0, import_store28.__registerSlice)(slice);
   (0, import_editor_canvas6.registerElementType)(
     COMPONENT_WIDGET_TYPE2,
     (options) => createComponentType({
@@ -3372,12 +3290,16 @@ function init() {
     id: "components-populate-store",
     component: PopulateStore
   });
-  (0, import_editor_v1_adapters6.registerDataHook)("after", "editor/documents/attach-preview", async () => {
-    const { id, config } = (0, import_editor_documents6.getV1CurrentDocument)();
-    if (id) {
-      removeComponentStyles(id);
+  (0, import_editor_v1_adapters6.registerDataHook)("after", "editor/documents/attach-preview", () => {
+    const { id, config } = (0, import_editor_documents6.getV1CurrentDocument)() ?? {};
+    if (!id) {
+      return;
     }
-    await loadComponentsAssets(config?.elements ?? []);
+    removeComponentStyles(id);
+    void loadComponentsAssets(config?.elements ?? []);
+  });
+  import_editor_embedded_documents_manager2.embeddedDocumentsManager.onDocumentLoad((_documentId, data) => {
+    void loadComponentsAssets(data.elements ?? []);
   });
   (0, import_editor.injectIntoLogic)({
     id: "templates",