@elementor/editor-app-bar 4.1.0-778 → 4.1.0-780

package/dist/index.mjs

@@ -295,10 +295,10 @@ function MainMenuLocation() {
   });
   const toolbarLogoProps = bindTrigger(popupState);
   const onToolbarClick = (e) => {
-    const extendedWindow2 = window;
-    const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+    const extendedWindow = window;
+    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.elementorLogoDropdown, {
+      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.elementorLogoDropdown, {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.eLogoMenu,
         trigger: config.triggers.dropdownClick,
@@ -407,14 +407,14 @@ var FEEDBACK_TOGGLE_EVENT = "elementor/open-feedback";
 
 // src/components/locations/send-feedback-popup-location.tsx
 var checkIfUserIsConnected = () => {
-  const extendedWindow2 = window;
-  return extendedWindow2?.elementorCommon?.config.library_connect.is_connected || extendedWindow2?.elementorPro?.config.isActive;
+  const extendedWindow = window;
+  return extendedWindow?.elementorCommon?.config.library_connect.is_connected || extendedWindow?.elementorPro?.config.isActive;
 };
 function SendFeedbackPopupLocation() {
   const isActive = isExperimentActive(EXPERIMENT_NAME);
-  const extendedWindow2 = window;
+  const extendedWindow = window;
   const [isUserConnected, setIsUserConnected] = useState2(checkIfUserIsConnected());
-  const connectUrl = extendedWindow2?.elementor?.config.user.top_bar.connect_url;
+  const connectUrl = extendedWindow?.elementor?.config.user.top_bar.connect_url;
   const [feedbackContent, setFeedbackContent] = useState2("");
   const [feedbackResult, setFeedbackResult] = useState2(null);
   const [submitDisabled, setSubmitDisabled] = useState2(true);
@@ -563,10 +563,10 @@ import { UserIcon } from "@elementor/icons";
 import { __ as __5 } from "@wordpress/i18n";
 var dispatchConnectClickEvent = (eventName) => {
   try {
-    const extendedWindow2 = window;
-    const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+    const extendedWindow = window;
+    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar[eventName], {
+      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar[eventName], {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.eLogoMenu,
         trigger: config.triggers.dropdownClick,
@@ -578,28 +578,28 @@ var dispatchConnectClickEvent = (eventName) => {
   }
 };
 function useConnectLinkConfig() {
-  const extendedWindow2 = window;
+  const extendedWindow = window;
   let isUserConnected = false;
-  const isPro = extendedWindow2?.elementor?.helpers.hasPro();
+  const isPro = extendedWindow?.elementor?.helpers.hasPro();
   let target = "_blank";
   if (isPro) {
-    isUserConnected = extendedWindow2?.elementorPro?.config.isActive ?? false;
+    isUserConnected = extendedWindow?.elementorPro?.config.isActive ?? false;
   } else {
-    isUserConnected = extendedWindow2?.elementorCommon?.config.library_connect.is_connected ?? false;
+    isUserConnected = extendedWindow?.elementorCommon?.config.library_connect.is_connected ?? false;
     target = "_self";
   }
   const handleConnectClick = useCallback(
     (event) => {
       event.preventDefault();
-      if (extendedWindow2.jQuery && extendedWindow2.jQuery.fn?.elementorConnect) {
-        const connectUrl = extendedWindow2?.elementor?.config.user.top_bar.connect_url;
-        const $tempButton = extendedWindow2.jQuery("<a>");
+      if (extendedWindow.jQuery && extendedWindow.jQuery.fn?.elementorConnect) {
+        const connectUrl = extendedWindow?.elementor?.config.user.top_bar.connect_url;
+        const $tempButton = extendedWindow.jQuery("<a>");
         $tempButton?.attr("href", connectUrl)?.attr("target", "_blank")?.attr("rel", "opener")?.css("display", "none")?.appendTo("body");
         $tempButton.elementorConnect({
           success: () => {
             dispatchConnectClickEvent("accountConnected");
             setTimeout(() => {
-              extendedWindow2.location.reload();
+              extendedWindow.location.reload();
             }, 200);
           }
         });
@@ -610,16 +610,16 @@ function useConnectLinkConfig() {
         }, 1e3);
       }
     },
-    [extendedWindow2]
+    [extendedWindow]
   );
   return isUserConnected ? {
     title: __5("My Elementor", "elementor"),
-    href: extendedWindow2?.elementor?.config.user.top_bar.my_elementor_url,
+    href: extendedWindow?.elementor?.config.user.top_bar.my_elementor_url,
     icon: UserIcon,
     target: "_blank"
   } : {
     title: __5("Connect my account", "elementor"),
-    href: extendedWindow2?.elementor?.config.user.top_bar.connect_url,
+    href: extendedWindow?.elementor?.config.user.top_bar.connect_url,
     icon: UserIcon,
     target,
     onClick: handleConnectClick
@@ -647,10 +647,10 @@ function useActionProps() {
     icon: EyeIcon,
     title: __6("Preview Changes", "elementor"),
     onClick: () => {
-      const extendedWindow2 = window;
-      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      const extendedWindow = window;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.previewPage, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.previewPage, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations["preview-page"],
           trigger: config.triggers.click,
@@ -762,10 +762,10 @@ function PrimaryAction() {
     Button2,
     {
       onClick: () => {
-        const extendedWindow2 = window;
-        const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+        const extendedWindow = window;
+        const config = extendedWindow?.elementorCommon?.eventsManager?.config;
         if (config) {
-          extendedWindow2.elementorCommon.eventsManager.dispatchEvent(
+          extendedWindow.elementorCommon.eventsManager.dispatchEvent(
             config.names.topBar.publishButton,
             {
               location: config.locations.topBar,
@@ -1023,10 +1023,10 @@ function useActionProps2() {
       if (!document2) {
         return;
       }
-      const extendedWindow2 = window;
-      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      const extendedWindow = window;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.documentSettings, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.documentSettings, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations["document-settings"],
           trigger: config.triggers.click,
@@ -1062,10 +1062,10 @@ function useActionProps3() {
     title: __13("Add Element", "elementor"),
     icon: PlusIcon,
     onClick: () => {
-      const extendedWindow2 = window;
-      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      const extendedWindow = window;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.widgetPanel, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.widgetPanel, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations["widget-panel"],
           trigger: config.triggers.toggleClick,
@@ -1155,10 +1155,10 @@ function useActionProps4() {
     title: __16("Finder", "elementor"),
     icon: SearchIcon,
     onClick: () => {
-      const extendedWindow2 = window;
-      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      const extendedWindow = window;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.finder, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.finder, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.finder,
           trigger: config.triggers.toggleClick,
@@ -1189,10 +1189,10 @@ function useActionProps5() {
     icon: HelpIcon,
     target: "_blank",
     onClick: () => {
-      const extendedWindow2 = window;
-      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      const extendedWindow = window;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.help, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.help, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.help,
           trigger: config.triggers.click,
@@ -1226,10 +1226,10 @@ function useActionProps6() {
     title: __18("History", "elementor"),
     icon: HistoryIcon,
     onClick: () => {
-      const extendedWindow2 = window;
-      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      const extendedWindow = window;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.history, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.history, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1261,10 +1261,10 @@ function useActionProps7() {
     icon: KeyboardIcon,
     title: __19("Keyboard Shortcuts", "elementor"),
     onClick: () => {
-      const extendedWindow2 = window;
-      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      const extendedWindow = window;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.keyboardShortcuts, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.keyboardShortcuts, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1312,10 +1312,10 @@ function BreakpointsSwitcher() {
     return null;
   }
   const onChange = (_, value) => {
-    const extendedWindow2 = window;
-    const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+    const extendedWindow = window;
+    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.responsiveControls, {
+      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.responsiveControls, {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.responsiveControls,
         trigger: config.triggers.click,
@@ -1484,10 +1484,10 @@ function useActionProps8() {
     title: __22("Site Settings", "elementor"),
     icon: SettingsIcon,
     onClick: () => {
-      const extendedWindow2 = window;
-      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      const extendedWindow = window;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.siteSettings, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.siteSettings, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.siteSettings,
           trigger: config.triggers.toggleClick,
@@ -1524,79 +1524,18 @@ import {
   __privateRunCommand as runCommand6,
   __privateUseRouteStatus as useRouteStatus5
 } from "@elementor/editor-v1-adapters";
-import { __ as __24 } from "@wordpress/i18n";
-
-// src/extensions/structure/hooks/structure-icon-with-popup.tsx
-import * as React27 from "react";
-import { useEffect as useEffect2, useState as useState3 } from "react";
 import { StructureIcon } from "@elementor/icons";
-import { Button as Button4, Card, CardActions, CardContent, Infotip, Typography } from "@elementor/ui";
 import { __ as __23 } from "@wordpress/i18n";
-var extendedWindow = window;
-var StructurePopupContent = ({ onClose }) => {
-  const handleDismiss = async () => {
-    onClose();
-    extendedWindow.elementorCommon?.ajax?.addRequest?.("structure_popup_dismiss").catch(() => {
-    });
-  };
-  const stopEventPropagation = (event) => {
-    event.stopPropagation();
-  };
-  return /* @__PURE__ */ React27.createElement(Card, { elevation: 0, sx: { maxWidth: 300 }, onClick: stopEventPropagation }, /* @__PURE__ */ React27.createElement(CardContent, null, /* @__PURE__ */ React27.createElement(Typography, { variant: "subtitle2", sx: { mb: 2 } }, __23("Refreshed Top Bar layout!", "elementor")), /* @__PURE__ */ React27.createElement(Typography, { variant: "body2" }, __23("We\u2019ve fine-tuned the Top Bar to make navigation faster and smoother.", "elementor"))), /* @__PURE__ */ React27.createElement(CardActions, { sx: { pt: 0 } }, /* @__PURE__ */ React27.createElement(
-    Button4,
-    {
-      size: "small",
-      color: "secondary",
-      href: "https://go.elementor.com/editor-top-bar-learn/",
-      target: "_blank"
-    },
-    __23("Learn More", "elementor")
-  ), /* @__PURE__ */ React27.createElement(Button4, { size: "small", variant: "contained", onClick: handleDismiss }, __23("Got it", "elementor"))));
-};
-var StructureIconWithPopup = () => {
-  const [showPopup, setShowPopup] = useState3(false);
-  useEffect2(() => {
-    if (extendedWindow.elementorShowInfotip?.shouldShow === "1") {
-      setShowPopup(true);
-    }
-  }, []);
-  const handleClosePopup = () => {
-    setShowPopup(false);
-  };
-  if (extendedWindow.elementorShowInfotip?.shouldShow !== "1") {
-    return /* @__PURE__ */ React27.createElement(StructureIcon, null);
-  }
-  return /* @__PURE__ */ React27.createElement(
-    Infotip,
-    {
-      placement: "bottom",
-      arrow: false,
-      content: /* @__PURE__ */ React27.createElement(StructurePopupContent, { onClose: handleClosePopup }),
-      open: showPopup,
-      PopperProps: {
-        modifiers: [
-          {
-            name: "offset",
-            options: { offset: [-16, 12] }
-          }
-        ]
-      }
-    },
-    /* @__PURE__ */ React27.createElement(StructureIcon, null)
-  );
-};
-
-// src/extensions/structure/hooks/use-action-props.ts
 function useActionProps9() {
   const { isActive, isBlocked } = useRouteStatus5("navigator");
   return {
-    title: __24("Structure", "elementor"),
-    icon: StructureIconWithPopup,
+    title: __23("Structure", "elementor"),
+    icon: StructureIcon,
     onClick: () => {
-      const extendedWindow2 = window;
-      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      const extendedWindow = window;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.structure, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.structure, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.structure,
           trigger: config.triggers.toggleClick,
@@ -1622,16 +1561,16 @@ function init13() {
 // src/extensions/theme-builder/hooks/use-action-props.ts
 import { __privateRunCommand as runCommand7 } from "@elementor/editor-v1-adapters";
 import { ThemeBuilderIcon } from "@elementor/icons";
-import { __ as __25 } from "@wordpress/i18n";
+import { __ as __24 } from "@wordpress/i18n";
 function useActionProps10() {
   return {
     icon: ThemeBuilderIcon,
-    title: __25("Theme Builder", "elementor"),
+    title: __24("Theme Builder", "elementor"),
     onClick: () => {
-      const extendedWindow2 = window;
-      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      const extendedWindow = window;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.themeBuilder, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.themeBuilder, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1659,17 +1598,17 @@ import {
   __privateUseRouteStatus as useRouteStatus6
 } from "@elementor/editor-v1-adapters";
 import { ToggleRightIcon } from "@elementor/icons";
-import { __ as __26 } from "@wordpress/i18n";
+import { __ as __25 } from "@wordpress/i18n";
 function useActionProps11() {
   const { isActive, isBlocked } = useRouteStatus6("panel/editor-preferences");
   return {
     icon: ToggleRightIcon,
-    title: __26("User Preferences", "elementor"),
+    title: __25("User Preferences", "elementor"),
     onClick: () => {
-      const extendedWindow2 = window;
-      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      const extendedWindow = window;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.userPreferences, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.userPreferences, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1696,7 +1635,7 @@ function init15() {
 // src/extensions/wordpress/index.ts
 import { __useActiveDocument as useActiveDocument9 } from "@elementor/editor-documents";
 import { WordpressIcon } from "@elementor/icons";
-import { __ as __27 } from "@wordpress/i18n";
+import { __ as __26 } from "@wordpress/i18n";
 function init16() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
@@ -1705,14 +1644,14 @@ function init16() {
     useProps: () => {
       const document2 = useActiveDocument9();
       return {
-        title: __27("Exit to WordPress", "elementor"),
+        title: __26("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,
         icon: WordpressIcon,
         onClick: () => {
-          const extendedWindow2 = window;
-          const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+          const extendedWindow = window;
+          const config = extendedWindow?.elementorCommon?.eventsManager?.config;
           if (config) {
-            extendedWindow2.elementorCommon.eventsManager.dispatchEvent(
+            extendedWindow.elementorCommon.eventsManager.dispatchEvent(
               config.names.topBar.exitToWordpress,
               {
                 location: config.locations.topBar,