@elementor/editor-app-bar 4.1.0-beta1 → 4.1.0-beta2

package/dist/index.mjs

@@ -333,7 +333,8 @@ import * as React20 from "react";
 
 // src/extensions/angie/components/angie-guide-location.tsx
 import * as React15 from "react";
-import { useEffect, useState as useState2 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useCurrentUserCapabilities } from "@elementor/editor-current-user";
 import { ThemeProvider } from "@elementor/editor-ui";
 import { useMixpanel } from "@elementor/events";
 import { Infotip } from "@elementor/ui";
@@ -377,15 +378,31 @@ function AngieGuideCard({ imageUrl, description, learnMoreUrl, onInstall, onClos
       }
     },
     __3("Learn More", "elementor")
-  ), /* @__PURE__ */ React14.createElement(Button, { variant: "contained", size: "small", color: "accent", onClick: onInstall }, __3("Try for free", "elementor")))));
+  ), onInstall && /* @__PURE__ */ React14.createElement(Button, { variant: "contained", size: "small", color: "accent", onClick: onInstall }, __3("Try for free", "elementor")))));
+}
+
+// src/extensions/angie/hooks/use-auto-show.ts
+import { useEffect } from "react";
+function useAutoShow() {
+  useEffect(() => {
+    if (!window.elementor?.config?.angie?.autoShow) {
+      return;
+    }
+    const id = setTimeout(() => {
+      window.dispatchEvent(new CustomEvent(ANGIE_GUIDE_TOGGLE_EVENT));
+    }, 0);
+    return () => clearTimeout(id);
+  }, []);
 }
 
 // src/extensions/angie/components/angie-guide-location.tsx
 function AngieGuideLocation() {
+  useAutoShow();
   const [anchorEl, setAnchorEl] = useState2(null);
   const { dispatchEvent: dispatchEvent2 } = useMixpanel();
+  const { isAdmin } = useCurrentUserCapabilities();
   const isOpen = Boolean(anchorEl);
-  useEffect(() => {
+  useEffect2(() => {
     const handleToggle = () => {
       setAnchorEl((prev) => {
         if (prev) {
@@ -422,7 +439,7 @@ function AngieGuideLocation() {
           imageUrl: ANGIE_TOP_BAR_PROMOTION_IMAGE_URL,
           description: ANGIE_TOP_BAR_DESCRIPTION,
           learnMoreUrl: ANGIE_LEARN_MORE_URL,
-          onInstall: handleInstall,
+          onInstall: isAdmin ? handleInstall : void 0,
           onClose: handleClose
         }
       ),
@@ -492,7 +509,7 @@ function IntegrationsMenuLocation() {
 
 // src/components/locations/send-feedback-popup-location.tsx
 import * as React19 from "react";
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect3, useState as useState3 } from "react";
 import { ThemeProvider as ThemeProvider2 } from "@elementor/editor-ui";
 import { isExperimentActive } from "@elementor/editor-v1-adapters";
 import { useMixpanel as useMixpanel2 } from "@elementor/events";
@@ -536,7 +553,7 @@ function SendFeedbackPopupLocation() {
     popupId: FEEDBACK_TOGGLE_EVENT
   });
   const [isFetching, setIsFetching] = useState3(false);
-  useEffect2(() => {
+  useEffect3(() => {
     const handler = () => {
       popupState.toggle();
       setIsUserConnected(checkIfUserIsConnected());
@@ -551,7 +568,7 @@ function SendFeedbackPopupLocation() {
       window.removeEventListener(FEEDBACK_TOGGLE_EVENT, handler);
     };
   }, [popupState, trackEvent2]);
-  useEffect2(() => {
+  useEffect3(() => {
     setSubmitDisabled(feedbackContent.trim().length < 10 || !isUserConnected || isFetching);
   }, [feedbackContent, feedbackResult, isUserConnected, isFetching]);
   const handleClose = () => {
@@ -670,7 +687,7 @@ function AppBar() {
 }
 
 // src/extensions/angie/hooks/use-action-props.ts
-import { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect4 } from "react";
 import { isAngieAvailable } from "@elementor/editor-mcp";
 import { trackEvent } from "@elementor/events";
 import { AngieIcon } from "@elementor/icons";
@@ -678,7 +695,7 @@ import { __ as __7 } from "@wordpress/i18n";
 function useActionProps() {
   const hasAngieInstalled = isAngieAvailable();
   const visible = !hasAngieInstalled;
-  useEffect3(() => {
+  useEffect4(() => {
     if (!visible) {
       return;
     }