@elementor/editor-app-bar 3.35.5 → 3.35.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-app-bar",
   "description": "App Bar extension for @elementor/editor",
-  "version": "3.35.5",
+  "version": "3.35.6",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,16 +40,16 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-ui": "3.35.5",
-    "@elementor/http-client": "3.35.5",
-    "@elementor/editor": "3.35.5",
-    "@elementor/editor-documents": "3.35.5",
-    "@elementor/editor-responsive": "3.35.5",
-    "@elementor/editor-v1-adapters": "3.35.5",
+    "@elementor/editor-ui": "3.35.6",
+    "@elementor/http-client": "3.35.6",
+    "@elementor/editor": "3.35.6",
+    "@elementor/editor-documents": "3.35.6",
+    "@elementor/editor-responsive": "3.35.6",
+    "@elementor/editor-v1-adapters": "3.35.6",
     "@elementor/icons": "^1.63.0",
-    "@elementor/locations": "3.35.5",
-    "@elementor/menus": "3.35.5",
-    "@elementor/events": "3.35.5",
+    "@elementor/locations": "3.35.6",
+    "@elementor/menus": "3.35.6",
+    "@elementor/events": "3.35.6",
     "@elementor/ui": "1.36.17",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/extensions/documents-save/hooks/use-document-copy-and-share-props.ts

@@ -2,6 +2,7 @@ import {
 	__useActiveDocument as useActiveDocument,
 	__useActiveDocumentActions as useActiveDocumentActions,
 } from '@elementor/editor-documents';
+import { useMixpanel } from '@elementor/events';
 import { LinkIcon } from '@elementor/icons';
 import { __ } from '@wordpress/i18n';
 
@@ -10,11 +11,28 @@ import { type ActionProps } from '../../../types';
 export default function useDocumentCopyAndShareProps(): ActionProps {
 	const document = useActiveDocument();
 	const { copyAndShare } = useActiveDocumentActions();
+	const { dispatchEvent, config } = useMixpanel();
 
 	return {
 		icon: LinkIcon,
 		title: __( 'Copy and Share', 'elementor' ),
-		onClick: copyAndShare,
+		onClick: () => {
+			const eventName = config?.names?.editorOne?.topBarPublishDropdown;
+			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?.publishDropdown?.copyAndShare,
+					interaction_result: config?.interactionResults?.actionSelected,
+					target_location: config?.locations?.topBar?.replace( /\s+/g, '_' ).toLowerCase(),
+					location_l1: config?.secondaryLocations?.publishDropdown?.replace( /\s+/g, '_' ).toLowerCase(),
+					location_l2: config?.targetTypes?.dropdownItem,
+				} );
+			}
+			copyAndShare();
+		},
 		disabled:
 			! document || document.isSaving || document.isSavingDraft || ! ( 'publish' === document.status.value ),
 		visible: document?.permissions?.showCopyAndShare,

package/src/extensions/documents-save/hooks/use-document-save-draft-props.ts

@@ -2,6 +2,7 @@ import {
 	__useActiveDocument as useActiveDocument,
 	__useActiveDocumentActions as useActiveDocumentActions,
 } from '@elementor/editor-documents';
+import { useMixpanel } from '@elementor/events';
 import { FileReportIcon } from '@elementor/icons';
 import { __ } from '@wordpress/i18n';
 
@@ -10,11 +11,28 @@ import { type ActionProps } from '../../../types';
 export default function useDocumentSaveDraftProps(): ActionProps {
 	const document = useActiveDocument();
 	const { saveDraft } = useActiveDocumentActions();
+	const { dispatchEvent, config } = useMixpanel();
 
 	return {
 		icon: FileReportIcon,
 		title: __( 'Save Draft', 'elementor' ),
-		onClick: saveDraft,
+		onClick: () => {
+			const eventName = config?.names?.editorOne?.topBarPublishDropdown;
+			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?.publishDropdown?.saveDraft,
+					interaction_result: config?.interactionResults?.actionSelected,
+					target_location: config?.locations?.topBar?.replace( /\s+/g, '_' ).toLowerCase(),
+					location_l1: config?.secondaryLocations?.publishDropdown?.replace( /\s+/g, '_' ).toLowerCase(),
+					location_l2: config?.targetTypes?.dropdownItem,
+				} );
+			}
+			saveDraft();
+		},
 		disabled: ! document || document.isSaving || document.isSavingDraft || ! document.isDirty,
 	};
 }

package/src/extensions/documents-save/hooks/use-document-save-template-props.ts

@@ -1,4 +1,5 @@
 import { __useActiveDocumentActions as useActiveDocumentActions } from '@elementor/editor-documents';
+import { useMixpanel } from '@elementor/events';
 import { FolderIcon } from '@elementor/icons';
 import { __ } from '@wordpress/i18n';
 
@@ -6,10 +7,27 @@ import { type ActionProps } from '../../../types';
 
 export default function useDocumentSaveTemplateProps(): ActionProps {
 	const { saveTemplate } = useActiveDocumentActions();
+	const { dispatchEvent, config } = useMixpanel();
 
 	return {
 		icon: FolderIcon,
 		title: __( 'Save as Template', 'elementor' ),
-		onClick: saveTemplate,
+		onClick: () => {
+			const eventName = config?.names?.editorOne?.topBarPublishDropdown;
+			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?.publishDropdown?.saveAsTemplate,
+					interaction_result: config?.interactionResults?.actionSelected,
+					target_location: config?.locations?.topBar?.replace( /\s+/g, '_' ).toLowerCase(),
+					location_l1: config?.secondaryLocations?.publishDropdown?.replace( /\s+/g, '_' ).toLowerCase(),
+					location_l2: config?.targetTypes?.dropdownItem,
+				} );
+			}
+			saveTemplate();
+		},
 	};
 }

package/src/extensions/documents-save/hooks/use-document-view-page-props.ts

@@ -1,18 +1,36 @@
 import { __useActiveDocument as useActiveDocument } from '@elementor/editor-documents';
 import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
+import { useMixpanel } from '@elementor/events';
 import { EyeIcon } from '@elementor/icons';
 import { __ } from '@wordpress/i18n';
 
 export default function useDocumentViewPageProps() {
 	const document = useActiveDocument();
+	const { dispatchEvent, config } = useMixpanel();
 
 	return {
 		icon: EyeIcon,
 		title: __( 'View Page', 'elementor' ),
-		onClick: () =>
-			document?.id &&
-			runCommand( 'editor/documents/view', {
-				id: document.id,
-			} ),
+		onClick: () => {
+			const eventName = config?.names?.editorOne?.topBarPublishDropdown;
+			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?.publishDropdown?.viewPage,
+					interaction_result: config?.interactionResults?.actionSelected,
+					target_location: config?.locations?.topBar?.replace( /\s+/g, '_' ).toLowerCase(),
+					location_l1: config?.secondaryLocations?.publishDropdown?.replace( /\s+/g, '_' ).toLowerCase(),
+					location_l2: config?.targetTypes?.dropdownItem,
+				} );
+			}
+			if ( document?.id ) {
+				runCommand( 'editor/documents/view', {
+					id: document.id,
+				} );
+			}
+		},
 	};
 }