@elementor/editor-app-bar 4.4.0-1065 → 4.4.0-1067

package/dist/index.js

@@ -798,15 +798,44 @@ function AppBar() {
 }
 
 // src/extensions/angie/hooks/use-action-props.ts
-var import_react10 = require("react");
-var import_editor_mcp = require("@elementor/editor-mcp");
+var import_react11 = require("react");
 var import_events3 = require("@elementor/events");
 var import_icons5 = require("@elementor/icons");
 var import_i18n7 = require("@wordpress/i18n");
+
+// src/hooks/use-is-angie-available.ts
+var import_react10 = require("react");
+var import_editor_mcp = require("@elementor/editor-mcp");
+function useIsAngieAvailable() {
+  const [available, setAvailable] = (0, import_react10.useState)(() => (0, import_editor_mcp.isAngieAvailable)());
+  (0, import_react10.useEffect)(() => {
+    if (available) {
+      return;
+    }
+    if ((0, import_editor_mcp.isAngieAvailable)()) {
+      setAvailable(true);
+      return;
+    }
+    const observer = new MutationObserver(() => {
+      if ((0, import_editor_mcp.isAngieAvailable)()) {
+        observer.disconnect();
+        setAvailable(true);
+      }
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => observer.disconnect();
+  }, [available]);
+  return available;
+}
+
+// src/extensions/angie/hooks/use-action-props.ts
 function useActionProps() {
-  const hasAngieInstalled = (0, import_editor_mcp.isAngieAvailable)();
+  const hasAngieInstalled = useIsAngieAvailable();
   const visible = !hasAngieInstalled;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!visible) {
       return;
     }
@@ -837,7 +866,7 @@ function init() {
 }
 
 // src/extensions/connect/hooks/use-connect-link-config.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_icons6 = require("@elementor/icons");
 var import_i18n8 = require("@wordpress/i18n");
 var dispatchConnectClickEvent = (eventName) => {
@@ -867,7 +896,7 @@ function useConnectLinkConfig() {
     isUserConnected = extendedWindow?.elementorCommon?.config.library_connect.is_connected ?? false;
     target = "_self";
   }
-  const handleConnectClick = (0, import_react11.useCallback)(
+  const handleConnectClick = (0, import_react12.useCallback)(
     (event) => {
       event.preventDefault();
       if (extendedWindow.jQuery && extendedWindow.jQuery.fn?.elementorConnect) {
@@ -1424,25 +1453,43 @@ function init8() {
 }
 
 // src/extensions/help/hooks/use-action-props.ts
+var import_editor_mcp2 = require("@elementor/editor-mcp");
 var import_icons17 = require("@elementor/icons");
 var import_i18n20 = require("@wordpress/i18n");
+var HELP_CENTER_URL = "https://go.elementor.com/editor-top-bar-learn/";
+var HELP_CENTER_ANGIE_PROMPT = `${(0, import_i18n20.__)("Help me with", "elementor")} `;
+var dispatchHelpClickEvent = () => {
+  const extendedWindow = window;
+  const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+  if (config) {
+    extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.help, {
+      location: config.locations.topBar,
+      secondaryLocation: config.secondaryLocations.help,
+      trigger: config.triggers.click,
+      element: config.elements.buttonIcon
+    });
+  }
+};
 function useActionProps6() {
+  const hasAngieActive = (0, import_editor_mcp2.isAngieAvailable)();
+  if (hasAngieActive) {
+    return {
+      title: (0, import_i18n20.__)("Help Center", "elementor"),
+      icon: import_icons17.HelpIcon,
+      onClick: (event) => {
+        event.preventDefault();
+        dispatchHelpClickEvent();
+        (0, import_editor_mcp2.openAngieInAskMode)(HELP_CENTER_ANGIE_PROMPT);
+      }
+    };
+  }
   return {
     title: (0, import_i18n20.__)("Help Center", "elementor"),
-    href: "https://go.elementor.com/editor-top-bar-learn/",
+    href: HELP_CENTER_URL,
     icon: import_icons17.HelpIcon,
     target: "_blank",
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
-      if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.help, {
-          location: config.locations.topBar,
-          secondaryLocation: config.secondaryLocations.help,
-          trigger: config.triggers.click,
-          element: config.elements.buttonIcon
-        });
-      }
+      dispatchHelpClickEvent();
     }
   };
 }