@elementor/editor-components 4.2.0-946 → 4.2.0-beta2

package/dist/index.d.mts

@@ -1306,6 +1306,12 @@ declare const slice: typeof baseSlice;
 
 type ComponentsSlice = SliceState<typeof slice>;
 
+declare const selectComponentByUid: (state: ComponentsSlice, componentUid: string) => PublishedComponent | UnpublishedComponent | undefined;
+declare const selectCreatedThisSession: ((state: ComponentsSlice) => string[]) & reselect.OutputSelectorFields<(args_0: string[]) => string[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 declare const selectOverridableProps: ((state: ComponentsSlice, componentId: number) => OverridableProps | undefined) & reselect.OutputSelectorFields<(args_0: PublishedComponent | undefined) => OverridableProps | undefined, {
     clearCache: () => void;
 }> & {
@@ -1404,14 +1410,18 @@ declare const resolveOverridePropValue: (originalPropValue: ComponentInstanceOve
 
 declare function switchToComponent(componentId: number, componentInstanceId?: string | null, element?: HTMLElement | null): Promise<void>;
 
-type Source = 'user' | 'mcp_tool' | 'system';
+type ExecutedBy = 'user' | 'mcp_tool' | 'system';
+/** @deprecated since 4.2.1 - use `ExecutedBy` instead */
+type Source = ExecutedBy;
 type ComponentEventData = Record<string, unknown> & {
     action: 'createClicked' | 'created' | 'createCancelled' | 'instanceAdded' | 'edited' | 'propertyExposed' | 'propertyRemoved' | 'propertiesPanelOpened' | 'propertiesGroupCreated' | 'detached';
-    source: Source;
+    executedBy?: ExecutedBy;
+    /** @deprecated since 4.2.1 - use `executedBy` instead */
+    source?: Source;
 };
-declare const trackComponentEvent: ({ action, source, ...data }: ComponentEventData) => void;
+declare const trackComponentEvent: ({ action, source, executedBy, ...data }: ComponentEventData) => void;
 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 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 ExecutedBy, 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, selectComponentByUid, selectCreatedThisSession, selectOverridableProps, selectPath, slice, switchToComponent, trackComponentEvent, updateOverridableProp, useComponentInstanceElement, useComponents, useComponentsPermissions, useCurrentComponent, useCurrentComponentId, useFilteredComponents, useInstancePanelData, useIsSanitizedComponent, useOverridablePropValue, useOverridableProps, useSanitizeOverridableProps };

package/dist/index.d.ts

@@ -1306,6 +1306,12 @@ declare const slice: typeof baseSlice;
 
 type ComponentsSlice = SliceState<typeof slice>;
 
+declare const selectComponentByUid: (state: ComponentsSlice, componentUid: string) => PublishedComponent | UnpublishedComponent | undefined;
+declare const selectCreatedThisSession: ((state: ComponentsSlice) => string[]) & reselect.OutputSelectorFields<(args_0: string[]) => string[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 declare const selectOverridableProps: ((state: ComponentsSlice, componentId: number) => OverridableProps | undefined) & reselect.OutputSelectorFields<(args_0: PublishedComponent | undefined) => OverridableProps | undefined, {
     clearCache: () => void;
 }> & {
@@ -1404,14 +1410,18 @@ declare const resolveOverridePropValue: (originalPropValue: ComponentInstanceOve
 
 declare function switchToComponent(componentId: number, componentInstanceId?: string | null, element?: HTMLElement | null): Promise<void>;
 
-type Source = 'user' | 'mcp_tool' | 'system';
+type ExecutedBy = 'user' | 'mcp_tool' | 'system';
+/** @deprecated since 4.2.1 - use `ExecutedBy` instead */
+type Source = ExecutedBy;
 type ComponentEventData = Record<string, unknown> & {
     action: 'createClicked' | 'created' | 'createCancelled' | 'instanceAdded' | 'edited' | 'propertyExposed' | 'propertyRemoved' | 'propertiesPanelOpened' | 'propertiesGroupCreated' | 'detached';
-    source: Source;
+    executedBy?: ExecutedBy;
+    /** @deprecated since 4.2.1 - use `executedBy` instead */
+    source?: Source;
 };
-declare const trackComponentEvent: ({ action, source, ...data }: ComponentEventData) => void;
+declare const trackComponentEvent: ({ action, source, executedBy, ...data }: ComponentEventData) => void;
 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 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 ExecutedBy, 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, selectComponentByUid, selectCreatedThisSession, selectOverridableProps, selectPath, slice, switchToComponent, trackComponentEvent, updateOverridableProp, useComponentInstanceElement, useComponents, useComponentsPermissions, useCurrentComponent, useCurrentComponentId, useFilteredComponents, useInstancePanelData, useIsSanitizedComponent, useOverridablePropValue, useOverridableProps, useSanitizeOverridableProps };

package/dist/index.js

@@ -66,6 +66,8 @@ __export(index_exports, {
   publishDraftComponentsInPageBeforeSave: () => publishDraftComponentsInPageBeforeSave,
   registerComponentsReducer: () => registerComponentsReducer,
   resolveOverridePropValue: () => resolveOverridePropValue,
+  selectComponentByUid: () => selectComponentByUid,
+  selectCreatedThisSession: () => selectCreatedThisSession,
   selectOverridableProps: () => selectOverridableProps,
   selectPath: () => selectPath,
   slice: () => slice,
@@ -1182,8 +1184,8 @@ var componentInstancePropTypeUtil = (0, import_editor_props4.createPropUtils)(
 var import_events = require("@elementor/events");
 var import_store8 = require("@elementor/store");
 var FEATURE_NAME = "Components";
-var trackComponentEvent = ({ action, source, ...data }) => {
-  if (source === "system") {
+var trackComponentEvent = ({ action, source, executedBy, ...data }) => {
+  if (source === "system" || executedBy === "system") {
     return;
   }
   const { dispatchEvent, config } = (0, import_events.getMixpanel)();
@@ -1191,7 +1193,7 @@ var trackComponentEvent = ({ action, source, ...data }) => {
     return;
   }
   const name = config.names.components[action];
-  dispatchEvent?.(name, { ...data, source, "Feature name": FEATURE_NAME });
+  dispatchEvent?.(name, { ...data, executed_by: executedBy ?? source, "Feature name": FEATURE_NAME });
 };
 var onElementDrop = (_args, element) => {
   if (!(element?.model?.get("widgetType") === "e-component")) {
@@ -1207,7 +1209,7 @@ var onElementDrop = (_args, element) => {
   const { locations, secondaryLocations } = eventsManagerConfig;
   trackComponentEvent({
     action: "instanceAdded",
-    source: "user",
+    executedBy: "user",
     instance_id: instanceId,
     component_uid: componentUID,
     component_name: componentName,
@@ -1431,7 +1433,7 @@ async function detachComponentInstance({
         const componentUid = selectComponent((0, import_store10.__getState)(), componentId)?.uid;
         trackComponentEvent({
           action: "detached",
-          source: "user",
+          executedBy: "user",
           component_uid: componentUid,
           instance_id: instanceId,
           location: trackingInfo.location,
@@ -2560,7 +2562,7 @@ async function getComponentDocuments({
 }
 async function getComponentIds(elements, cache, isRecursive) {
   const results = await Promise.all(
-    elements.map(async ({ widgetType, elType, elements: childElements, settings }) => {
+    elements.filter(Boolean).map(async ({ widgetType, elType, elements: childElements, settings }) => {
       const ids = [];
       if (isComponentInstance({ widgetType, elType })) {
         const componentId = settings?.component_instance?.value?.component_id.value;
@@ -2611,6 +2613,9 @@ async function loadComponentsOverridableProps(componentIds) {
 
 // src/store/actions/load-components-assets.ts
 async function loadComponentsAssets(elements) {
+  if (!elements.length) {
+    return;
+  }
   const documents = await getComponentDocuments({ elements, isRecursive: false });
   updateDocumentState(documents);
   documents.forEach((document2, id) => {
@@ -2929,7 +2934,7 @@ function createComponentView(options) {
       const editorSettings = this.model.get("editor_settings");
       trackComponentEvent({
         action: "edited",
-        source: "user",
+        executedBy: "user",
         component_uid: editorSettings?.component_uid,
         component_name: editorSettings?.title,
         location,
@@ -3266,8 +3271,12 @@ function initLoadComponentDataAfterInstanceAdded() {
   });
 }
 function load(result) {
+  if (!result) {
+    return;
+  }
   const containers = Array.isArray(result) ? result : [result];
-  loadComponentsAssets(containers.map((container) => container.model.toJSON()));
+  const elements = containers.map((container) => container.model?.toJSON()).filter((element) => !!element);
+  loadComponentsAssets(elements);
 }
 
 // src/init.ts
@@ -3356,6 +3365,8 @@ function init() {
   publishDraftComponentsInPageBeforeSave,
   registerComponentsReducer,
   resolveOverridePropValue,
+  selectComponentByUid,
+  selectCreatedThisSession,
   selectOverridableProps,
   selectPath,
   slice,