@elementor/editor-global-classes 4.1.0-720 → 4.1.0-722

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,6 +592,7 @@ 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_store28 = require("@elementor/store");
@@ -2064,12 +2095,33 @@ 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?.();
   };
@@ -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)
     }
@@ -2526,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");
@@ -2957,14 +3009,21 @@ 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
@@ -3078,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 = {