@elementor/editor-app-bar 3.35.5 → 3.35.6

package/dist/index.mjs

@@ -831,15 +831,33 @@ import {
   __useActiveDocument as useActiveDocument4,
   __useActiveDocumentActions as useActiveDocumentActions2
 } from "@elementor/editor-documents";
+import { useMixpanel as useMixpanel2 } from "@elementor/events";
 import { LinkIcon } from "@elementor/icons";
 import { __ as __8 } from "@wordpress/i18n";
 function useDocumentCopyAndShareProps() {
   const document2 = useActiveDocument4();
   const { copyAndShare } = useActiveDocumentActions2();
+  const { dispatchEvent: dispatchEvent2, config } = useMixpanel2();
   return {
     icon: LinkIcon,
     title: __8("Copy and Share", "elementor"),
-    onClick: copyAndShare,
+    onClick: () => {
+      const eventName = config?.names?.editorOne?.topBarPublishDropdown;
+      if (eventName) {
+        dispatchEvent2?.(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: !document2 || document2.isSaving || document2.isSavingDraft || !("publish" === document2.status.value),
     visible: document2?.permissions?.showCopyAndShare
   };
@@ -850,45 +868,101 @@ import {
   __useActiveDocument as useActiveDocument5,
   __useActiveDocumentActions as useActiveDocumentActions3
 } from "@elementor/editor-documents";
+import { useMixpanel as useMixpanel3 } from "@elementor/events";
 import { FileReportIcon } from "@elementor/icons";
 import { __ as __9 } from "@wordpress/i18n";
 function useDocumentSaveDraftProps() {
   const document2 = useActiveDocument5();
   const { saveDraft } = useActiveDocumentActions3();
+  const { dispatchEvent: dispatchEvent2, config } = useMixpanel3();
   return {
     icon: FileReportIcon,
     title: __9("Save Draft", "elementor"),
-    onClick: saveDraft,
+    onClick: () => {
+      const eventName = config?.names?.editorOne?.topBarPublishDropdown;
+      if (eventName) {
+        dispatchEvent2?.(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: !document2 || document2.isSaving || document2.isSavingDraft || !document2.isDirty
   };
 }
 
 // src/extensions/documents-save/hooks/use-document-save-template-props.ts
 import { __useActiveDocumentActions as useActiveDocumentActions4 } from "@elementor/editor-documents";
+import { useMixpanel as useMixpanel4 } from "@elementor/events";
 import { FolderIcon } from "@elementor/icons";
 import { __ as __10 } from "@wordpress/i18n";
 function useDocumentSaveTemplateProps() {
   const { saveTemplate } = useActiveDocumentActions4();
+  const { dispatchEvent: dispatchEvent2, config } = useMixpanel4();
   return {
     icon: FolderIcon,
     title: __10("Save as Template", "elementor"),
-    onClick: saveTemplate
+    onClick: () => {
+      const eventName = config?.names?.editorOne?.topBarPublishDropdown;
+      if (eventName) {
+        dispatchEvent2?.(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();
+    }
   };
 }
 
 // src/extensions/documents-save/hooks/use-document-view-page-props.ts
 import { __useActiveDocument as useActiveDocument6 } from "@elementor/editor-documents";
 import { __privateRunCommand as runCommand2 } from "@elementor/editor-v1-adapters";
+import { useMixpanel as useMixpanel5 } from "@elementor/events";
 import { EyeIcon as EyeIcon2 } from "@elementor/icons";
 import { __ as __11 } from "@wordpress/i18n";
 function useDocumentViewPageProps() {
   const document2 = useActiveDocument6();
+  const { dispatchEvent: dispatchEvent2, config } = useMixpanel5();
   return {
     icon: EyeIcon2,
     title: __11("View Page", "elementor"),
-    onClick: () => document2?.id && runCommand2("editor/documents/view", {
-      id: document2.id
-    })
+    onClick: () => {
+      const eventName = config?.names?.editorOne?.topBarPublishDropdown;
+      if (eventName) {
+        dispatchEvent2?.(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 (document2?.id) {
+        runCommand2("editor/documents/view", {
+          id: document2.id
+        });
+      }
+    }
   };
 }