@elementor/editor-app-bar 4.2.0-844 → 4.2.0-846

package/dist/index.js

@@ -450,7 +450,7 @@ function SendFeedbackPopupLocation() {
   const [feedbackContent, setFeedbackContent] = (0, import_react3.useState)("");
   const [feedbackResult, setFeedbackResult] = (0, import_react3.useState)(null);
   const [submitDisabled, setSubmitDisabled] = (0, import_react3.useState)(true);
-  const { dispatchEvent: trackEvent = (...args) => void args } = (0, import_events.useMixpanel)();
+  const { dispatchEvent: trackEvent2 = (...args) => void args } = (0, import_events.useMixpanel)();
   const popupState = (0, import_ui10.usePopupState)({
     variant: "dialog",
     popupId: FEEDBACK_TOGGLE_EVENT
@@ -461,7 +461,7 @@ function SendFeedbackPopupLocation() {
       popupState.toggle();
       setIsUserConnected(checkIfUserIsConnected());
       setFeedbackResult(null);
-      trackEvent("feedback_modal_opened", {
+      trackEvent2("feedback_modal_opened", {
         source: "top_bar",
         context: "v4_beta"
       });
@@ -470,13 +470,13 @@ function SendFeedbackPopupLocation() {
     return () => {
       window.removeEventListener(FEEDBACK_TOGGLE_EVENT, handler);
     };
-  }, [popupState, trackEvent]);
+  }, [popupState, trackEvent2]);
   (0, import_react3.useEffect)(() => {
     setSubmitDisabled(feedbackContent.trim().length < 10 || !isUserConnected || isFetching);
   }, [feedbackContent, feedbackResult, isUserConnected, isFetching]);
   const handleClose = () => {
     popupState.close();
-    trackEvent("feedback_modal_closed", {
+    trackEvent2("feedback_modal_closed", {
       feedback_text: feedbackContent
     });
   };
@@ -496,7 +496,7 @@ function SendFeedbackPopupLocation() {
       if (!response.data.success && response.data.code.toString() === "401" || response.data.code.toString() === "403") {
         setIsUserConnected(false);
       }
-      trackEvent(response.data.success ? "feedback_submitted" : "feedback_error", {
+      trackEvent2(response.data.success ? "feedback_submitted" : "feedback_error", {
         feedback_length: feedbackContent.length,
         error_type: response.data.success ? void 0 : "server",
         error_message: response.data.success ? void 0 : response.data.message
@@ -590,15 +590,30 @@ function AppBar() {
 }
 
 // src/extensions/angie/hooks/use-action-props.ts
+var import_react5 = require("react");
 var import_editor_mcp = require("@elementor/editor-mcp");
+var import_events2 = require("@elementor/events");
 var import_icons5 = require("@elementor/icons");
 var import_i18n5 = require("@wordpress/i18n");
 var CREATE_WIDGET_EVENT = "elementor/editor/create-widget";
+var AI_WIDGET_CTA_VIEWED_EVENT = "ai_widget_cta_viewed";
 var CREATE_WIDGET_PROMPT = `Create a widget for me.
 Goal: [What should this widget help me accomplish?]
 Placement: [Where will I see it in the editor/UI?]
 How it should work: `;
 function useActionProps() {
+  const hasAngieInstalled = (0, import_editor_mcp.isAngieAvailable)();
+  const visible = !hasAngieInstalled;
+  (0, import_react5.useEffect)(() => {
+    if (!visible) {
+      return;
+    }
+    (0, import_events2.trackEvent)({
+      eventName: AI_WIDGET_CTA_VIEWED_EVENT,
+      entry_point: "top_bar_icon",
+      has_angie_installed: false
+    });
+  }, [visible]);
   return {
     title: (0, import_i18n5.__)("Angie", "elementor"),
     icon: import_icons5.AngieIcon,
@@ -607,13 +622,13 @@ function useActionProps() {
         new CustomEvent(CREATE_WIDGET_EVENT, {
           detail: {
             prompt: CREATE_WIDGET_PROMPT,
-            entry_point: "top_bar"
+            entry_point: "top_bar_icon"
           }
         })
       );
     },
     selected: false,
-    visible: !(0, import_editor_mcp.isAngieAvailable)()
+    visible
   };
 }
 
@@ -627,7 +642,7 @@ function init() {
 }
 
 // src/extensions/connect/hooks/use-connect-link-config.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_icons6 = require("@elementor/icons");
 var import_i18n6 = require("@wordpress/i18n");
 var dispatchConnectClickEvent = (eventName) => {
@@ -657,7 +672,7 @@ function useConnectLinkConfig() {
     isUserConnected = extendedWindow?.elementorCommon?.config.library_connect.is_connected ?? false;
     target = "_self";
   }
-  const handleConnectClick = (0, import_react5.useCallback)(
+  const handleConnectClick = (0, import_react6.useCallback)(
     (event) => {
       event.preventDefault();
       if (extendedWindow.jQuery && extendedWindow.jQuery.fn?.elementorConnect) {
@@ -885,13 +900,13 @@ function isPublishEnabled(document2) {
 
 // src/extensions/documents-save/hooks/use-document-copy-and-share-props.ts
 var import_editor_documents4 = require("@elementor/editor-documents");
-var import_events2 = require("@elementor/events");
+var import_events3 = require("@elementor/events");
 var import_icons9 = require("@elementor/icons");
 var import_i18n9 = require("@wordpress/i18n");
 function useDocumentCopyAndShareProps() {
   const document2 = (0, import_editor_documents4.__useActiveDocument)();
   const { copyAndShare } = (0, import_editor_documents4.__useActiveDocumentActions)();
-  const { dispatchEvent: dispatchEvent2, config } = (0, import_events2.useMixpanel)();
+  const { dispatchEvent: dispatchEvent2, config } = (0, import_events3.useMixpanel)();
   return {
     icon: import_icons9.LinkIcon,
     title: (0, import_i18n9.__)("Copy and Share", "elementor"),
@@ -919,13 +934,13 @@ function useDocumentCopyAndShareProps() {
 
 // src/extensions/documents-save/hooks/use-document-save-draft-props.ts
 var import_editor_documents5 = require("@elementor/editor-documents");
-var import_events3 = require("@elementor/events");
+var import_events4 = require("@elementor/events");
 var import_icons10 = require("@elementor/icons");
 var import_i18n10 = require("@wordpress/i18n");
 function useDocumentSaveDraftProps() {
   const document2 = (0, import_editor_documents5.__useActiveDocument)();
   const { saveDraft } = (0, import_editor_documents5.__useActiveDocumentActions)();
-  const { dispatchEvent: dispatchEvent2, config } = (0, import_events3.useMixpanel)();
+  const { dispatchEvent: dispatchEvent2, config } = (0, import_events4.useMixpanel)();
   return {
     icon: import_icons10.FileReportIcon,
     title: (0, import_i18n10.__)("Save Draft", "elementor"),
@@ -952,12 +967,12 @@ function useDocumentSaveDraftProps() {
 
 // src/extensions/documents-save/hooks/use-document-save-template-props.ts
 var import_editor_documents6 = require("@elementor/editor-documents");
-var import_events4 = require("@elementor/events");
+var import_events5 = require("@elementor/events");
 var import_icons11 = require("@elementor/icons");
 var import_i18n11 = require("@wordpress/i18n");
 function useDocumentSaveTemplateProps() {
   const { saveTemplate } = (0, import_editor_documents6.__useActiveDocumentActions)();
-  const { dispatchEvent: dispatchEvent2, config } = (0, import_events4.useMixpanel)();
+  const { dispatchEvent: dispatchEvent2, config } = (0, import_events5.useMixpanel)();
   return {
     icon: import_icons11.FolderIcon,
     title: (0, import_i18n11.__)("Save as Template", "elementor"),
@@ -1009,12 +1024,12 @@ function useDocumentViewAsMarkdownProps() {
 // src/extensions/documents-save/hooks/use-document-view-page-props.ts
 var import_editor_documents8 = require("@elementor/editor-documents");
 var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
-var import_events5 = require("@elementor/events");
+var import_events6 = require("@elementor/events");
 var import_icons13 = require("@elementor/icons");
 var import_i18n13 = require("@wordpress/i18n");
 function useDocumentViewPageProps() {
   const document2 = (0, import_editor_documents8.__useActiveDocument)();
-  const { dispatchEvent: dispatchEvent2, config } = (0, import_events5.useMixpanel)();
+  const { dispatchEvent: dispatchEvent2, config } = (0, import_events6.useMixpanel)();
   return {
     icon: import_icons13.EyeIcon,
     title: (0, import_i18n13.__)("View Page", "elementor"),