@elementor/editor-variables 4.3.0-999 → 4.4.0-1064

package/dist/index.mjs

@@ -617,6 +617,18 @@ var handleWatermark = (operation, newWatermark) => {
   }
   storage.watermark(newWatermark);
 };
+var applyLocalMutation = (action, variableWithId, watermark) => {
+  const { id: variableId, ...variable } = variableWithId;
+  handleWatermark(OP_RW, watermark);
+  if (action === "create") {
+    storage.add(variableId, variable);
+  } else {
+    storage.update(variableId, variable);
+  }
+  styleVariablesRepository.update({
+    [variableId]: variable
+  });
+};
 
 // src/transformers/utils/resolve-css-variable.ts
 var resolveCssVariable = (id, variable) => {
@@ -2458,7 +2470,6 @@ function createUnlinkHandler(variable, propTypeKey, setValue) {
 // src/components/variable-selection-popover.tsx
 import * as React22 from "react";
 import { useState as useState12 } from "react";
-import { isExperimentActive } from "@elementor/editor-v1-adapters";
 
 // src/context/variable-selection-popover.context.tsx
 import * as React15 from "react";
@@ -3202,11 +3213,11 @@ var VIEW_EDIT = "edit";
 var VariableSelectionPopover = ({ closePopover, propTypeKey, selectedVariable }) => {
   const [currentView, setCurrentView] = useState12(VIEW_LIST);
   const [editId, setEditId] = useState12("");
-  const onSettingsAvailable = isExperimentActive("e_variables_manager") ? () => {
+  const onSettingsAvailable = () => {
     window.dispatchEvent(
       new CustomEvent("elementor/toggle-design-system", { detail: { tab: "variables" } })
     );
-  } : void 0;
+  };
   return /* @__PURE__ */ React22.createElement(VariableTypeProvider, { propTypeKey }, /* @__PURE__ */ React22.createElement(PopoverContentRefContextProvider, null, RenderView({
     propTypeKey,
     currentView,
@@ -3938,14 +3949,14 @@ var initManageVariableTool = (reg) => {
   );
   addTool({
     name: TOOL_NAME,
-    description: "Manage V4 global variables (color, font, size, custom-size). Read the guide resource before use. font = font-famliy, size = measured unit, custom-size = calculated values",
+    description: "Manage V4 global variables (color, font, size, custom-size). Read the guide resource before use. font = single Google Font family name, no fallback stacks, size = measured unit, custom-size = calculated values",
     schema: {
       action: z3.enum(["create", "update", "delete"]),
       id: z3.string().optional().describe("Variable id \u2014 required for update/delete. Get from the global-variables resource."),
       type: z3.enum(RUNTIME_ALLOWED_VARIABLE_TYPES),
       label: z3.string().describe("Variable label (lowercase, dash-separated) \u2014 required for create/update."),
       value: z3.string().optional().describe(
-        'Plain CSS value \u2014 required for create/update. Color: hex/rgba/hsl. Font: family name only. Size: value with unit e.g. "16px", or "auto" (Pro). Do NOT pass JSON.'
+        'Plain CSS value \u2014 required for create/update. Color: hex/rgba/hsl. Font: single Google Font family name only \u2014 no fallback stacks, no generic families. Size: value with unit e.g. "16px", or "auto" (Pro). Do NOT pass JSON.'
       )
     },
     outputSchema: {
@@ -3961,10 +3972,14 @@ var initManageVariableTool = (reg) => {
     ],
     isDestructive: true,
     handler: async (params) => {
-      await httpService3().post(MCP_PROXY_URL2, {
+      const { data } = await httpService3().post(MCP_PROXY_URL2, {
         tool: TOOL_NAME,
         input: params
       });
+      const payload = data.data;
+      if (payload.variable && typeof payload.watermark === "number") {
+        applyLocalMutation(params.action, payload.variable, payload.watermark);
+      }
       return { status: "ok" };
     }
   });