@elementor/editor-site-navigation 4.0.0-591 → 4.0.0-598

package/dist/index.js

@@ -1100,6 +1100,7 @@ var import_i18n15 = require("@wordpress/i18n");
 // src/components/top-bar/create-post-list-item.tsx
 var React21 = __toESM(require("react"));
 var import_editor_documents6 = require("@elementor/editor-documents");
+var import_events = require("@elementor/events");
 var import_icons13 = require("@elementor/icons");
 var import_ui12 = require("@elementor/ui");
 var import_i18n14 = require("@wordpress/i18n");
@@ -1131,11 +1132,26 @@ function CreatePostListItem({ closePopup, ...props }) {
   const { create, isLoading } = useCreatePage();
   const navigateToDocument = (0, import_editor_documents6.__useNavigateToDocument)();
   const { data: user } = useUser();
+  const { dispatchEvent, config } = (0, import_events.useMixpanel)();
   return /* @__PURE__ */ React21.createElement(
     import_ui12.MenuItem,
     {
       disabled: isLoading || !user?.capabilities?.edit_pages,
       onClick: async () => {
+        const eventName = config?.names?.editorOne?.topBarPageList;
+        if (eventName) {
+          dispatchEvent?.(eventName, {
+            app_type: config?.appTypes?.editor,
+            window_name: config?.appTypes?.editor,
+            interaction_type: config?.triggers?.click?.toLowerCase(),
+            target_type: config?.targetTypes?.dropdownItem,
+            target_name: config?.targetNames?.pageList?.addNewPage,
+            interaction_result: config?.interactionResults?.create,
+            target_location: config?.locations?.topBar?.replace(/\s+/g, "_").toLowerCase(),
+            location_l1: config?.secondaryLocations?.pageListDropdown?.replace(/\s+/g, "_").toLowerCase(),
+            location_l2: config?.targetTypes?.dropdownItem
+          });
+        }
         const { id } = await create();
         closePopup();
         await navigateToDocument(id);
@@ -1178,6 +1194,7 @@ function Tooltip2(props) {
 // src/components/top-bar/post-list-item.tsx
 var React24 = __toESM(require("react"));
 var import_editor_documents7 = require("@elementor/editor-documents");
+var import_events2 = require("@elementor/events");
 var import_ui15 = require("@elementor/ui");
 
 // src/components/top-bar/chip-doc-type.tsx
@@ -1207,11 +1224,26 @@ function DocTypeChip({ postType, docType, label }) {
 function PostListItem2({ post, closePopup, ...props }) {
   const navigateToDocument = (0, import_editor_documents7.__useNavigateToDocument)();
   const postTitle = useReverseHtmlEntities(post.title);
+  const { dispatchEvent, config } = (0, import_events2.useMixpanel)();
   return /* @__PURE__ */ React24.createElement(
     import_ui15.MenuItem,
     {
       disabled: !post.user_can.edit,
       onClick: async () => {
+        const eventName = config?.names?.editorOne?.topBarPageList;
+        if (eventName) {
+          dispatchEvent?.(eventName, {
+            app_type: config?.appTypes?.editor,
+            window_name: config?.appTypes?.editor,
+            interaction_type: config?.triggers?.click?.toLowerCase(),
+            target_type: config?.targetTypes?.dropdownItem,
+            target_name: postTitle,
+            interaction_result: config?.interactionResults?.navigate,
+            target_location: config?.locations?.topBar?.replace(/\s+/g, "_").toLowerCase(),
+            location_l1: config?.secondaryLocations?.pageListDropdown?.replace(/\s+/g, "_").toLowerCase(),
+            location_l2: config?.targetTypes?.dropdownItem
+          });
+        }
         closePopup();
         await navigateToDocument(post.id);
       },

package/dist/index.mjs

@@ -1115,6 +1115,7 @@ import { __ as __15 } from "@wordpress/i18n";
 // src/components/top-bar/create-post-list-item.tsx
 import * as React21 from "react";
 import { __useNavigateToDocument as useNavigateToDocument4 } from "@elementor/editor-documents";
+import { useMixpanel } from "@elementor/events";
 import { PlusIcon as PlusIcon2 } from "@elementor/icons";
 import { CircularProgress as CircularProgress5, ListItemIcon as ListItemIcon3, ListItemText as ListItemText5, MenuItem as MenuItem2 } from "@elementor/ui";
 import { __ as __14 } from "@wordpress/i18n";
@@ -1146,11 +1147,26 @@ function CreatePostListItem({ closePopup, ...props }) {
   const { create, isLoading } = useCreatePage();
   const navigateToDocument = useNavigateToDocument4();
   const { data: user } = useUser();
+  const { dispatchEvent, config } = useMixpanel();
   return /* @__PURE__ */ React21.createElement(
     MenuItem2,
     {
       disabled: isLoading || !user?.capabilities?.edit_pages,
       onClick: async () => {
+        const eventName = config?.names?.editorOne?.topBarPageList;
+        if (eventName) {
+          dispatchEvent?.(eventName, {
+            app_type: config?.appTypes?.editor,
+            window_name: config?.appTypes?.editor,
+            interaction_type: config?.triggers?.click?.toLowerCase(),
+            target_type: config?.targetTypes?.dropdownItem,
+            target_name: config?.targetNames?.pageList?.addNewPage,
+            interaction_result: config?.interactionResults?.create,
+            target_location: config?.locations?.topBar?.replace(/\s+/g, "_").toLowerCase(),
+            location_l1: config?.secondaryLocations?.pageListDropdown?.replace(/\s+/g, "_").toLowerCase(),
+            location_l2: config?.targetTypes?.dropdownItem
+          });
+        }
         const { id } = await create();
         closePopup();
         await navigateToDocument(id);
@@ -1193,6 +1209,7 @@ function Tooltip2(props) {
 // src/components/top-bar/post-list-item.tsx
 import * as React24 from "react";
 import { __useNavigateToDocument as useNavigateToDocument5 } from "@elementor/editor-documents";
+import { useMixpanel as useMixpanel2 } from "@elementor/events";
 import { ListItemText as ListItemText6, MenuItem as MenuItem3 } from "@elementor/ui";
 
 // src/components/top-bar/chip-doc-type.tsx
@@ -1222,11 +1239,26 @@ function DocTypeChip({ postType, docType, label }) {
 function PostListItem2({ post, closePopup, ...props }) {
   const navigateToDocument = useNavigateToDocument5();
   const postTitle = useReverseHtmlEntities(post.title);
+  const { dispatchEvent, config } = useMixpanel2();
   return /* @__PURE__ */ React24.createElement(
     MenuItem3,
     {
       disabled: !post.user_can.edit,
       onClick: async () => {
+        const eventName = config?.names?.editorOne?.topBarPageList;
+        if (eventName) {
+          dispatchEvent?.(eventName, {
+            app_type: config?.appTypes?.editor,
+            window_name: config?.appTypes?.editor,
+            interaction_type: config?.triggers?.click?.toLowerCase(),
+            target_type: config?.targetTypes?.dropdownItem,
+            target_name: postTitle,
+            interaction_result: config?.interactionResults?.navigate,
+            target_location: config?.locations?.topBar?.replace(/\s+/g, "_").toLowerCase(),
+            location_l1: config?.secondaryLocations?.pageListDropdown?.replace(/\s+/g, "_").toLowerCase(),
+            location_l2: config?.targetTypes?.dropdownItem
+          });
+        }
         closePopup();
         await navigateToDocument(post.id);
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-site-navigation",
-  "version": "4.0.0-591",
+  "version": "4.0.0-598",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -39,13 +39,14 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-app-bar": "4.0.0-591",
-    "@elementor/editor-documents": "4.0.0-591",
-    "@elementor/editor-panels": "4.0.0-591",
-    "@elementor/editor-v1-adapters": "4.0.0-591",
-    "@elementor/env": "4.0.0-591",
+    "@elementor/editor-app-bar": "4.0.0-598",
+    "@elementor/editor-documents": "4.0.0-598",
+    "@elementor/editor-panels": "4.0.0-598",
+    "@elementor/editor-v1-adapters": "4.0.0-598",
+    "@elementor/env": "4.0.0-598",
     "@elementor/icons": "^1.63.0",
-    "@elementor/query": "4.0.0-591",
+    "@elementor/events": "4.0.0-598",
+    "@elementor/query": "4.0.0-598",
     "@elementor/ui": "1.36.17",
     "@wordpress/api-fetch": "^6.42.0",
     "@wordpress/i18n": "^5.13.0"

package/src/components/top-bar/create-post-list-item.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
+import { useMixpanel } from '@elementor/events';
 import { PlusIcon } from '@elementor/icons';
 import { CircularProgress, ListItemIcon, ListItemText, MenuItem, type MenuItemProps } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
@@ -15,11 +16,26 @@ export function CreatePostListItem( { closePopup, ...props }: Props ) {
 	const { create, isLoading } = useCreatePage();
 	const navigateToDocument = useNavigateToDocument();
 	const { data: user } = useUser();
+	const { dispatchEvent, config } = useMixpanel();
 
 	return (
 		<MenuItem
 			disabled={ isLoading || ! user?.capabilities?.edit_pages }
 			onClick={ async () => {
+				const eventName = config?.names?.editorOne?.topBarPageList;
+				if ( eventName ) {
+					dispatchEvent?.( eventName, {
+						app_type: config?.appTypes?.editor,
+						window_name: config?.appTypes?.editor,
+						interaction_type: config?.triggers?.click?.toLowerCase(),
+						target_type: config?.targetTypes?.dropdownItem,
+						target_name: config?.targetNames?.pageList?.addNewPage,
+						interaction_result: config?.interactionResults?.create,
+						target_location: config?.locations?.topBar?.replace( /\s+/g, '_' ).toLowerCase(),
+						location_l1: config?.secondaryLocations?.pageListDropdown?.replace( /\s+/g, '_' ).toLowerCase(),
+						location_l2: config?.targetTypes?.dropdownItem,
+					} );
+				}
 				const { id } = await create();
 				closePopup();
 				await navigateToDocument( id );

package/src/components/top-bar/post-list-item.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
+import { useMixpanel } from '@elementor/events';
 import { ListItemText, MenuItem, type MenuItemProps } from '@elementor/ui';
 
 import { useReverseHtmlEntities } from '../../hooks/use-reverse-html-entities';
@@ -14,11 +15,26 @@ type Props = MenuItemProps & {
 export function PostListItem( { post, closePopup, ...props }: Props ) {
 	const navigateToDocument = useNavigateToDocument();
 	const postTitle = useReverseHtmlEntities( post.title );
+	const { dispatchEvent, config } = useMixpanel();
 
 	return (
 		<MenuItem
 			disabled={ ! post.user_can.edit }
 			onClick={ async () => {
+				const eventName = config?.names?.editorOne?.topBarPageList;
+				if ( eventName ) {
+					dispatchEvent?.( eventName, {
+						app_type: config?.appTypes?.editor,
+						window_name: config?.appTypes?.editor,
+						interaction_type: config?.triggers?.click?.toLowerCase(),
+						target_type: config?.targetTypes?.dropdownItem,
+						target_name: postTitle,
+						interaction_result: config?.interactionResults?.navigate,
+						target_location: config?.locations?.topBar?.replace( /\s+/g, '_' ).toLowerCase(),
+						location_l1: config?.secondaryLocations?.pageListDropdown?.replace( /\s+/g, '_' ).toLowerCase(),
+						location_l2: config?.targetTypes?.dropdownItem,
+					} );
+				}
 				closePopup();
 				await navigateToDocument( post.id );
 			} }