@elementor/editor-global-classes 3.35.0-493 → 4.0.0-495

package/dist/index.js

@@ -2480,9 +2480,14 @@ var schema = {
   action: import_schema3.z.enum(["create", "modify", "delete"]).describe("Operation to perform"),
   classId: import_schema3.z.string().optional().describe("Global class ID (required for modify). Get from elementor://global-classes resource."),
   globalClassName: import_schema3.z.string().optional().describe("Global class name (required for create)"),
-  props: import_schema3.z.record(import_schema3.z.any()).describe(
-    'key-value of style-schema PropValues. Available properties at dynamic resource "elementor://styles/schema/{property-name}"'
-  ),
+  props: import_schema3.z.object({
+    default: import_schema3.z.record(import_schema3.z.any()).describe(
+      'key-value of style-schema PropValues. Available properties at dynamic resource "elementor://styles/schema/{property-name}"'
+    ),
+    hover: import_schema3.z.record(import_schema3.z.any()).describe("key-value of style-schema PropValues, for :hover css state. optional").optional(),
+    focus: import_schema3.z.record(import_schema3.z.any()).describe("key-value of style-schema PropValues, for :focus css state. optional").optional(),
+    active: import_schema3.z.record(import_schema3.z.any()).describe("key-value of style-schema PropValues, for :active css state. optional").optional()
+  }),
   breakpoint: import_schema3.z.nullable(import_schema3.z.string().describe("Responsive breakpoint name for styles. Defaults to desktop (null).")).default(null).describe("Responsive breakpoint name for styles. Defaults to desktop (null).")
 };
 var outputSchema = {
@@ -2491,7 +2496,9 @@ var outputSchema = {
   message: import_schema3.z.string().optional().describe("Error details if status is error")
 };
 var handler = async (input) => {
-  const { action, classId, globalClassName, props, breakpoint } = input;
+  const { action, classId: rawClassId, globalClassName, props: rawProps, breakpoint } = input;
+  const propsWithStates = rawProps;
+  let classId = rawClassId;
   if (action === "create" && !globalClassName) {
     return {
       status: "error",
@@ -2520,18 +2527,20 @@ var handler = async (input) => {
   const errors = [];
   const stylesSchema = (0, import_editor_styles3.getStylesSchema)();
   const validProps = Object.keys(stylesSchema);
-  Object.keys(props).forEach((key) => {
-    const propType = stylesSchema[key];
-    if (!propType) {
-      errors.push(`Property "${key}" does not exist in styles schema.`);
-      return;
-    }
-    const { valid, jsonSchema } = import_editor_props.Schema.validatePropValue(propType, props[key]);
-    if (!valid) {
-      errors.push(`- Property "${key}" has invalid value
+  Object.values(propsWithStates).forEach((props) => {
+    Object.keys(props).forEach((key) => {
+      const propType = stylesSchema[key];
+      if (!propType) {
+        errors.push(`Property "${key}" does not exist in styles schema.`);
+        return;
+      }
+      const { valid, jsonSchema } = import_editor_props.Schema.validatePropValue(propType, props[key]);
+      if (!valid) {
+        errors.push(`- Property "${key}" has invalid value
   Expected schema: ${jsonSchema}
 `);
-    }
+      }
+    });
   });
   if (errors.length > 0) {
     return {
@@ -2545,48 +2554,69 @@ Update your input and try again.`
     };
   }
   const Utils = window.elementorV2.editorVariables.Utils;
-  Object.keys(props).forEach((key) => {
-    props[key] = import_editor_props.Schema.adjustLlmPropValueSchema(props[key], {
-      transformers: Utils.globalVariablesLLMResolvers
+  Object.values(propsWithStates).forEach((props) => {
+    Object.keys(props).forEach((key) => {
+      props[key] = import_editor_props.Schema.adjustLlmPropValueSchema(props[key], {
+        transformers: Utils.globalVariablesLLMResolvers
+      });
     });
   });
   const breakpointValue = breakpoint ?? "desktop";
+  let result = {
+    status: "error",
+    classId: "",
+    message: "unknown error"
+  };
   try {
-    switch (action) {
-      case "create":
-        const newClassId = await attemptCreate({
-          props,
-          className: globalClassName,
-          stylesProvider: globalClassesStylesProvider,
-          breakpoint: breakpointValue
-        });
-        return newClassId ? {
-          status: "ok",
-          message: `created global class with ID ${newClassId}`
-        } : {
-          status: "error",
-          message: "error creating class"
-        };
-      case "modify":
-        const updated = await attemptUpdate({
-          classId,
-          props,
-          stylesProvider: globalClassesStylesProvider,
-          breakpoint: breakpointValue
-        });
-        return updated ? { status: "ok", classId } : {
-          status: "error",
-          message: "error modifying class"
-        };
-      case "delete":
-        const deleted = await attemptDelete({
-          classId,
-          stylesProvider: globalClassesStylesProvider
-        });
-        return deleted ? { status: "ok", message: `deleted global class with ID ${classId}` } : {
-          status: "error",
-          message: "error deleting class"
-        };
+    let currentAction = action;
+    for await (const [state, props] of Object.entries(propsWithStates)) {
+      switch (currentAction) {
+        case "create":
+          const newClassId = await attemptCreate({
+            props,
+            className: globalClassName,
+            stylesProvider: globalClassesStylesProvider,
+            breakpoint: breakpointValue,
+            state
+          });
+          if (newClassId && currentAction === "create") {
+            currentAction = "modify";
+            classId = newClassId;
+          }
+          result = newClassId ? {
+            status: "ok",
+            message: `created global class with ID ${newClassId}`
+          } : {
+            status: "error",
+            message: "error creating class"
+          };
+          break;
+        case "modify":
+          const updated = await attemptUpdate({
+            classId,
+            props,
+            stylesProvider: globalClassesStylesProvider,
+            breakpoint: breakpointValue,
+            state
+          });
+          result = updated ? { status: "ok", classId } : {
+            status: "error",
+            message: "error modifying class"
+          };
+          break;
+        case "delete":
+          const deleted = await attemptDelete({
+            classId,
+            stylesProvider: globalClassesStylesProvider
+          });
+          result = deleted ? { status: "ok", message: `deleted global class with ID ${classId}` } : {
+            status: "error",
+            message: "error deleting class"
+          };
+          break;
+        default:
+          throw new Error(`Unsupported action ${action}`);
+      }
     }
   } catch (error) {
     return {
@@ -2594,6 +2624,7 @@ Update your input and try again.`
       message: `${action} failed: ${error.message || "Unknown error"}`
     };
   }
+  return result;
 };
 var initManageGlobalClasses = (reg) => {
   const { addTool } = reg;
@@ -2623,7 +2654,7 @@ Use style schema at [elementor://styles/schema/{category}] for valid props. Erro
   });
 };
 async function attemptCreate(opts) {
-  const { props, breakpoint, className, stylesProvider } = opts;
+  const { props, breakpoint, className, stylesProvider, state } = opts;
   const { create, delete: deleteClass2 } = stylesProvider.actions;
   if (!className) {
     throw new Error("Global class name is a required for creation");
@@ -2635,7 +2666,7 @@ async function attemptCreate(opts) {
     {
       meta: {
         breakpoint,
-        state: null
+        state: state === "default" ? null : state
       },
       custom_css: null,
       props
@@ -2650,7 +2681,7 @@ async function attemptCreate(opts) {
   }
 }
 async function attemptUpdate(opts) {
-  const { props, breakpoint, classId, stylesProvider } = opts;
+  const { props, breakpoint, classId, stylesProvider, state } = opts;
   const { updateProps, update } = stylesProvider.actions;
   if (!classId) {
     throw new Error("Class ID is required for modification");
@@ -2665,7 +2696,7 @@ async function attemptUpdate(opts) {
       props,
       meta: {
         breakpoint,
-        state: null
+        state
       }
     });
     await saveGlobalClasses({ context: "frontend" });