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

package/dist/index.js

@@ -339,10 +339,10 @@ function MainMenuLocation() {
   });
   const toolbarLogoProps = (0, import_ui6.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,
@@ -439,14 +439,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 = (0, import_editor_v1_adapters.isExperimentActive)(EXPERIMENT_NAME);
-  const extendedWindow2 = window;
+  const extendedWindow = window;
   const [isUserConnected, setIsUserConnected] = (0, import_react3.useState)(checkIfUserIsConnected());
-  const connectUrl = extendedWindow2?.elementor?.config.user.top_bar.connect_url;
+  const connectUrl = extendedWindow?.elementor?.config.user.top_bar.connect_url;
   const [feedbackContent, setFeedbackContent] = (0, import_react3.useState)("");
   const [feedbackResult, setFeedbackResult] = (0, import_react3.useState)(null);
   const [submitDisabled, setSubmitDisabled] = (0, import_react3.useState)(true);
@@ -595,10 +595,10 @@ var import_icons5 = require("@elementor/icons");
 var import_i18n5 = require("@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,
@@ -610,28 +610,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 = (0, import_react5.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);
           }
         });
@@ -642,16 +642,16 @@ function useConnectLinkConfig() {
         }, 1e3);
       }
     },
-    [extendedWindow2]
+    [extendedWindow]
   );
   return isUserConnected ? {
     title: (0, import_i18n5.__)("My Elementor", "elementor"),
-    href: extendedWindow2?.elementor?.config.user.top_bar.my_elementor_url,
+    href: extendedWindow?.elementor?.config.user.top_bar.my_elementor_url,
     icon: import_icons5.UserIcon,
     target: "_blank"
   } : {
     title: (0, import_i18n5.__)("Connect my account", "elementor"),
-    href: extendedWindow2?.elementor?.config.user.top_bar.connect_url,
+    href: extendedWindow?.elementor?.config.user.top_bar.connect_url,
     icon: import_icons5.UserIcon,
     target,
     onClick: handleConnectClick
@@ -679,10 +679,10 @@ function useActionProps() {
     icon: import_icons6.EyeIcon,
     title: (0, import_i18n6.__)("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,
@@ -782,10 +782,10 @@ function PrimaryAction() {
     import_ui13.Button,
     {
       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,
@@ -1031,10 +1031,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,
@@ -1067,10 +1067,10 @@ function useActionProps3() {
     title: (0, import_i18n13.__)("Add Element", "elementor"),
     icon: import_icons13.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: (0, import_i18n16.__)("Finder", "elementor"),
     icon: import_icons15.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: import_icons16.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,
@@ -1223,10 +1223,10 @@ function useActionProps6() {
     title: (0, import_i18n18.__)("History", "elementor"),
     icon: import_icons17.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,
@@ -1258,10 +1258,10 @@ function useActionProps7() {
     icon: import_icons18.KeyboardIcon,
     title: (0, import_i18n19.__)("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,
@@ -1297,10 +1297,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,
@@ -1458,10 +1458,10 @@ function useActionProps8() {
     title: (0, import_i18n22.__)("Site Settings", "elementor"),
     icon: import_icons20.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,
@@ -1495,79 +1495,18 @@ function init12() {
 
 // src/extensions/structure/hooks/use-action-props.ts
 var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
-var import_i18n24 = require("@wordpress/i18n");
-
-// src/extensions/structure/hooks/structure-icon-with-popup.tsx
-var React27 = __toESM(require("react"));
-var import_react6 = require("react");
 var import_icons21 = require("@elementor/icons");
-var import_ui17 = require("@elementor/ui");
 var import_i18n23 = require("@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(import_ui17.Card, { elevation: 0, sx: { maxWidth: 300 }, onClick: stopEventPropagation }, /* @__PURE__ */ React27.createElement(import_ui17.CardContent, null, /* @__PURE__ */ React27.createElement(import_ui17.Typography, { variant: "subtitle2", sx: { mb: 2 } }, (0, import_i18n23.__)("Refreshed Top Bar layout!", "elementor")), /* @__PURE__ */ React27.createElement(import_ui17.Typography, { variant: "body2" }, (0, import_i18n23.__)("We\u2019ve fine-tuned the Top Bar to make navigation faster and smoother.", "elementor"))), /* @__PURE__ */ React27.createElement(import_ui17.CardActions, { sx: { pt: 0 } }, /* @__PURE__ */ React27.createElement(
-    import_ui17.Button,
-    {
-      size: "small",
-      color: "secondary",
-      href: "https://go.elementor.com/editor-top-bar-learn/",
-      target: "_blank"
-    },
-    (0, import_i18n23.__)("Learn More", "elementor")
-  ), /* @__PURE__ */ React27.createElement(import_ui17.Button, { size: "small", variant: "contained", onClick: handleDismiss }, (0, import_i18n23.__)("Got it", "elementor"))));
-};
-var StructureIconWithPopup = () => {
-  const [showPopup, setShowPopup] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
-    if (extendedWindow.elementorShowInfotip?.shouldShow === "1") {
-      setShowPopup(true);
-    }
-  }, []);
-  const handleClosePopup = () => {
-    setShowPopup(false);
-  };
-  if (extendedWindow.elementorShowInfotip?.shouldShow !== "1") {
-    return /* @__PURE__ */ React27.createElement(import_icons21.StructureIcon, null);
-  }
-  return /* @__PURE__ */ React27.createElement(
-    import_ui17.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(import_icons21.StructureIcon, null)
-  );
-};
-
-// src/extensions/structure/hooks/use-action-props.ts
 function useActionProps9() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters14.__privateUseRouteStatus)("navigator");
   return {
-    title: (0, import_i18n24.__)("Structure", "elementor"),
-    icon: StructureIconWithPopup,
+    title: (0, import_i18n23.__)("Structure", "elementor"),
+    icon: import_icons21.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,
@@ -1593,16 +1532,16 @@ function init13() {
 // src/extensions/theme-builder/hooks/use-action-props.ts
 var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
 var import_icons22 = require("@elementor/icons");
-var import_i18n25 = require("@wordpress/i18n");
+var import_i18n24 = require("@wordpress/i18n");
 function useActionProps10() {
   return {
     icon: import_icons22.ThemeBuilderIcon,
-    title: (0, import_i18n25.__)("Theme Builder", "elementor"),
+    title: (0, import_i18n24.__)("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,
@@ -1627,17 +1566,17 @@ function init14() {
 // src/extensions/user-preferences/hooks/use-action-props.ts
 var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
 var import_icons23 = require("@elementor/icons");
-var import_i18n26 = require("@wordpress/i18n");
+var import_i18n25 = require("@wordpress/i18n");
 function useActionProps11() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters16.__privateUseRouteStatus)("panel/editor-preferences");
   return {
     icon: import_icons23.ToggleRightIcon,
-    title: (0, import_i18n26.__)("User Preferences", "elementor"),
+    title: (0, import_i18n25.__)("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,
@@ -1664,7 +1603,7 @@ function init15() {
 // src/extensions/wordpress/index.ts
 var import_editor_documents10 = require("@elementor/editor-documents");
 var import_icons24 = require("@elementor/icons");
-var import_i18n27 = require("@wordpress/i18n");
+var import_i18n26 = require("@wordpress/i18n");
 function init16() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
@@ -1673,14 +1612,14 @@ function init16() {
     useProps: () => {
       const document2 = (0, import_editor_documents10.__useActiveDocument)();
       return {
-        title: (0, import_i18n27.__)("Exit to WordPress", "elementor"),
+        title: (0, import_i18n26.__)("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,
         icon: import_icons24.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,