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

package/dist/index.js

@@ -377,7 +377,8 @@ var React20 = __toESM(require("react"));
 
 // src/extensions/angie/components/angie-guide-location.tsx
 var React15 = __toESM(require("react"));
-var import_react3 = require("react");
+var import_react4 = require("react");
+var import_editor_current_user = require("@elementor/editor-current-user");
 var import_editor_ui = require("@elementor/editor-ui");
 var import_events = require("@elementor/events");
 var import_ui8 = require("@elementor/ui");
@@ -421,15 +422,31 @@ function AngieGuideCard({ imageUrl, description, learnMoreUrl, onInstall, onClos
       }
     },
     (0, import_i18n3.__)("Learn More", "elementor")
-  ), /* @__PURE__ */ React14.createElement(import_ui7.Button, { variant: "contained", size: "small", color: "accent", onClick: onInstall }, (0, import_i18n3.__)("Try for free", "elementor")))));
+  ), onInstall && /* @__PURE__ */ React14.createElement(import_ui7.Button, { variant: "contained", size: "small", color: "accent", onClick: onInstall }, (0, import_i18n3.__)("Try for free", "elementor")))));
+}
+
+// src/extensions/angie/hooks/use-auto-show.ts
+var import_react3 = require("react");
+function useAutoShow() {
+  (0, import_react3.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() {
-  const [anchorEl, setAnchorEl] = (0, import_react3.useState)(null);
+  useAutoShow();
+  const [anchorEl, setAnchorEl] = (0, import_react4.useState)(null);
   const { dispatchEvent: dispatchEvent2 } = (0, import_events.useMixpanel)();
+  const { isAdmin } = (0, import_editor_current_user.useCurrentUserCapabilities)();
   const isOpen = Boolean(anchorEl);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const handleToggle = () => {
       setAnchorEl((prev) => {
         if (prev) {
@@ -466,7 +483,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
         }
       ),
@@ -536,7 +553,7 @@ function IntegrationsMenuLocation() {
 
 // src/components/locations/send-feedback-popup-location.tsx
 var React19 = __toESM(require("react"));
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_editor_ui2 = require("@elementor/editor-ui");
 var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
 var import_events2 = require("@elementor/events");
@@ -557,18 +574,18 @@ var checkIfUserIsConnected = () => {
 function SendFeedbackPopupLocation() {
   const isActive = (0, import_editor_v1_adapters.isExperimentActive)(EXPERIMENT_NAME);
   const extendedWindow = window;
-  const [isUserConnected, setIsUserConnected] = (0, import_react4.useState)(checkIfUserIsConnected());
+  const [isUserConnected, setIsUserConnected] = (0, import_react5.useState)(checkIfUserIsConnected());
   const connectUrl = extendedWindow?.elementor?.config.user.top_bar.connect_url;
-  const [feedbackContent, setFeedbackContent] = (0, import_react4.useState)("");
-  const [feedbackResult, setFeedbackResult] = (0, import_react4.useState)(null);
-  const [submitDisabled, setSubmitDisabled] = (0, import_react4.useState)(true);
+  const [feedbackContent, setFeedbackContent] = (0, import_react5.useState)("");
+  const [feedbackResult, setFeedbackResult] = (0, import_react5.useState)(null);
+  const [submitDisabled, setSubmitDisabled] = (0, import_react5.useState)(true);
   const { dispatchEvent: trackEvent2 = (...args) => void args } = (0, import_events2.useMixpanel)();
   const popupState = (0, import_ui12.usePopupState)({
     variant: "dialog",
     popupId: FEEDBACK_TOGGLE_EVENT
   });
-  const [isFetching, setIsFetching] = (0, import_react4.useState)(false);
-  (0, import_react4.useEffect)(() => {
+  const [isFetching, setIsFetching] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
     const handler = () => {
       popupState.toggle();
       setIsUserConnected(checkIfUserIsConnected());
@@ -583,7 +600,7 @@ function SendFeedbackPopupLocation() {
       window.removeEventListener(FEEDBACK_TOGGLE_EVENT, handler);
     };
   }, [popupState, trackEvent2]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     setSubmitDisabled(feedbackContent.trim().length < 10 || !isUserConnected || isFetching);
   }, [feedbackContent, feedbackResult, isUserConnected, isFetching]);
   const handleClose = () => {
@@ -684,7 +701,7 @@ function ToolsMenuLocation() {
 
 // src/components/locations/utilities-menu-location.tsx
 var React21 = __toESM(require("react"));
-var import_react5 = require("react");
+var import_react6 = require("react");
 var MAX_TOOLBAR_ACTIONS2 = 4;
 var { useMenuItems: useMenuItems4 } = utilitiesMenu;
 function UtilitiesMenuLocation() {
@@ -692,7 +709,7 @@ function UtilitiesMenuLocation() {
   const shouldUsePopover = menuItems.default.length > MAX_TOOLBAR_ACTIONS2 + 1;
   const toolbarMenuItems = shouldUsePopover ? menuItems.default.slice(0, MAX_TOOLBAR_ACTIONS2) : menuItems.default;
   const popoverMenuItems = shouldUsePopover ? menuItems.default.slice(MAX_TOOLBAR_ACTIONS2) : [];
-  return /* @__PURE__ */ React21.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React21.createElement(import_react5.Fragment, { key: id }, /* @__PURE__ */ React21.createElement(MenuItem2, null))), popoverMenuItems.length > 0 && /* @__PURE__ */ React21.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-utilities-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React21.createElement(MenuItem2, { key: id }))));
+  return /* @__PURE__ */ React21.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React21.createElement(import_react6.Fragment, { key: id }, /* @__PURE__ */ React21.createElement(MenuItem2, null))), popoverMenuItems.length > 0 && /* @__PURE__ */ React21.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-utilities-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React21.createElement(MenuItem2, { key: id }))));
 }
 
 // src/components/app-bar.tsx
@@ -702,7 +719,7 @@ function AppBar() {
 }
 
 // src/extensions/angie/hooks/use-action-props.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_editor_mcp = require("@elementor/editor-mcp");
 var import_events3 = require("@elementor/events");
 var import_icons5 = require("@elementor/icons");
@@ -710,7 +727,7 @@ var import_i18n7 = require("@wordpress/i18n");
 function useActionProps() {
   const hasAngieInstalled = (0, import_editor_mcp.isAngieAvailable)();
   const visible = !hasAngieInstalled;
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!visible) {
       return;
     }
@@ -741,7 +758,7 @@ function init() {
 }
 
 // src/extensions/connect/hooks/use-connect-link-config.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_icons6 = require("@elementor/icons");
 var import_i18n8 = require("@wordpress/i18n");
 var dispatchConnectClickEvent = (eventName) => {
@@ -771,7 +788,7 @@ function useConnectLinkConfig() {
     isUserConnected = extendedWindow?.elementorCommon?.config.library_connect.is_connected ?? false;
     target = "_self";
   }
-  const handleConnectClick = (0, import_react7.useCallback)(
+  const handleConnectClick = (0, import_react8.useCallback)(
     (event) => {
       event.preventDefault();
       if (extendedWindow.jQuery && extendedWindow.jQuery.fn?.elementorConnect) {