@elementor/editor-global-classes 4.0.0-manual → 4.0.0

package/dist/index.js

@@ -35,9 +35,6 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/mcp-integration/classes-resource.ts
-var import_editor_mcp = require("@elementor/editor-mcp");
-
 // src/global-classes-styles-provider.ts
 var import_editor_styles2 = require("@elementor/editor-styles");
 var import_editor_styles_repository = require("@elementor/editor-styles-repository");
@@ -387,6 +384,41 @@ var getSanitizedData = async (payload) => {
         return { ...payload, classTitle: getCssClass(payload.classId).label };
       }
       break;
+    case "classSyncToV3PopupShown":
+      return {
+        ...payload,
+        interaction_type: "popup_shown",
+        target_type: "popup",
+        target_name: "sync_to_v3_popup",
+        interaction_result: "popup_viewed",
+        target_location: "widget_panel",
+        location_l1: "class_manager"
+      };
+    case "classSyncToV3": {
+      const classLabel = getCssClass(payload.classId).label;
+      const isSync = payload.action === "sync";
+      return {
+        ...payload,
+        interaction_type: "click",
+        target_type: classLabel,
+        target_name: isSync ? "sync_to_v3" : "unsync_to_v3",
+        interaction_result: isSync ? "class_is_synced_to_V3" : "class_is_unsynced_from_V3",
+        target_location: "widget_panel",
+        location_l1: "class_manager",
+        interaction_description: isSync ? `user_synced_${classLabel}_to_v3` : `user_unsync_${classLabel}_from_v3`
+      };
+    }
+    case "classSyncToV3PopupClick": {
+      const isSyncAction = payload.action === "sync";
+      return {
+        ...payload,
+        interaction_type: "click",
+        target_type: "button",
+        target_name: isSyncAction ? "sync_to_v3" : "cancel",
+        interaction_result: isSyncAction ? "class_is_synced" : "cancel",
+        target_location: "sync_to_v3_popup"
+      };
+    }
     default:
       return payload;
   }
@@ -532,9 +564,7 @@ var updateLocalStorageCache = () => {
   const classes = globalClassesStylesProvider.actions.all();
   localStorage.setItem(STORAGE_KEY, JSON.stringify(classes));
 };
-var initClassesResource = () => {
-  const canvasMcpEntry = (0, import_editor_mcp.getMCPByDomain)("canvas");
-  const classesMcpEntry = (0, import_editor_mcp.getMCPByDomain)("classes");
+var initClassesResource = (classesMcpEntry, canvasMcpEntry) => {
   [canvasMcpEntry, classesMcpEntry].forEach((entry) => {
     const { mcpServer, resource, waitForReady } = entry;
     resource(
@@ -562,9 +592,10 @@ var initClassesResource = () => {
 // src/init.ts
 var import_editor = require("@elementor/editor");
 var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
+var import_editor_mcp = require("@elementor/editor-mcp");
 var import_editor_panels2 = require("@elementor/editor-panels");
 var import_editor_styles_repository5 = require("@elementor/editor-styles-repository");
-var import_store26 = require("@elementor/store");
+var import_store28 = require("@elementor/store");
 
 // src/components/class-manager/class-manager-button.tsx
 var React20 = __toESM(require("react"));
@@ -602,7 +633,7 @@ var import_editor_current_user2 = require("@elementor/editor-current-user");
 var import_editor_documents3 = require("@elementor/editor-documents");
 var import_editor_panels = require("@elementor/editor-panels");
 var import_editor_ui9 = require("@elementor/editor-ui");
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var import_icons11 = require("@elementor/icons");
 var import_query3 = require("@elementor/query");
 var import_store20 = require("@elementor/store");
@@ -894,6 +925,7 @@ async function saveGlobalClasses({ context: context2, onApprove }) {
     changes: calculateChanges(state, currentContext((0, import_store12.__getState)()))
   });
   (0, import_store12.__dispatch)(slice.actions.reset({ context: context2 }));
+  window.dispatchEvent(new CustomEvent("classes:updated", { detail: { context: context2 } }));
   if (response?.data?.data?.code === API_ERROR_CODES.DUPLICATED_LABEL) {
     (0, import_store12.__dispatch)(slice.actions.updateMultiple(response.data.data.modifiedLabels));
     trackGlobalClasses({
@@ -1251,7 +1283,6 @@ var React15 = __toESM(require("react"));
 var import_react6 = require("react");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
 var import_editor_ui8 = require("@elementor/editor-ui");
-var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var import_icons9 = require("@elementor/icons");
 var import_ui12 = require("@elementor/ui");
 var import_i18n11 = require("@wordpress/i18n");
@@ -1707,7 +1738,7 @@ var ClassItem = ({
       },
       /* @__PURE__ */ React15.createElement(import_ui12.Typography, { variant: "caption", sx: { color: "text.primary" } }, (0, import_i18n11.__)("Rename", "elementor"))
     ),
-    (0, import_editor_v1_adapters2.isExperimentActive)("e_design_system_sync") && onToggleSync && /* @__PURE__ */ React15.createElement(
+    onToggleSync && /* @__PURE__ */ React15.createElement(
       import_editor_ui8.MenuListItem,
       {
         onClick: () => {
@@ -1715,7 +1746,7 @@ var ClassItem = ({
           onToggleSync(id2, !syncToV3);
         }
       },
-      /* @__PURE__ */ React15.createElement(import_ui12.Typography, { variant: "caption", sx: { color: "text.primary" } }, syncToV3 ? (0, import_i18n11.__)("Stop syncing to Version 3", "elementor") : (0, import_i18n11.__)("Sync to Version 3", "elementor"))
+      /* @__PURE__ */ React15.createElement(import_ui12.Stack, { direction: "row", alignItems: "center", gap: 1 }, syncToV3 ? /* @__PURE__ */ React15.createElement(import_icons9.RefreshOffIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React15.createElement(import_icons9.RefreshIcon, { fontSize: "tiny" }), /* @__PURE__ */ React15.createElement(import_ui12.Typography, { variant: "caption", sx: { color: "text.primary" } }, syncToV3 ? (0, import_i18n11.__)("Stop syncing to Global Fonts", "elementor") : (0, import_i18n11.__)("Sync to Global Fonts", "elementor")))
     ),
     /* @__PURE__ */ React15.createElement(
       import_editor_ui8.MenuListItem,
@@ -2064,17 +2095,38 @@ var import_react8 = require("react");
 var import_ui15 = require("@elementor/ui");
 var import_i18n14 = require("@wordpress/i18n");
 var IMAGE_URL = "https://assets.elementor.com/packages/v1/images/class-manager-sync-modal.png";
-var StartSyncToV3Modal = ({ externalOpen, onExternalClose, onConfirm } = {}) => {
+var StartSyncToV3Modal = ({
+  externalOpen,
+  classId,
+  onExternalClose,
+  onConfirm
+} = {}) => {
   const [shouldShowAgain, setShouldShowAgain] = (0, import_react8.useState)(true);
+  const hasTrackedExposure = (0, import_react8.useRef)(false);
+  (0, import_react8.useEffect)(() => {
+    if (externalOpen && classId && !hasTrackedExposure.current) {
+      hasTrackedExposure.current = true;
+      trackGlobalClasses({ event: "classSyncToV3PopupShown", classId });
+    }
+    if (!externalOpen) {
+      hasTrackedExposure.current = false;
+    }
+  }, [externalOpen, classId]);
   const handleClose = () => {
+    if (classId) {
+      trackGlobalClasses({ event: "classSyncToV3PopupClick", classId, action: "cancel" });
+    }
     onExternalClose?.();
   };
   const handleConfirm = () => {
+    if (classId) {
+      trackGlobalClasses({ event: "classSyncToV3PopupClick", classId, action: "sync" });
+    }
     onConfirm?.();
     onExternalClose?.();
   };
-  return /* @__PURE__ */ React18.createElement(import_ui15.Dialog, { open: !!externalOpen, onClose: handleClose, maxWidth: "sm", fullWidth: true }, /* @__PURE__ */ React18.createElement(import_ui15.DialogContent, { sx: { p: 0 } }, /* @__PURE__ */ React18.createElement(import_ui15.Box, { component: "img", src: IMAGE_URL, alt: "", sx: { width: "100%", display: "block" } }), /* @__PURE__ */ React18.createElement(import_ui15.Box, { sx: { px: 3, pt: 4, pb: 1 } }, /* @__PURE__ */ React18.createElement(import_ui15.Typography, { variant: "h6" }, (0, import_i18n14.__)("Sync class to version 3 Global Fonts", "elementor")), /* @__PURE__ */ React18.createElement(import_ui15.Typography, { variant: "body2", color: "secondary", sx: { mb: 2, pt: 1 } }, (0, import_i18n14.__)(
-    "Only typography settings supported in version 3 will be applied, including: font family, responsive font sizes, weight, text transform, decoration, line height, letter spacing, and word spacing. Changes made in the class will automatically apply to version 3.",
+  return /* @__PURE__ */ React18.createElement(import_ui15.Dialog, { open: !!externalOpen, onClose: handleClose, maxWidth: "sm", fullWidth: true }, /* @__PURE__ */ React18.createElement(import_ui15.DialogContent, { sx: { p: 0 } }, /* @__PURE__ */ React18.createElement(import_ui15.Box, { component: "img", src: IMAGE_URL, alt: "", sx: { width: "100%", display: "block" } }), /* @__PURE__ */ React18.createElement(import_ui15.Box, { sx: { px: 3, pt: 4, pb: 1 } }, /* @__PURE__ */ React18.createElement(import_ui15.Typography, { variant: "h6" }, (0, import_i18n14.__)("Sync class to Global Fonts", "elementor")), /* @__PURE__ */ React18.createElement(import_ui15.Typography, { variant: "body2", color: "secondary", sx: { mb: 2, pt: 1 } }, (0, import_i18n14.__)(
+    "Only typography settings supported in Global Fonts will be applied, including: font family, responsive font sizes, weight, text transform, decoration, line height, letter spacing, and word spacing. Changes made in the class will automatically apply to Global Fonts.",
     "elementor"
   )))), /* @__PURE__ */ React18.createElement(import_ui15.DialogActions, { sx: { justifyContent: "space-between", px: 3, pb: 2 } }, /* @__PURE__ */ React18.createElement(
     import_ui15.FormControlLabel,
@@ -2088,7 +2140,7 @@ var StartSyncToV3Modal = ({ externalOpen, onExternalClose, onConfirm } = {}) =>
       ),
       label: /* @__PURE__ */ React18.createElement(import_ui15.Typography, { variant: "body2", color: "secondary" }, (0, import_i18n14.__)("Don't show again", "elementor"))
     }
-  ), /* @__PURE__ */ React18.createElement(import_ui15.Box, { sx: { display: "flex", gap: 1 } }, /* @__PURE__ */ React18.createElement(import_ui15.Button, { onClick: handleClose, color: "secondary", size: "small" }, (0, import_i18n14.__)("Cancel", "elementor")), /* @__PURE__ */ React18.createElement(import_ui15.Button, { onClick: handleConfirm, variant: "contained", size: "small" }, (0, import_i18n14.__)("Sync to version 3", "elementor")))));
+  ), /* @__PURE__ */ React18.createElement(import_ui15.Box, { sx: { display: "flex", gap: 1 } }, /* @__PURE__ */ React18.createElement(import_ui15.Button, { onClick: handleClose, color: "secondary", size: "small" }, (0, import_i18n14.__)("Cancel", "elementor")), /* @__PURE__ */ React18.createElement(import_ui15.Button, { onClick: handleConfirm, variant: "contained", size: "small" }, (0, import_i18n14.__)("Sync to Global Fonts", "elementor")))));
 };
 
 // src/components/class-manager/class-manager-panel.tsx
@@ -2098,7 +2150,7 @@ var reloadDocument = () => {
   const currentDocument = (0, import_editor_documents3.getCurrentDocument)();
   const documentsManager = (0, import_editor_documents3.getV1DocumentsManager)();
   documentsManager.invalidateCache();
-  return (0, import_editor_v1_adapters3.__privateRunCommand)("editor/documents/switch", {
+  return (0, import_editor_v1_adapters2.__privateRunCommand)("editor/documents/switch", {
     id: currentDocument?.id,
     shouldScroll: false,
     shouldNavigateToDefaultRoute: false
@@ -2109,11 +2161,11 @@ var { panel, usePanelActions } = (0, import_editor_panels.__createPanel)({
   component: ClassManagerPanel,
   allowedEditModes: ["edit", id],
   onOpen: () => {
-    (0, import_editor_v1_adapters3.changeEditMode)(id);
+    (0, import_editor_v1_adapters2.changeEditMode)(id);
     blockPanelInteractions();
   },
   onClose: async () => {
-    (0, import_editor_v1_adapters3.changeEditMode)("edit");
+    (0, import_editor_v1_adapters2.changeEditMode)("edit");
     await reloadDocument();
     unblockPanelInteractions();
   },
@@ -2140,6 +2192,7 @@ function ClassManagerPanel() {
         }
       })
     );
+    trackGlobalClasses({ event: "classSyncToV3", classId, action: "unsync" });
     setStopSyncConfirmation(null);
   }, []);
   const handleStartSync = (0, import_react9.useCallback)((classId) => {
@@ -2151,6 +2204,7 @@ function ClassManagerPanel() {
         }
       })
     );
+    trackGlobalClasses({ event: "classSyncToV3", classId, action: "sync" });
     setStartSyncConfirmation(null);
   }, []);
   const handleStopSyncRequest = (0, import_react9.useCallback)(
@@ -2222,6 +2276,7 @@ function ClassManagerPanel() {
     StartSyncToV3Modal,
     {
       externalOpen: true,
+      classId: startSyncConfirmation,
       onExternalClose: () => setStartSyncConfirmation(null),
       onConfirm: () => handleStartSync(startSyncConfirmation)
     }
@@ -2294,7 +2349,7 @@ var TotalCssClassCounter = () => {
 };
 var StopSyncConfirmationDialog = ({ open, onClose, onConfirm }) => {
   const [, suppressStopSyncMessage] = (0, import_editor_current_user2.useSuppressedMessage)(STOP_SYNC_MESSAGE_KEY);
-  return /* @__PURE__ */ React19.createElement(import_editor_ui9.ConfirmationDialog, { open, onClose }, /* @__PURE__ */ React19.createElement(import_editor_ui9.ConfirmationDialog.Title, { icon: FlippedColorSwatchIcon, iconColor: "primary" }, (0, import_i18n15.__)("Un-sync typography class", "elementor")), /* @__PURE__ */ React19.createElement(import_editor_ui9.ConfirmationDialog.Content, null, /* @__PURE__ */ React19.createElement(import_editor_ui9.ConfirmationDialog.ContentText, null, (0, import_i18n15.__)("You're about to stop syncing a typography class to version 3.", "elementor")), /* @__PURE__ */ React19.createElement(import_editor_ui9.ConfirmationDialog.ContentText, { sx: { mt: 1 } }, (0, import_i18n15.__)(
+  return /* @__PURE__ */ React19.createElement(import_editor_ui9.ConfirmationDialog, { open, onClose }, /* @__PURE__ */ React19.createElement(import_editor_ui9.ConfirmationDialog.Title, { icon: FlippedColorSwatchIcon, iconColor: "primary" }, (0, import_i18n15.__)("Un-sync typography class", "elementor")), /* @__PURE__ */ React19.createElement(import_editor_ui9.ConfirmationDialog.Content, null, /* @__PURE__ */ React19.createElement(import_editor_ui9.ConfirmationDialog.ContentText, null, (0, import_i18n15.__)("You're about to stop syncing a typography class to Global Fonts.", "elementor")), /* @__PURE__ */ React19.createElement(import_editor_ui9.ConfirmationDialog.ContentText, { sx: { mt: 1 } }, (0, import_i18n15.__)(
     "Note that if it's being used anywhere, the affected elements will inherit the default typography.",
     "elementor"
   ))), /* @__PURE__ */ React19.createElement(
@@ -2418,22 +2473,73 @@ function createClassName(prefix) {
   return newClassName;
 }
 
-// src/components/open-panel-from-url.tsx
+// src/components/global-styles-import-listener.tsx
 var import_react10 = require("react");
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_store22 = require("@elementor/store");
+function GlobalStylesImportListener() {
+  const dispatch5 = (0, import_store22.__useDispatch)();
+  (0, import_react10.useEffect)(() => {
+    const handleGlobalStylesImported = (event) => {
+      const importedClasses = event.detail?.global_classes;
+      if (importedClasses?.items && importedClasses?.order) {
+        dispatch5(
+          slice.actions.load({
+            preview: {
+              items: importedClasses.items,
+              order: importedClasses.order
+            },
+            frontend: {
+              items: importedClasses.items,
+              order: importedClasses.order
+            }
+          })
+        );
+      }
+      Promise.all([apiClient.all("preview"), apiClient.all("frontend")]).then(([previewRes, frontendRes]) => {
+        const { data: previewData } = previewRes;
+        const { data: frontendData } = frontendRes;
+        dispatch5(
+          slice.actions.load({
+            preview: {
+              items: previewData.data,
+              order: previewData.meta.order
+            },
+            frontend: {
+              items: frontendData.data,
+              order: frontendData.meta.order
+            }
+          })
+        );
+      }).catch(() => {
+      });
+    };
+    window.addEventListener("elementor/global-styles/imported", handleGlobalStylesImported);
+    return () => {
+      window.removeEventListener(
+        "elementor/global-styles/imported",
+        handleGlobalStylesImported
+      );
+    };
+  }, [dispatch5]);
+  return null;
+}
+
+// src/components/open-panel-from-url.tsx
+var import_react11 = require("react");
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 var ACTIVE_PANEL_PARAM = "active-panel";
 var PANEL_ID = "global-classes-manager";
 var DEFAULT_PANEL_ROUTE = "panel/elements";
 function OpenPanelFromUrl() {
   const { open } = usePanelActions();
-  const hasOpened = (0, import_react10.useRef)(false);
-  (0, import_react10.useEffect)(() => {
+  const hasOpened = (0, import_react11.useRef)(false);
+  (0, import_react11.useEffect)(() => {
     const urlParams = new URLSearchParams(window.location.search);
     const activePanel = urlParams.get(ACTIVE_PANEL_PARAM);
     if (activePanel !== PANEL_ID) {
       return;
     }
-    const cleanup = (0, import_editor_v1_adapters4.__privateListenTo)((0, import_editor_v1_adapters4.routeOpenEvent)(DEFAULT_PANEL_ROUTE), () => {
+    const cleanup = (0, import_editor_v1_adapters3.__privateListenTo)((0, import_editor_v1_adapters3.routeOpenEvent)(DEFAULT_PANEL_ROUTE), () => {
       if (hasOpened.current) {
         return;
       }
@@ -2448,11 +2554,11 @@ function OpenPanelFromUrl() {
 }
 
 // src/components/populate-store.tsx
-var import_react11 = require("react");
-var import_store22 = require("@elementor/store");
+var import_react12 = require("react");
+var import_store24 = require("@elementor/store");
 function PopulateStore() {
-  const dispatch5 = (0, import_store22.__useDispatch)();
-  (0, import_react11.useEffect)(() => {
+  const dispatch5 = (0, import_store24.__useDispatch)();
+  (0, import_react12.useEffect)(() => {
     Promise.all([apiClient.all("preview"), apiClient.all("frontend")]).then(
       ([previewRes, frontendRes]) => {
         const { data: previewData } = previewRes;
@@ -2475,9 +2581,6 @@ function PopulateStore() {
   return null;
 }
 
-// src/mcp-integration/index.ts
-var import_editor_mcp2 = require("@elementor/editor-mcp");
-
 // src/mcp-integration/mcp-apply-unapply-global-classes.ts
 var import_editor_editing_panel = require("@elementor/editor-editing-panel");
 var import_schema = require("@elementor/schema");
@@ -2906,61 +3009,91 @@ async function attemptDelete(opts) {
 }
 
 // src/mcp-integration/index.ts
-var initMcpIntegration = () => {
-  const reg = (0, import_editor_mcp2.getMCPByDomain)("classes", {
-    instructions: "MCP server for management of Elementor global classes"
-  });
+var initMcpIntegration = (reg, canvasMcpEntry) => {
+  const { setMCPDescription } = reg;
+  setMCPDescription(
+    `Everything related to V4 ( Atomic ) global classes.
+# Global classes
+- Create/update/delete global classes
+- Get list of global classes
+- Get details of a global class
+- Get details of a global class
+`
+  );
   initMcpApplyUnapplyGlobalClasses(reg);
   initMcpApplyGetGlobalClassUsages(reg);
   initManageGlobalClasses(reg);
-  initClassesResource();
+  initClassesResource(reg, canvasMcpEntry);
 };
 
 // src/sync-with-document.tsx
-var import_react12 = require("react");
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_react13 = require("react");
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 
 // src/sync-with-document-save.ts
 var import_editor_current_user3 = require("@elementor/editor-current-user");
 var import_editor_documents5 = require("@elementor/editor-documents");
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
-var import_store24 = require("@elementor/store");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_store26 = require("@elementor/store");
+var pendingSave = null;
 function syncWithDocumentSave(panelActions) {
   const unsubscribe = syncDirtyState();
   bindSaveAction(panelActions);
+  bindBeforeSaveTemplateAction();
   return unsubscribe;
 }
 function syncDirtyState() {
-  return (0, import_store24.__subscribeWithSelector)(selectIsDirty, () => {
+  return (0, import_store26.__subscribeWithSelector)(selectIsDirty, () => {
     if (!isDirty()) {
       return;
     }
     (0, import_editor_documents5.setDocumentModifiedStatus)(true);
   });
 }
+function triggerSave(panelActions, context2 = "preview") {
+  const user = (0, import_editor_current_user3.getCurrentUser)();
+  const canEdit = user?.capabilities.includes(UPDATE_CLASS_CAPABILITY_KEY);
+  if (!canEdit) {
+    return null;
+  }
+  if (pendingSave) {
+    return pendingSave;
+  }
+  const promise = saveGlobalClasses({
+    context: context2,
+    onApprove: panelActions?.open
+  });
+  pendingSave = promise;
+  promise.finally(() => {
+    pendingSave = null;
+  });
+  return promise;
+}
 function bindSaveAction(panelActions) {
-  (0, import_editor_v1_adapters5.registerDataHook)("dependency", "document/save/save", (args) => {
-    const user = (0, import_editor_current_user3.getCurrentUser)();
-    const canEdit = user?.capabilities.includes(UPDATE_CLASS_CAPABILITY_KEY);
-    if (!canEdit) {
-      return true;
-    }
-    saveGlobalClasses({
-      context: args.status === "publish" ? "frontend" : "preview",
-      onApprove: panelActions?.open
-    });
+  (0, import_editor_v1_adapters4.registerDataHook)("dependency", "document/save/save", (args) => {
+    triggerSave(panelActions, args.status === "publish" ? "frontend" : "preview");
     return true;
   });
 }
+function bindBeforeSaveTemplateAction() {
+  window.addEventListener("elementor/global-styles/before-save", ((event) => {
+    if (!pendingSave && isDirty()) {
+      triggerSave();
+    }
+    if (pendingSave) {
+      event.detail.promises.push(pendingSave);
+    }
+  }));
+}
 function isDirty() {
-  return selectIsDirty((0, import_store24.__getState)());
+  return selectIsDirty((0, import_store26.__getState)());
 }
 
 // src/sync-with-document.tsx
 function SyncWithDocumentSave() {
   const panelActions = usePanelActions();
-  (0, import_react12.useEffect)(() => {
-    (0, import_editor_v1_adapters6.__privateListenTo)((0, import_editor_v1_adapters6.v1ReadyEvent)(), () => {
+  (0, import_react13.useEffect)(() => {
+    (0, import_editor_v1_adapters5.__privateListenTo)((0, import_editor_v1_adapters5.v1ReadyEvent)(), () => {
       syncWithDocumentSave(panelActions);
     });
   }, []);
@@ -2969,7 +3102,7 @@ function SyncWithDocumentSave() {
 
 // src/init.ts
 function init() {
-  (0, import_store26.__registerSlice)(slice);
+  (0, import_store28.__registerSlice)(slice);
   (0, import_editor_panels2.__registerPanel)(panel);
   import_editor_styles_repository5.stylesRepository.register(globalClassesStylesProvider);
   (0, import_editor.injectIntoLogic)({
@@ -2980,6 +3113,10 @@ function init() {
     id: "global-classes-sync-with-document",
     component: SyncWithDocumentSave
   });
+  (0, import_editor.injectIntoLogic)({
+    id: "global-classes-import-listener",
+    component: GlobalStylesImportListener
+  });
   (0, import_editor.injectIntoLogic)({
     id: "global-classes-prefetch-css-class-usage",
     component: PrefetchCssClassUsage
@@ -3000,7 +3137,10 @@ function init() {
     name: "global",
     getThemeColor: (theme) => theme.palette.global.dark
   });
-  initMcpIntegration();
+  initMcpIntegration(
+    (0, import_editor_mcp.getMCPByDomain)("classes", { instructions: "MCP server for management of Elementor global classes" }),
+    (0, import_editor_mcp.getMCPByDomain)("canvas")
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {