@elementor/editor-variables 4.1.0-720 → 4.1.0-722

package/dist/index.js

@@ -45,6 +45,7 @@ module.exports = __toCommonJS(index_exports);
 // src/init.ts
 var import_editor = require("@elementor/editor");
 var import_editor_controls18 = require("@elementor/editor-controls");
+var import_editor_mcp = require("@elementor/editor-mcp");
 var import_editor_panels2 = require("@elementor/editor-panels");
 var import_editor_props7 = require("@elementor/editor-props");
 var import_menus = require("@elementor/menus");
@@ -538,6 +539,26 @@ var trackVariablesManagerEvent = ({ action, varType, controlPath }) => {
   }
   dispatchEvent?.(name, eventData);
 };
+var trackVariableSyncToV3 = ({ variableLabel, action }) => {
+  try {
+    const { dispatchEvent, config } = (0, import_events.getMixpanel)();
+    if (!config?.names?.variables?.variableSyncToV3) {
+      return;
+    }
+    const name = config.names.variables.variableSyncToV3;
+    const isSync = action === "sync";
+    dispatchEvent?.(name, {
+      interaction_type: "click",
+      target_type: variableLabel,
+      target_name: isSync ? "sync_to_v3" : "unsync_to_v3",
+      interaction_result: isSync ? "var_is_synced_to_V3" : "var_is_unsynced_from_V3",
+      target_location: "widget_panel",
+      location_l1: "var_manager",
+      interaction_description: isSync ? `user_synced_${variableLabel}_to_v3` : `user_unsync_${variableLabel}_from_v3`
+    });
+  } catch {
+  }
+};
 
 // src/utils/validations.ts
 var import_icons = require("@elementor/icons");
@@ -1932,8 +1953,8 @@ function VariablesManagerPanel() {
     handleOnChange,
     createVariable: createVariable2,
     handleDeleteVariable,
-    handleStartSync,
-    handleStopSync,
+    handleStartSync: startSyncFromState,
+    handleStopSync: stopSyncFromState,
     handleSave,
     isSaving,
     handleSearch,
@@ -1994,22 +2015,35 @@ function VariablesManagerPanel() {
     },
     [handleDeleteVariable]
   );
-  const handleStopSyncWithConfirmation = (0, import_react14.useCallback)(
+  const commitStopSync = (0, import_react14.useCallback)(
+    (itemId) => {
+      stopSyncFromState(itemId);
+      const variable = variables[itemId];
+      if (variable) {
+        trackVariableSyncToV3({ variableLabel: variable.label, action: "unsync" });
+      }
+    },
+    [stopSyncFromState, variables]
+  );
+  const handleStartSync = (0, import_react14.useCallback)(
     (itemId) => {
-      handleStopSync(itemId);
-      setStopSyncConfirmation(null);
+      startSyncFromState(itemId);
+      const variable = variables[itemId];
+      if (variable) {
+        trackVariableSyncToV3({ variableLabel: variable.label, action: "sync" });
+      }
     },
-    [handleStopSync]
+    [startSyncFromState, variables]
   );
-  const handleShowStopSyncDialog = (0, import_react14.useCallback)(
+  const handleStopSync = (0, import_react14.useCallback)(
     (itemId) => {
       if (!isStopSyncSuppressed) {
         setStopSyncConfirmation(itemId);
       } else {
-        handleStopSync(itemId);
+        commitStopSync(itemId);
       }
     },
-    [isStopSyncSuppressed, handleStopSync]
+    [isStopSyncSuppressed, commitStopSync]
   );
   const buildMenuActions = (0, import_react14.useCallback)(
     (variableId) => {
@@ -2022,7 +2056,7 @@ function VariablesManagerPanel() {
         variableId,
         handlers: {
           onStartSync: handleStartSync,
-          onStopSync: handleShowStopSyncDialog
+          onStopSync: handleStopSync
         }
       });
       const deleteAction = {
@@ -2040,7 +2074,7 @@ function VariablesManagerPanel() {
       };
       return [...typeActions, deleteAction];
     },
-    [variables, handleStartSync, handleShowStopSyncDialog]
+    [variables, handleStartSync, handleStopSync]
   );
   const hasVariables = Object.keys(variables).length > 0;
   return /* @__PURE__ */ React14.createElement(import_editor_ui5.ThemeProvider, null, /* @__PURE__ */ React14.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React14.createElement(
@@ -2175,7 +2209,10 @@ function VariablesManagerPanel() {
     {
       open: true,
       onClose: () => setStopSyncConfirmation(null),
-      onConfirm: () => handleStopSyncWithConfirmation(stopSyncConfirmation)
+      onConfirm: () => {
+        commitStopSync(stopSyncConfirmation);
+        setStopSyncConfirmation(null);
+      }
     }
   ), isSaveChangesDialogOpen && /* @__PURE__ */ React14.createElement(import_editor_ui5.SaveChangesDialog, null, /* @__PURE__ */ React14.createElement(import_editor_ui5.SaveChangesDialog.Title, { onClose: closeSaveChangesDialog }, (0, import_i18n10.__)("You have unsaved changes", "elementor")), /* @__PURE__ */ React14.createElement(import_editor_ui5.SaveChangesDialog.Content, null, /* @__PURE__ */ React14.createElement(import_editor_ui5.SaveChangesDialog.ContentText, null, (0, import_i18n10.__)("To avoid losing your updates, save your changes before leaving.", "elementor"))), /* @__PURE__ */ React14.createElement(
     import_editor_ui5.SaveChangesDialog.Actions,
@@ -3714,22 +3751,15 @@ var trackOpenVariablePopover = (path, variableType) => {
   });
 };
 
-// src/mcp/index.ts
-var import_editor_mcp3 = require("@elementor/editor-mcp");
-
 // src/mcp/manage-variable-tool.ts
-var import_editor_mcp2 = require("@elementor/editor-mcp");
 var import_schema3 = require("@elementor/schema");
 
 // src/mcp/variables-resource.ts
-var import_editor_mcp = require("@elementor/editor-mcp");
 var GLOBAL_VARIABLES_URI = "elementor://global-variables";
-var initVariablesResource = () => {
-  const canvasMcpEntry = (0, import_editor_mcp.getMCPByDomain)("canvas");
-  const variablesMcpEntry = (0, import_editor_mcp.getMCPByDomain)("variables");
+var initVariablesResource = (variablesMcpEntry, canvasMcpEntry) => {
   [canvasMcpEntry, variablesMcpEntry].forEach((entry) => {
-    const { mcpServer } = entry;
-    mcpServer.resource(
+    const { resource, sendResourceUpdated } = entry;
+    resource(
       "global-variables",
       GLOBAL_VARIABLES_URI,
       {
@@ -3748,7 +3778,7 @@ var initVariablesResource = () => {
       }
     );
     window.addEventListener("variables:updated", () => {
-      mcpServer.server.sendResourceUpdated({
+      sendResourceUpdated({
         uri: GLOBAL_VARIABLES_URI
       });
     });
@@ -3756,8 +3786,9 @@ var initVariablesResource = () => {
 };
 
 // src/mcp/manage-variable-tool.ts
-var initManageVariableTool = () => {
-  (0, import_editor_mcp2.getMCPByDomain)("variables").addTool({
+var initManageVariableTool = (reg) => {
+  const { addTool } = reg;
+  addTool({
     name: "manage-global-variable",
     schema: {
       action: import_schema3.z.enum(["create", "update", "delete"]).describe("Operation to perform"),
@@ -3827,12 +3858,18 @@ function getServiceActions(svc) {
 }
 
 // src/mcp/index.ts
-function initMcp() {
-  if (!(0, import_editor_mcp3.isAngieAvailable)()) {
-    return;
-  }
-  initManageVariableTool();
-  initVariablesResource();
+function initMcp(reg, canvasMcpEntry) {
+  const { setMCPDescription } = reg;
+  setMCPDescription(
+    `Everything related to V4 ( Atomic ) variables.
+# Global variables
+- Create/update/delete global variables
+- Get list of global variables
+- Get details of a global variable
+`
+  );
+  initManageVariableTool(reg);
+  initVariablesResource(reg, canvasMcpEntry);
 }
 
 // src/register-variable-types.tsx
@@ -4150,7 +4187,7 @@ function init() {
     useProps: usePropVariableAction
   });
   service.init().then(() => {
-    initMcp();
+    initMcp((0, import_editor_mcp.getMCPByDomain)("variables"), (0, import_editor_mcp.getMCPByDomain)("canvas"));
   });
   (0, import_editor.injectIntoTop)({
     id: "canvas-style-variables-render",