@elementor/editor-app-bar 3.33.0-196 → 3.33.0-198

package/dist/index.js

@@ -339,10 +339,10 @@ function MainMenuLocation() {
   });
   const toolbarLogoProps = (0, import_ui6.bindTrigger)(popupState);
   const onToolbarClick = (e) => {
-    const extendedWindow = window;
-    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+    const extendedWindow2 = window;
+    const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.elementorLogoDropdown, {
+      extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.elementorLogoDropdown, {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.eLogoMenu,
         trigger: config.triggers.dropdownClick,
@@ -457,10 +457,10 @@ var import_icons4 = require("@elementor/icons");
 var import_i18n4 = require("@wordpress/i18n");
 var dispatchConnectClickEvent = (eventName) => {
   try {
-    const extendedWindow = window;
-    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+    const extendedWindow2 = window;
+    const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar[eventName], {
+      extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar[eventName], {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.eLogoMenu,
         trigger: config.triggers.dropdownClick,
@@ -472,28 +472,28 @@ var dispatchConnectClickEvent = (eventName) => {
   }
 };
 function useConnectLinkConfig() {
-  const extendedWindow = window;
+  const extendedWindow2 = window;
   let isUserConnected = false;
-  const isPro = extendedWindow?.elementor?.helpers.hasPro();
+  const isPro = extendedWindow2?.elementor?.helpers.hasPro();
   let target = "_blank";
   if (isPro) {
-    isUserConnected = extendedWindow?.elementorPro?.config.isActive ?? false;
+    isUserConnected = extendedWindow2?.elementorPro?.config.isActive ?? false;
   } else {
-    isUserConnected = extendedWindow?.elementorCommon?.config.library_connect.is_connected ?? false;
+    isUserConnected = extendedWindow2?.elementorCommon?.config.library_connect.is_connected ?? false;
     target = "_self";
   }
   const handleConnectClick = (0, import_react4.useCallback)(
     (event) => {
       event.preventDefault();
-      if (extendedWindow.jQuery && extendedWindow.jQuery.fn?.elementorConnect) {
-        const connectUrl = extendedWindow?.elementor?.config.user.top_bar.connect_url;
-        const $tempButton = extendedWindow.jQuery("<a>");
+      if (extendedWindow2.jQuery && extendedWindow2.jQuery.fn?.elementorConnect) {
+        const connectUrl = extendedWindow2?.elementor?.config.user.top_bar.connect_url;
+        const $tempButton = extendedWindow2.jQuery("<a>");
         $tempButton?.attr("href", connectUrl)?.attr("target", "_blank")?.attr("rel", "opener")?.css("display", "none")?.appendTo("body");
         $tempButton.elementorConnect({
           success: () => {
             dispatchConnectClickEvent("accountConnected");
             setTimeout(() => {
-              extendedWindow.location.reload();
+              extendedWindow2.location.reload();
             }, 200);
           }
         });
@@ -504,16 +504,16 @@ function useConnectLinkConfig() {
         }, 1e3);
       }
     },
-    [extendedWindow]
+    [extendedWindow2]
   );
   return isUserConnected ? {
     title: (0, import_i18n4.__)("My Elementor", "elementor"),
-    href: extendedWindow?.elementor?.config.user.top_bar.my_elementor_url,
+    href: extendedWindow2?.elementor?.config.user.top_bar.my_elementor_url,
     icon: import_icons4.UserIcon,
     target: "_blank"
   } : {
     title: (0, import_i18n4.__)("Connect my account", "elementor"),
-    href: extendedWindow?.elementor?.config.user.top_bar.connect_url,
+    href: extendedWindow2?.elementor?.config.user.top_bar.connect_url,
     icon: import_icons4.UserIcon,
     target,
     onClick: handleConnectClick
@@ -541,10 +541,10 @@ function useActionProps() {
     icon: import_icons5.EyeIcon,
     title: (0, import_i18n5.__)("Preview Changes", "elementor"),
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.previewPage, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.previewPage, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations["preview-page"],
           trigger: config.triggers.click,
@@ -644,10 +644,10 @@ function PrimaryAction() {
     import_ui12.Button,
     {
       onClick: () => {
-        const extendedWindow = window;
-        const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+        const extendedWindow2 = window;
+        const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
         if (config) {
-          extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+          extendedWindow2.elementorCommon.eventsManager.dispatchEvent(
             config.names.topBar.publishButton,
             {
               location: config.locations.topBar,
@@ -819,10 +819,10 @@ function useActionProps2() {
       if (!document2) {
         return;
       }
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.documentSettings, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.documentSettings, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations["document-settings"],
           trigger: config.triggers.click,
@@ -855,10 +855,10 @@ function useActionProps3() {
     title: (0, import_i18n12.__)("Add Element", "elementor"),
     icon: import_icons12.PlusIcon,
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.widgetPanel, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.widgetPanel, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations["widget-panel"],
           trigger: config.triggers.toggleClick,
@@ -918,10 +918,10 @@ function useActionProps4() {
     title: (0, import_i18n14.__)("Finder", "elementor"),
     icon: import_icons13.SearchIcon,
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.finder, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.finder, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.finder,
           trigger: config.triggers.toggleClick,
@@ -952,10 +952,10 @@ function useActionProps5() {
     icon: import_icons14.HelpIcon,
     target: "_blank",
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.help, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.help, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.help,
           trigger: config.triggers.click,
@@ -986,10 +986,10 @@ function useActionProps6() {
     title: (0, import_i18n16.__)("History", "elementor"),
     icon: import_icons15.HistoryIcon,
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.history, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.history, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1021,10 +1021,10 @@ function useActionProps7() {
     icon: import_icons16.KeyboardIcon,
     title: (0, import_i18n17.__)("Keyboard Shortcuts", "elementor"),
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.keyboardShortcuts, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.keyboardShortcuts, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1060,10 +1060,10 @@ function BreakpointsSwitcher() {
     return null;
   }
   const onChange = (_, value) => {
-    const extendedWindow = window;
-    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+    const extendedWindow2 = window;
+    const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.responsiveControls, {
+      extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.responsiveControls, {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.responsiveControls,
         trigger: config.triggers.click,
@@ -1221,10 +1221,10 @@ function useActionProps8() {
     title: (0, import_i18n20.__)("Site Settings", "elementor"),
     icon: import_icons18.SettingsIcon,
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.siteSettings, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.siteSettings, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.siteSettings,
           trigger: config.triggers.toggleClick,
@@ -1258,18 +1258,76 @@ function init11() {
 
 // src/extensions/structure/hooks/use-action-props.ts
 var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_i18n22 = require("@wordpress/i18n");
+
+// src/extensions/structure/hooks/structure-icon-with-popup.tsx
+var React26 = __toESM(require("react"));
+var import_react5 = require("react");
 var import_icons19 = require("@elementor/icons");
+var import_ui16 = require("@elementor/ui");
 var import_i18n21 = require("@wordpress/i18n");
+var extendedWindow = window;
+var StructurePopupContent = ({ onClose }) => {
+  const handleDismiss = async () => {
+    onClose();
+    extendedWindow.elementorCommon?.ajax?.addRequest?.("structure_popup_dismiss").catch(() => {
+    });
+  };
+  return /* @__PURE__ */ React26.createElement(import_ui16.Card, { elevation: 0, sx: { maxWidth: 300 } }, /* @__PURE__ */ React26.createElement(import_ui16.CardContent, null, /* @__PURE__ */ React26.createElement(import_ui16.Typography, { variant: "subtitle2", sx: { mb: 2 } }, (0, import_i18n21.__)("Refreshed Top Bar layout!", "elementor")), /* @__PURE__ */ React26.createElement(import_ui16.Typography, { variant: "body2" }, (0, import_i18n21.__)("We\u2019ve fine-tuned the Top Bar to make navigation faster and smoother.", "elementor"))), /* @__PURE__ */ React26.createElement(import_ui16.CardActions, { sx: { pt: 0 } }, /* @__PURE__ */ React26.createElement(
+    import_ui16.Button,
+    {
+      size: "small",
+      color: "secondary",
+      href: "https://go.elementor.com/editor-top-bar-learn/",
+      target: "_blank"
+    },
+    (0, import_i18n21.__)("Learn More", "elementor")
+  ), /* @__PURE__ */ React26.createElement(import_ui16.Button, { size: "small", variant: "contained", onClick: handleDismiss }, (0, import_i18n21.__)("Got it", "elementor"))));
+};
+var StructureIconWithPopup = () => {
+  const [showPopup, setShowPopup] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
+    if (extendedWindow.elementorShowInfotip?.shouldShow === "1") {
+      setShowPopup(true);
+    }
+  }, []);
+  const handleClosePopup = () => {
+    setShowPopup(false);
+  };
+  if (extendedWindow.elementorShowInfotip?.shouldShow !== "1") {
+    return /* @__PURE__ */ React26.createElement(import_icons19.StructureIcon, null);
+  }
+  return /* @__PURE__ */ React26.createElement(
+    import_ui16.Infotip,
+    {
+      placement: "bottom",
+      arrow: false,
+      content: /* @__PURE__ */ React26.createElement(StructurePopupContent, { onClose: handleClosePopup }),
+      open: showPopup,
+      PopperProps: {
+        modifiers: [
+          {
+            name: "offset",
+            options: { offset: [-16, 12] }
+          }
+        ]
+      }
+    },
+    /* @__PURE__ */ React26.createElement(import_icons19.StructureIcon, null)
+  );
+};
+
+// src/extensions/structure/hooks/use-action-props.ts
 function useActionProps9() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters12.__privateUseRouteStatus)("navigator");
   return {
-    title: (0, import_i18n21.__)("Structure", "elementor"),
-    icon: import_icons19.StructureIcon,
+    title: (0, import_i18n22.__)("Structure", "elementor"),
+    icon: StructureIconWithPopup,
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.structure, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.structure, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.structure,
           trigger: config.triggers.toggleClick,
@@ -1295,16 +1353,16 @@ function init12() {
 // src/extensions/theme-builder/hooks/use-action-props.ts
 var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var import_icons20 = require("@elementor/icons");
-var import_i18n22 = require("@wordpress/i18n");
+var import_i18n23 = require("@wordpress/i18n");
 function useActionProps10() {
   return {
     icon: import_icons20.ThemeBuilderIcon,
-    title: (0, import_i18n22.__)("Theme Builder", "elementor"),
+    title: (0, import_i18n23.__)("Theme Builder", "elementor"),
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.themeBuilder, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.themeBuilder, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1329,17 +1387,17 @@ function init13() {
 // src/extensions/user-preferences/hooks/use-action-props.ts
 var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 var import_icons21 = require("@elementor/icons");
-var import_i18n23 = require("@wordpress/i18n");
+var import_i18n24 = require("@wordpress/i18n");
 function useActionProps11() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters14.__privateUseRouteStatus)("panel/editor-preferences");
   return {
     icon: import_icons21.ToggleRightIcon,
-    title: (0, import_i18n23.__)("User Preferences", "elementor"),
+    title: (0, import_i18n24.__)("User Preferences", "elementor"),
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.userPreferences, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.userPreferences, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1366,7 +1424,7 @@ function init14() {
 // src/extensions/wordpress/index.ts
 var import_editor_documents10 = require("@elementor/editor-documents");
 var import_icons22 = require("@elementor/icons");
-var import_i18n24 = require("@wordpress/i18n");
+var import_i18n25 = require("@wordpress/i18n");
 function init15() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
@@ -1375,14 +1433,14 @@ function init15() {
     useProps: () => {
       const document2 = (0, import_editor_documents10.__useActiveDocument)();
       return {
-        title: (0, import_i18n24.__)("Exit to WordPress", "elementor"),
+        title: (0, import_i18n25.__)("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,
         icon: import_icons22.WordpressIcon,
         onClick: () => {
-          const extendedWindow = window;
-          const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+          const extendedWindow2 = window;
+          const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
           if (config) {
-            extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+            extendedWindow2.elementorCommon.eventsManager.dispatchEvent(
               config.names.topBar.exitToWordpress,
               {
                 location: config.locations.topBar,