@elementor/editor-app-bar 0.32.1 → 3.32.0-21

package/dist/index.mjs

@@ -32,9 +32,10 @@ function PopoverMenuItem({
   target,
   disabled,
   isGroupParent,
+  showExternalLinkIcon,
   ...props
 }) {
-  const isExternalLink = href && target === "_blank";
+  const isExternalLink = href && target === "_blank" && showExternalLinkIcon;
   return /* @__PURE__ */ React2.createElement(
     MenuItem,
     {
@@ -108,12 +109,12 @@ function Action({ icon: Icon, title, visible = true, ...props }) {
 
 // src/components/actions/link.tsx
 import * as React5 from "react";
-function Link({ icon: Icon, title, visible = true, ...props }) {
+function Link({ icon: Icon, title, visible = true, showExternalLinkIcon = false, ...props }) {
   const { type } = useMenuContext();
   if (!visible) {
     return null;
   }
-  return type === "toolbar" ? /* @__PURE__ */ React5.createElement(ToolbarMenuItem, { title, ...props }, /* @__PURE__ */ React5.createElement(Icon, null)) : /* @__PURE__ */ React5.createElement(PopoverMenuItem, { ...props, text: title, icon: /* @__PURE__ */ React5.createElement(Icon, null) });
+  return type === "toolbar" ? /* @__PURE__ */ React5.createElement(ToolbarMenuItem, { title, ...props }, /* @__PURE__ */ React5.createElement(Icon, null)) : /* @__PURE__ */ React5.createElement(PopoverMenuItem, { ...props, text: title, icon: /* @__PURE__ */ React5.createElement(Icon, null), showExternalLinkIcon });
 }
 
 // src/components/actions/toggle-action.tsx
@@ -295,9 +296,9 @@ function MainMenuLocation() {
   const toolbarLogoProps = bindTrigger(popupState);
   const onToolbarClick = (e) => {
     const extendedWindow = window;
-    const config = extendedWindow?.elementor?.editorEvents?.config;
+    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.elementorLogoDropdown, {
+      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.elementorLogoDropdown, {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.elementorLogo,
         trigger: config.triggers.dropdownClick,
@@ -407,6 +408,35 @@ function AppBar() {
   return /* @__PURE__ */ React19.createElement(ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React19.createElement(BaseAppBar, { position: "sticky" }, /* @__PURE__ */ React19.createElement(Toolbar, { disableGutters: true, variant: "dense" }, /* @__PURE__ */ React19.createElement(Box3, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", flexGrow: 1 }, /* @__PURE__ */ React19.createElement(Grid, { container: true, flexWrap: "nowrap" }, /* @__PURE__ */ React19.createElement(MainMenuLocation, null), document2?.permissions?.allowAddingWidgets && /* @__PURE__ */ React19.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React19.createElement(Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React19.createElement(ToolbarMenu, { spacing: 1.5 }, /* @__PURE__ */ React19.createElement(Divider3, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(PageIndicationLocation, null), /* @__PURE__ */ React19.createElement(Divider3, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(ResponsiveLocation, null), /* @__PURE__ */ React19.createElement(Divider3, { orientation: "vertical" }))), /* @__PURE__ */ React19.createElement(Grid, { container: true, justifyContent: "flex-end", flexWrap: "nowrap" }, /* @__PURE__ */ React19.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React19.createElement(PrimaryActionLocation, null))))));
 }
 
+// src/extensions/connect/hooks/use-connect-link-config.tsx
+import { UserIcon } from "@elementor/icons";
+import { __ as __4 } from "@wordpress/i18n";
+function useConnectLinkConfig() {
+  const extendedWindow = window;
+  const isUserConnected = extendedWindow?.elementorCommon?.config.library_connect.is_connected ?? false;
+  return isUserConnected ? {
+    title: __4("My Elementor", "elementor"),
+    href: extendedWindow?.elementorCommon?.config.user.top_bar.my_elementor_url,
+    icon: UserIcon,
+    target: "_blank"
+  } : {
+    title: __4("Connect my account", "elementor"),
+    href: extendedWindow?.elementorCommon?.config.user.top_bar.connect_url,
+    icon: UserIcon,
+    target: "_blank"
+  };
+}
+
+// src/extensions/connect/index.ts
+function init() {
+  mainMenu.registerLink({
+    id: "app-bar-connect",
+    group: "exits",
+    priority: 10,
+    useProps: useConnectLinkConfig
+  });
+}
+
 // src/extensions/documents-indicator/components/settings-button.tsx
 import * as React20 from "react";
 import {
@@ -419,7 +449,7 @@ import {
 } from "@elementor/editor-v1-adapters";
 import { SettingsIcon } from "@elementor/icons";
 import { Box as Box4, ToggleButton as ToggleButton3, Tooltip as BaseTooltip2 } from "@elementor/ui";
-import { __ as __4 } from "@wordpress/i18n";
+import { __ as __5 } from "@wordpress/i18n";
 function SettingsButton() {
   const activeDocument = useActiveDocument2();
   const hostDocument = useHostDocument();
@@ -428,7 +458,7 @@ function SettingsButton() {
   if (!document2) {
     return null;
   }
-  const title = __4("%s Settings", "elementor").replace("%s", document2.type.label);
+  const title = __5("%s Settings", "elementor").replace("%s", document2.type.label);
   return /* @__PURE__ */ React20.createElement(Tooltip3, { title }, /* @__PURE__ */ React20.createElement(Box4, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React20.createElement(
     ToggleButton3,
     {
@@ -437,14 +467,17 @@ function SettingsButton() {
       disabled: isBlocked,
       onChange: () => {
         const extendedWindow = window;
-        const config = extendedWindow?.elementor?.editorEvents?.config;
+        const config = extendedWindow?.elementorCommon?.eventsManager?.config;
         if (config) {
-          extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.documentSettings, {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations["document-settings"],
-            trigger: config.triggers.click,
-            element: config.elements.buttonIcon
-          });
+          extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+            config.names.topBar.documentSettings,
+            {
+              location: config.locations.topBar,
+              secondaryLocation: config.secondaryLocations["document-settings"],
+              trigger: config.triggers.click,
+              element: config.elements.buttonIcon
+            }
+          );
         }
         openRoute("panel/page-settings/settings");
       },
@@ -479,7 +512,7 @@ function Tooltip3(props) {
 }
 
 // src/extensions/documents-indicator/index.ts
-function init() {
+function init2() {
   injectIntoPageIndication({
     id: "document-settings-button",
     component: SettingsButton,
@@ -494,17 +527,17 @@ function init() {
 import { __useActiveDocument as useActiveDocument3 } from "@elementor/editor-documents";
 import { __privateRunCommand as runCommand } from "@elementor/editor-v1-adapters";
 import { EyeIcon } from "@elementor/icons";
-import { __ as __5 } from "@wordpress/i18n";
+import { __ as __6 } from "@wordpress/i18n";
 function useActionProps() {
   const document2 = useActiveDocument3();
   return {
     icon: EyeIcon,
-    title: __5("Preview Changes", "elementor"),
+    title: __6("Preview Changes", "elementor"),
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.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,
@@ -522,7 +555,7 @@ function useActionProps() {
 }
 
 // src/extensions/documents-preview/index.ts
-function init2() {
+function init3() {
   utilitiesMenu.registerAction({
     id: "document-preview-button",
     priority: 30,
@@ -549,7 +582,7 @@ import {
   Tooltip as Tooltip4,
   usePopupState as usePopupState4
 } from "@elementor/ui";
-import { __ as __6 } from "@wordpress/i18n";
+import { __ as __7 } from "@wordpress/i18n";
 
 // src/extensions/documents-save/components/primary-action-menu.tsx
 import * as React21 from "react";
@@ -618,14 +651,17 @@ function PrimaryAction() {
     {
       onClick: () => {
         const extendedWindow = window;
-        const config = extendedWindow?.elementor?.editorEvents?.config;
+        const config = extendedWindow?.elementorCommon?.eventsManager?.config;
         if (config) {
-          extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.publishButton, {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations["publish-button"],
-            trigger: config.triggers.click,
-            element: config.elements.mainCta
-          });
+          extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+            config.names.topBar.publishButton,
+            {
+              location: config.locations.topBar,
+              secondaryLocation: config.secondaryLocations["publish-button"],
+              trigger: config.triggers.click,
+              element: config.elements.mainCta
+            }
+          );
         }
         if (!document2.isSaving) {
           save();
@@ -645,7 +681,7 @@ function PrimaryAction() {
   ), /* @__PURE__ */ React22.createElement(
     Tooltip4,
     {
-      title: __6("Save Options", "elementor"),
+      title: __7("Save Options", "elementor"),
       PopperProps: {
         sx: {
           "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
@@ -662,14 +698,14 @@ function PrimaryAction() {
         ...bindTrigger4(popupState),
         sx: { px: 0, height: "100%", borderRadius: 0 },
         disabled: isSaveOptionsDisabled,
-        "aria-label": __6("Save Options", "elementor")
+        "aria-label": __7("Save Options", "elementor")
       },
       /* @__PURE__ */ React22.createElement(ChevronDownIcon, null)
     ))
   )), /* @__PURE__ */ React22.createElement(PrimaryActionMenu, { ...bindMenu4(popupState), onClick: popupState.close }));
 }
 function getLabel(document2) {
-  return document2.userCan.publish ? __6("Publish", "elementor") : __6("Submit", "elementor");
+  return document2.userCan.publish ? __7("Publish", "elementor") : __7("Submit", "elementor");
 }
 function isPublishEnabled(document2) {
   if (document2.type.value === "kit") {
@@ -684,13 +720,13 @@ import {
   __useActiveDocumentActions as useActiveDocumentActions2
 } from "@elementor/editor-documents";
 import { LinkIcon } from "@elementor/icons";
-import { __ as __7 } from "@wordpress/i18n";
+import { __ as __8 } from "@wordpress/i18n";
 function useDocumentCopyAndShareProps() {
   const document2 = useActiveDocument5();
   const { copyAndShare } = useActiveDocumentActions2();
   return {
     icon: LinkIcon,
-    title: __7("Copy and Share", "elementor"),
+    title: __8("Copy and Share", "elementor"),
     onClick: copyAndShare,
     disabled: !document2 || document2.isSaving || document2.isSavingDraft || !("publish" === document2.status.value),
     visible: document2?.permissions?.showCopyAndShare
@@ -703,13 +739,13 @@ import {
   __useActiveDocumentActions as useActiveDocumentActions3
 } from "@elementor/editor-documents";
 import { FileReportIcon } from "@elementor/icons";
-import { __ as __8 } from "@wordpress/i18n";
+import { __ as __9 } from "@wordpress/i18n";
 function useDocumentSaveDraftProps() {
   const document2 = useActiveDocument6();
   const { saveDraft } = useActiveDocumentActions3();
   return {
     icon: FileReportIcon,
-    title: __8("Save Draft", "elementor"),
+    title: __9("Save Draft", "elementor"),
     onClick: saveDraft,
     disabled: !document2 || document2.isSaving || document2.isSavingDraft || !document2.isDirty
   };
@@ -718,12 +754,12 @@ function useDocumentSaveDraftProps() {
 // src/extensions/documents-save/hooks/use-document-save-template-props.ts
 import { __useActiveDocumentActions as useActiveDocumentActions4 } from "@elementor/editor-documents";
 import { FolderIcon } from "@elementor/icons";
-import { __ as __9 } from "@wordpress/i18n";
+import { __ as __10 } from "@wordpress/i18n";
 function useDocumentSaveTemplateProps() {
   const { saveTemplate } = useActiveDocumentActions4();
   return {
     icon: FolderIcon,
-    title: __9("Save as Template", "elementor"),
+    title: __10("Save as Template", "elementor"),
     onClick: saveTemplate
   };
 }
@@ -732,12 +768,12 @@ function useDocumentSaveTemplateProps() {
 import { __useActiveDocument as useActiveDocument7 } from "@elementor/editor-documents";
 import { __privateRunCommand as runCommand2 } from "@elementor/editor-v1-adapters";
 import { EyeIcon as EyeIcon2 } from "@elementor/icons";
-import { __ as __10 } from "@wordpress/i18n";
+import { __ as __11 } from "@wordpress/i18n";
 function useDocumentViewPageProps() {
   const document2 = useActiveDocument7();
   return {
     icon: EyeIcon2,
-    title: __10("View Page", "elementor"),
+    title: __11("View Page", "elementor"),
     onClick: () => document2?.id && runCommand2("editor/documents/view", {
       id: document2.id
     })
@@ -745,7 +781,7 @@ function useDocumentViewPageProps() {
 }
 
 // src/extensions/documents-save/index.ts
-function init3() {
+function init4() {
   injectIntoPrimaryAction({
     id: "document-primary-action",
     component: PrimaryAction
@@ -780,17 +816,17 @@ import {
   __privateUseRouteStatus as useRouteStatus2
 } from "@elementor/editor-v1-adapters";
 import { PlusIcon } from "@elementor/icons";
-import { __ as __11 } from "@wordpress/i18n";
+import { __ as __12 } from "@wordpress/i18n";
 function useActionProps2() {
   const { isActive, isBlocked } = useRouteStatus2("panel/elements");
   return {
-    title: __11("Add Element", "elementor"),
+    title: __12("Add Element", "elementor"),
     icon: PlusIcon,
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.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,
@@ -811,10 +847,10 @@ import {
   routeOpenEvent,
   v1ReadyEvent
 } from "@elementor/editor-v1-adapters";
-import { __ as __12 } from "@wordpress/i18n";
+import { __ as __13 } from "@wordpress/i18n";
 function syncPanelTitle() {
-  const panelTitle = __12("Elements", "elementor");
-  const tabTitle = __12("Widgets", "elementor");
+  const panelTitle = __13("Elements", "elementor");
+  const tabTitle = __13("Widgets", "elementor");
   listenTo(routeOpenEvent("panel/elements"), () => {
     setPanelTitle(panelTitle);
     setTabTitle(tabTitle);
@@ -837,7 +873,7 @@ function setTabTitle(title) {
 }
 
 // src/extensions/elements/index.ts
-function init4() {
+function init5() {
   syncPanelTitle();
   toolsMenu.registerToggleAction({
     id: "open-elements-panel",
@@ -849,16 +885,16 @@ function init4() {
 // src/extensions/finder/hooks/use-action-props.ts
 import { __privateRunCommand as runCommand3 } from "@elementor/editor-v1-adapters";
 import { SearchIcon } from "@elementor/icons";
-import { __ as __13 } from "@wordpress/i18n";
+import { __ as __14 } from "@wordpress/i18n";
 function useActionProps3() {
   return {
-    title: __13("Finder", "elementor"),
+    title: __14("Finder", "elementor"),
     icon: SearchIcon,
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.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,
@@ -871,7 +907,7 @@ function useActionProps3() {
 }
 
 // src/extensions/finder/index.ts
-function init5() {
+function init6() {
   utilitiesMenu.registerAction({
     id: "toggle-finder",
     priority: 15,
@@ -882,23 +918,24 @@ function init5() {
 
 // src/extensions/help/index.ts
 import { HelpIcon } from "@elementor/icons";
-import { __ as __14 } from "@wordpress/i18n";
-function init6() {
+import { __ as __15 } from "@wordpress/i18n";
+function init7() {
   utilitiesMenu.registerLink({
     id: "open-help-center",
     priority: 25,
     // After Finder.
     useProps: () => {
       return {
-        title: __14("Help", "elementor"),
+        title: __15("Help", "elementor"),
         href: "https://go.elementor.com/editor-top-bar-learn/",
         icon: HelpIcon,
         target: "_blank",
+        showExternalLinkIcon: true,
         onClick: () => {
           const extendedWindow = window;
-          const config = extendedWindow?.elementor?.editorEvents?.config;
+          const config = extendedWindow?.elementorCommon?.eventsManager?.config;
           if (config) {
-            extendedWindow.elementor.editorEvents.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,
@@ -917,17 +954,17 @@ import {
   __privateUseRouteStatus as useRouteStatus3
 } from "@elementor/editor-v1-adapters";
 import { HistoryIcon } from "@elementor/icons";
-import { __ as __15 } from "@wordpress/i18n";
+import { __ as __16 } from "@wordpress/i18n";
 function useActionProps4() {
   const { isActive, isBlocked } = useRouteStatus3("panel/history");
   return {
-    title: __15("History", "elementor"),
+    title: __16("History", "elementor"),
     icon: HistoryIcon,
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.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,
@@ -942,7 +979,7 @@ function useActionProps4() {
 }
 
 // src/extensions/history/index.ts
-function init7() {
+function init8() {
   mainMenu.registerToggleAction({
     id: "open-history",
     priority: 20,
@@ -953,16 +990,16 @@ function init7() {
 // src/extensions/keyboard-shortcuts/hooks/use-action-props.ts
 import { __privateRunCommand as runCommand4 } from "@elementor/editor-v1-adapters";
 import { KeyboardIcon } from "@elementor/icons";
-import { __ as __16 } from "@wordpress/i18n";
+import { __ as __17 } from "@wordpress/i18n";
 function useActionProps5() {
   return {
     icon: KeyboardIcon,
-    title: __16("Keyboard Shortcuts", "elementor"),
+    title: __17("Keyboard Shortcuts", "elementor"),
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.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,
@@ -975,7 +1012,7 @@ function useActionProps5() {
 }
 
 // src/extensions/keyboard-shortcuts/index.ts
-function init8() {
+function init9() {
   mainMenu.registerAction({
     id: "open-keyboard-shortcuts",
     group: "default",
@@ -1002,7 +1039,7 @@ import {
   WidescreenIcon
 } from "@elementor/icons";
 import { Tab, Tabs, Tooltip as BaseTooltip3 } from "@elementor/ui";
-import { __ as __17 } from "@wordpress/i18n";
+import { __ as __18 } from "@wordpress/i18n";
 function BreakpointsSwitcher() {
   const breakpoints = useBreakpoints();
   const activeBreakpoint = useActiveBreakpoint();
@@ -1012,9 +1049,9 @@ function BreakpointsSwitcher() {
   }
   const onChange = (_, value) => {
     const extendedWindow = window;
-    const config = extendedWindow?.elementor?.editorEvents?.config;
+    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow.elementor.editorEvents.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,
@@ -1031,7 +1068,7 @@ function BreakpointsSwitcher() {
       indicatorColor: "secondary",
       value: activeBreakpoint,
       onChange,
-      "aria-label": __17("Switch Device", "elementor"),
+      "aria-label": __18("Switch Device", "elementor"),
       sx: {
         "& .MuiTabs-indicator": {
           backgroundColor: "text.primary"
@@ -1082,13 +1119,13 @@ var iconsMap = {
 var labelsMap = {
   default: "%s",
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "min-width": __17("%s (%dpx and up)", "elementor"),
+  "min-width": __18("%s (%dpx and up)", "elementor"),
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "max-width": __17("%s (up to %dpx)", "elementor")
+  "max-width": __18("%s (up to %dpx)", "elementor")
 };
 
 // src/extensions/responsive/index.ts
-function init9() {
+function init10() {
   injectIntoResponsive({
     id: "responsive-breakpoints-switcher",
     component: BreakpointsSwitcher,
@@ -1135,7 +1172,7 @@ import {
   __useActiveDocumentActions as useActiveDocumentActions5
 } from "@elementor/editor-documents";
 import { Button as Button2, CircularProgress as CircularProgress2, Paper } from "@elementor/ui";
-import { __ as __18 } from "@wordpress/i18n";
+import { __ as __19 } from "@wordpress/i18n";
 function PrimaryAction2() {
   const document2 = useActiveDocument8();
   const { save } = useActiveDocumentActions5();
@@ -1158,7 +1195,7 @@ function PrimaryAction2() {
         sx: { width: "100%" },
         onClick: () => document2 && !document2.isSaving ? save() : null
       },
-      document2?.isSaving ? /* @__PURE__ */ React25.createElement(CircularProgress2, null) : __18("Save Changes", "elementor")
+      document2?.isSaving ? /* @__PURE__ */ React25.createElement(CircularProgress2, null) : __19("Save Changes", "elementor")
     )
   );
 }
@@ -1174,19 +1211,19 @@ import {
   __privateUseRouteStatus as useRouteStatus4
 } from "@elementor/editor-v1-adapters";
 import { AdjustmentsHorizontalIcon } from "@elementor/icons";
-import { __ as __19 } from "@wordpress/i18n";
+import { __ as __20 } from "@wordpress/i18n";
 function useActionProps6() {
   const { isActive, isBlocked } = useRouteStatus4("panel/global", {
     blockOnKitRoutes: false
   });
   return {
-    title: __19("Site Settings", "elementor"),
+    title: __20("Site Settings", "elementor"),
     icon: AdjustmentsHorizontalIcon,
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.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,
@@ -1205,7 +1242,7 @@ function useActionProps6() {
 }
 
 // src/extensions/site-settings/index.ts
-function init10() {
+function init11() {
   injectIntoTop({
     id: "site-settings-primary-action-portal",
     component: PortalledPrimaryAction
@@ -1223,17 +1260,17 @@ import {
   __privateUseRouteStatus as useRouteStatus5
 } from "@elementor/editor-v1-adapters";
 import { StructureIcon } from "@elementor/icons";
-import { __ as __20 } from "@wordpress/i18n";
+import { __ as __21 } from "@wordpress/i18n";
 function useActionProps7() {
   const { isActive, isBlocked } = useRouteStatus5("navigator");
   return {
-    title: __20("Structure", "elementor"),
+    title: __21("Structure", "elementor"),
     icon: StructureIcon,
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.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,
@@ -1248,7 +1285,7 @@ function useActionProps7() {
 }
 
 // src/extensions/structure/index.ts
-function init11() {
+function init12() {
   toolsMenu.registerToggleAction({
     id: "toggle-structure-view",
     priority: 3,
@@ -1259,16 +1296,16 @@ function init11() {
 // 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 __21 } from "@wordpress/i18n";
+import { __ as __22 } from "@wordpress/i18n";
 function useActionProps8() {
   return {
     icon: ThemeBuilderIcon,
-    title: __21("Theme Builder", "elementor"),
+    title: __22("Theme Builder", "elementor"),
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.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,
@@ -1281,7 +1318,7 @@ function useActionProps8() {
 }
 
 // src/extensions/theme-builder/index.ts
-function init12() {
+function init13() {
   mainMenu.registerAction({
     id: "open-theme-builder",
     useProps: useActionProps8
@@ -1294,17 +1331,17 @@ import {
   __privateUseRouteStatus as useRouteStatus6
 } from "@elementor/editor-v1-adapters";
 import { ToggleRightIcon } from "@elementor/icons";
-import { __ as __22 } from "@wordpress/i18n";
+import { __ as __23 } from "@wordpress/i18n";
 function useActionProps9() {
   const { isActive, isBlocked } = useRouteStatus6("panel/editor-preferences");
   return {
     icon: ToggleRightIcon,
-    title: __22("User Preferences", "elementor"),
+    title: __23("User Preferences", "elementor"),
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.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,
@@ -1319,7 +1356,7 @@ function useActionProps9() {
 }
 
 // src/extensions/user-preferences/index.ts
-function init13() {
+function init14() {
   mainMenu.registerToggleAction({
     id: "open-user-preferences",
     priority: 30,
@@ -1331,27 +1368,31 @@ function init13() {
 // src/extensions/wordpress/index.ts
 import { __useActiveDocument as useActiveDocument9 } from "@elementor/editor-documents";
 import { WordpressIcon } from "@elementor/icons";
-import { __ as __23 } from "@wordpress/i18n";
-function init14() {
+import { __ as __24 } from "@wordpress/i18n";
+function init15() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
     group: "exits",
+    priority: 20,
     useProps: () => {
       const document2 = useActiveDocument9();
       return {
-        title: __23("Exit to WordPress", "elementor"),
+        title: __24("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,
         icon: WordpressIcon,
         onClick: () => {
           const extendedWindow = window;
-          const config = extendedWindow?.elementor?.editorEvents?.config;
+          const config = extendedWindow?.elementorCommon?.eventsManager?.config;
           if (config) {
-            extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.exitToWordpress, {
-              location: config.locations.topBar,
-              secondaryLocation: config.secondaryLocations.elementorLogo,
-              trigger: config.triggers.click,
-              element: config.elements.link
-            });
+            extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+              config.names.topBar.exitToWordpress,
+              {
+                location: config.locations.topBar,
+                secondaryLocation: config.secondaryLocations.elementorLogo,
+                trigger: config.triggers.click,
+                element: config.elements.link
+              }
+            );
           }
         }
       };
@@ -1360,8 +1401,7 @@ function init14() {
 }
 
 // src/extensions/index.ts
-function init15() {
-  init();
+function init16() {
   init2();
   init3();
   init4();
@@ -1375,6 +1415,8 @@ function init15() {
   init12();
   init13();
   init14();
+  init15();
+  init();
 }
 
 // src/sync/redirect-old-menus.ts
@@ -1390,9 +1432,9 @@ function redirectOldMenus() {
 }
 
 // src/init.ts
-function init16() {
+function init17() {
   redirectOldMenus();
-  init15();
+  init16();
   injectIntoTop2({
     id: "app-bar",
     component: AppBar
@@ -1400,7 +1442,7 @@ function init16() {
 }
 export {
   documentOptionsMenu,
-  init16 as init,
+  init17 as init,
   injectIntoPageIndication,
   injectIntoPrimaryAction,
   injectIntoResponsive,