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

package/dist/index.mjs

@@ -418,7 +418,7 @@ function SendFeedbackPopupLocation() {
   const [feedbackContent, setFeedbackContent] = useState2("");
   const [feedbackResult, setFeedbackResult] = useState2(null);
   const [submitDisabled, setSubmitDisabled] = useState2(true);
-  const { dispatchEvent: trackEvent = (...args) => void args } = useMixpanel();
+  const { dispatchEvent: trackEvent2 = (...args) => void args } = useMixpanel();
   const popupState = usePopupState4({
     variant: "dialog",
     popupId: FEEDBACK_TOGGLE_EVENT
@@ -429,7 +429,7 @@ function SendFeedbackPopupLocation() {
       popupState.toggle();
       setIsUserConnected(checkIfUserIsConnected());
       setFeedbackResult(null);
-      trackEvent("feedback_modal_opened", {
+      trackEvent2("feedback_modal_opened", {
         source: "top_bar",
         context: "v4_beta"
       });
@@ -438,13 +438,13 @@ function SendFeedbackPopupLocation() {
     return () => {
       window.removeEventListener(FEEDBACK_TOGGLE_EVENT, handler);
     };
-  }, [popupState, trackEvent]);
+  }, [popupState, trackEvent2]);
   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
     });
   };
@@ -464,7 +464,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
@@ -558,15 +558,30 @@ function AppBar() {
 }
 
 // src/extensions/angie/hooks/use-action-props.ts
+import { useEffect as useEffect2 } from "react";
 import { isAngieAvailable } from "@elementor/editor-mcp";
+import { trackEvent } from "@elementor/events";
 import { AngieIcon } from "@elementor/icons";
 import { __ as __5 } from "@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 = isAngieAvailable();
+  const visible = !hasAngieInstalled;
+  useEffect2(() => {
+    if (!visible) {
+      return;
+    }
+    trackEvent({
+      eventName: AI_WIDGET_CTA_VIEWED_EVENT,
+      entry_point: "top_bar_icon",
+      has_angie_installed: false
+    });
+  }, [visible]);
   return {
     title: __5("Angie", "elementor"),
     icon: AngieIcon,
@@ -575,13 +590,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: !isAngieAvailable()
+    visible
   };
 }