@codee-sh/medusa-plugin-automations 1.0.3 → 1.0.4

package/.medusa/server/src/admin/_chunks/{__admin-extensions__-rqdPN7M1 → __admin-extensions__-BD2AvjDH}

@@ -5178,19 +5178,25 @@ const useAvailableActions = (params, options) => {
     enabled,
     fields,
     order = "created_at",
-    id
+    id,
+    eventName
+    // Add eventName parameter
   } = params;
   const queryKey = [
     "available-actions",
     limit,
     offset,
+    eventName,
+    // Include eventName in query key for proper caching
     ...extraKey
   ];
   const query = {
     limit,
     offset,
     fields,
-    order
+    order,
+    ...eventName && { eventName }
+    // Add eventName to query params if provided
   };
   const { data, ...rest } = useQuery({
     queryKey,
@@ -5285,7 +5291,8 @@ const useAvailableTriggers = (params, options) => {
 };
 function AutomationsGeneralForm({
   form,
-  isOpen
+  isOpen,
+  isEditMode = false
 }) {
   const {
     data: availableEventsData
@@ -5428,8 +5435,12 @@ function AutomationsGeneralForm({
               {
                 value: field.value ?? "",
                 onValueChange: (value) => {
+                  if (isEditMode) {
+                    return;
+                  }
                   field.onChange(value);
                 },
+                disabled: isEditMode,
                 children: [
                   /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select the event name" }) }),
                   /* @__PURE__ */ jsx(Select.Content, { children: availableEvents == null ? void 0 : availableEvents.map((event) => /* @__PURE__ */ jsxs(Select.Group, { children: [
@@ -9163,9 +9174,7 @@ function createAutomationFormSchema(availableActions) {
     }
   );
 }
-function AutomationsCreateForm({
-  id
-}) {
+function AutomationsCreateForm() {
   const [open, setOpen] = useState(false);
   const [tab, setTab] = useState(Tab.GENERAL);
   const [tabState, setTabState] = useState({
@@ -9185,12 +9194,10 @@ function AutomationsCreateForm({
   }, [tab]);
   const queryClient = useQueryClient();
   const {
-    data: automationsTriggerData,
     isLoading: isAutomationsTriggerLoading
   } = useListAutomations({
-    id,
     extraKey: [],
-    enabled: open && !!id
+    enabled: open
   });
   const { data: availableActionsData } = useAvailableActions({
     enabled: open
@@ -9223,28 +9230,6 @@ function AutomationsCreateForm({
       }
     }
   });
-  useEffect(() => {
-    var _a;
-    if (automationsTriggerData && ((_a = automationsTriggerData.triggers) == null ? void 0 : _a[0])) {
-      const trigger = automationsTriggerData.triggers[0];
-      form.reset({
-        general: {
-          name: trigger.name || "",
-          description: trigger.description || "",
-          trigger_type: trigger.trigger_type || "event",
-          event_name: trigger.event_name || "",
-          interval_minutes: trigger.interval_minutes || null,
-          active: trigger.active || false
-        },
-        rules: {
-          items: []
-        },
-        actions: {
-          items: []
-        }
-      });
-    }
-  }, [open, automationsTriggerData]);
   useEffect(() => {
     if (open === false) {
       form.reset({
@@ -9295,7 +9280,7 @@ function AutomationsCreateForm({
     /* @__PURE__ */ jsx(FocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "primary", children: /* @__PURE__ */ jsx(Plus, {}) }) }),
     /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
       /* @__PURE__ */ jsxs(FocusModal.Header, { children: [
-        /* @__PURE__ */ jsx(FocusModal.Title, { children: "Create Automation" }),
+        /* @__PURE__ */ jsx(Heading, { level: "h3", className: "shrink-0", children: "Create Automation" }),
         /* @__PURE__ */ jsx("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsx(
           ProgressTabs,
           {
@@ -9370,8 +9355,6 @@ const useListAutomationsRules = (params, options) => {
   } = params;
   const queryKey = [
     "automations-rules",
-    limit,
-    offset,
     ...extraKey
   ];
   const query = {
@@ -9430,8 +9413,6 @@ const useListAutomationsActions = (params, options) => {
   } = params;
   const queryKey = [
     "automations-actions",
-    limit,
-    offset,
     ...extraKey
   ];
   const query = {
@@ -9560,11 +9541,19 @@ function AutomationsRulesForm({
                       children: [
                         /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select the attribute" }) }),
                         /* @__PURE__ */ jsx(Select.Content, { children: eventAttributes.map(
-                          (attribute, attrIndex) => /* @__PURE__ */ jsx(
+                          (attribute, attrIndex) => /* @__PURE__ */ jsxs(
                             Select.Item,
                             {
                               value: attribute.value || "ss",
-                              children: attribute.label
+                              children: [
+                                attribute.label,
+                                " ",
+                                /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
+                                  "(",
+                                  attribute.value,
+                                  ")"
+                                ] })
+                              ]
                             },
                             attribute.value || `attr-${index}-${attrIndex}`
                           )
@@ -9665,7 +9654,7 @@ function AutomationsRulesForm({
   ] }) }) });
 }
 const templateLoaders = {
-  BaseConfigComponent: () => import("./base-config-DbRWuXsL")
+  BaseConfigComponent: () => import("./base-config-ON0ZG0Je")
 };
 async function loadTemplateComponent(key) {
   const loader = templateLoaders[key];
@@ -9697,7 +9686,6 @@ function LoadActionComponent({
     setError(null);
     loadTemplateComponent(configComponentKey).then((module) => {
       const Component2 = module;
-      console.log("Component", Component2);
       if (Component2) {
         setComponent(() => Component2);
       } else {
@@ -9739,13 +9727,9 @@ function LoadActionComponent({
 }
 function AutomationsActionsForm({
   form,
-  isOpen
+  isOpen,
+  availableActionsData
 }) {
-  const {
-    data: availableActionsData
-  } = useAvailableActions({
-    enabled: isOpen !== false
-  });
   const {
     fields = [],
     append,
@@ -9754,7 +9738,7 @@ function AutomationsActionsForm({
     control: form.control,
     name: "actions.items"
   });
-  useWatch({
+  const watchedActions = useWatch({
     control: form.control,
     name: "actions.items"
   });
@@ -9767,6 +9751,32 @@ function AutomationsActionsForm({
   const handleRemoveRule = (index) => {
     remove(index);
   };
+  const actionTypeValueChange = (index, value, isExistingAction) => {
+    var _a;
+    if (isExistingAction) {
+      return;
+    }
+    form.setValue(`actions.items.${index}.action_type`, value, {
+      shouldValidate: false,
+      shouldDirty: true
+    });
+    form.clearErrors(`actions.items.${index}`);
+    const actionData = (_a = availableActionsData == null ? void 0 : availableActionsData.actions) == null ? void 0 : _a.find(
+      (a2) => a2.value === value
+    );
+    const fields2 = actionData == null ? void 0 : actionData.fields;
+    form.setValue(
+      `actions.items.${index}.config`,
+      fields2 == null ? void 0 : fields2.reduce((acc, field) => {
+        acc[field.name || field.key] = "";
+        return acc;
+      }, {}),
+      {
+        shouldValidate: false,
+        shouldDirty: true
+      }
+    );
+  };
   return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx("div", { className: "p-6 max-w-2xl mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
     fields.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-500 text-center py-4", children: 'No actions added yet. Click "Add Item" to create a new action.' }),
     fields.map((field, index) => {
@@ -9787,6 +9797,8 @@ function AutomationsActionsForm({
             const configComponentKey = actionData == null ? void 0 : actionData.configComponentKey;
             const fields2 = actionData == null ? void 0 : actionData.fields;
             const isEnabled = actionType ? actionData == null ? void 0 : actionData.enabled : true;
+            const currentAction = watchedActions == null ? void 0 : watchedActions[index];
+            const isExistingAction = !!(currentAction == null ? void 0 : currentAction.id);
             return /* @__PURE__ */ jsxs(
               "div",
               {
@@ -9800,18 +9812,9 @@ function AutomationsActionsForm({
                         {
                           value: actionTypeField.value ?? "",
                           onValueChange: (value) => {
-                            actionTypeField.onChange(
-                              value
-                            );
-                            form.setValue(
-                              `actions.items.${index}.config`,
-                              {},
-                              {
-                                shouldValidate: false,
-                                shouldDirty: true
-                              }
-                            );
+                            actionTypeValueChange(index, value, isExistingAction);
                           },
+                          disabled: isExistingAction,
                           children: [
                             /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select the action type" }) }),
                             /* @__PURE__ */ jsx(Select.Content, { children: (_b = availableActionsData == null ? void 0 : availableActionsData.actions) == null ? void 0 : _b.map(
@@ -9849,8 +9852,8 @@ function AutomationsActionsForm({
                   actionType && configComponentKey && /* @__PURE__ */ jsx("div", { className: "mt-4 pt-4 border-t", children: /* @__PURE__ */ jsx(
                     LoadActionComponent,
                     {
-                      actionType,
                       configComponentKey,
+                      actionType,
                       form,
                       name: `actions.items.${index}.config`,
                       errors: (_g = (_f = (_e = (_d = form.formState.errors) == null ? void 0 : _d.actions) == null ? void 0 : _e.items) == null ? void 0 : _f[index]) == null ? void 0 : _g.config,
@@ -9892,6 +9895,7 @@ function AutomationsEditForm({
     [Tab.ACTIONS]: "not-started"
   });
   const [buttonText, setButtonText] = useState("");
+  const [eventName, setEventName] = useState(void 0);
   useEffect(() => {
     if (Tab.GENERAL === tab) {
       setButtonText("Save automation");
@@ -9927,7 +9931,8 @@ function AutomationsEditForm({
     enabled: open && !!id
   });
   const { data: availableActionsData } = useAvailableActions({
-    enabled: open
+    enabled: open,
+    eventName
   });
   const {
     mutateAsync: editAutomation,
@@ -9971,6 +9976,7 @@ function AutomationsEditForm({
       const trigger = automationsTriggerData.triggers[0];
       const rules = (automationsRulesData == null ? void 0 : automationsRulesData.rules) || [];
       const actions = (automationsActionsData == null ? void 0 : automationsActionsData.actions) || [];
+      setEventName(trigger.event_name || void 0);
       form.reset({
         general: {
           name: trigger.name || "",
@@ -10005,9 +10011,11 @@ function AutomationsEditForm({
         }
       });
     }
-  }, [open, automationsTriggerData, automationsRulesData]);
+  }, [open, automationsTriggerData, automationsRulesData, automationsActionsData]);
   useEffect(() => {
     if (open === false) {
+      setEventName(void 0);
+      setTab(Tab.GENERAL);
       form.reset({
         general: {
           name: "",
@@ -10127,7 +10135,7 @@ function AutomationsEditForm({
     /* @__PURE__ */ jsx(FocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "primary", children: /* @__PURE__ */ jsx(Pencil, {}) }) }),
     /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
       /* @__PURE__ */ jsxs(FocusModal.Header, { children: [
-        /* @__PURE__ */ jsx(FocusModal.Title, { children: "Edit Automation" }),
+        /* @__PURE__ */ jsx(Heading, { level: "h3", className: "shrink-0", children: "Edit Automation" }),
         /* @__PURE__ */ jsx("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsx(
           ProgressTabs,
           {
@@ -10175,7 +10183,8 @@ function AutomationsEditForm({
               AutomationsGeneralForm,
               {
                 form,
-                isOpen: open
+                isOpen: open,
+                isEditMode: !!id
               }
             ),
             tab === Tab.RULES && /* @__PURE__ */ jsx(
@@ -10189,7 +10198,8 @@ function AutomationsEditForm({
               AutomationsActionsForm,
               {
                 form,
-                isOpen: open
+                isOpen: open,
+                availableActionsData
               }
             )
           ]
@@ -10273,7 +10283,7 @@ const AutomationsList = () => {
     order: "-created_at"
   });
   const columnHelper = createDataTableColumnHelper();
-  const columns = [
+  const columns = useMemo(() => [
     columnHelper.accessor("to", {
       header: "Name and description",
       cell: ({ row }) => {
@@ -10369,7 +10379,7 @@ const AutomationsList = () => {
         ] });
       }
     })
-  ];
+  ], []);
   const table = useDataTable({
     columns,
     data: (automationsTriggersData == null ? void 0 : automationsTriggersData.triggers) ?? [],

package/.medusa/server/src/admin/_chunks/{__admin-extensions__-DIB2k6nJ → __admin-extensions__-BxUQA9oD}

@@ -5182,19 +5182,25 @@ const useAvailableActions = (params, options) => {
     enabled,
     fields,
     order = "created_at",
-    id
+    id,
+    eventName
+    // Add eventName parameter
   } = params;
   const queryKey = [
     "available-actions",
     limit,
     offset,
+    eventName,
+    // Include eventName in query key for proper caching
     ...extraKey
   ];
   const query = {
     limit,
     offset,
     fields,
-    order
+    order,
+    ...eventName && { eventName }
+    // Add eventName to query params if provided
   };
   const { data, ...rest } = reactQuery.useQuery({
     queryKey,
@@ -5289,7 +5295,8 @@ const useAvailableTriggers = (params, options) => {
 };
 function AutomationsGeneralForm({
   form,
-  isOpen
+  isOpen,
+  isEditMode = false
 }) {
   const {
     data: availableEventsData
@@ -5432,8 +5439,12 @@ function AutomationsGeneralForm({
               {
                 value: field.value ?? "",
                 onValueChange: (value) => {
+                  if (isEditMode) {
+                    return;
+                  }
                   field.onChange(value);
                 },
+                disabled: isEditMode,
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select the event name" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: availableEvents == null ? void 0 : availableEvents.map((event) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Group, { children: [
@@ -9167,9 +9178,7 @@ function createAutomationFormSchema(availableActions) {
     }
   );
 }
-function AutomationsCreateForm({
-  id
-}) {
+function AutomationsCreateForm() {
   const [open, setOpen] = React.useState(false);
   const [tab, setTab] = React.useState(Tab.GENERAL);
   const [tabState, setTabState] = React.useState({
@@ -9189,12 +9198,10 @@ function AutomationsCreateForm({
   }, [tab]);
   const queryClient = reactQuery.useQueryClient();
   const {
-    data: automationsTriggerData,
     isLoading: isAutomationsTriggerLoading
   } = useListAutomations({
-    id,
     extraKey: [],
-    enabled: open && !!id
+    enabled: open
   });
   const { data: availableActionsData } = useAvailableActions({
     enabled: open
@@ -9227,28 +9234,6 @@ function AutomationsCreateForm({
       }
     }
   });
-  React.useEffect(() => {
-    var _a;
-    if (automationsTriggerData && ((_a = automationsTriggerData.triggers) == null ? void 0 : _a[0])) {
-      const trigger = automationsTriggerData.triggers[0];
-      form.reset({
-        general: {
-          name: trigger.name || "",
-          description: trigger.description || "",
-          trigger_type: trigger.trigger_type || "event",
-          event_name: trigger.event_name || "",
-          interval_minutes: trigger.interval_minutes || null,
-          active: trigger.active || false
-        },
-        rules: {
-          items: []
-        },
-        actions: {
-          items: []
-        }
-      });
-    }
-  }, [open, automationsTriggerData]);
   React.useEffect(() => {
     if (open === false) {
       form.reset({
@@ -9299,7 +9284,7 @@ function AutomationsCreateForm({
     /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "primary", children: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}) }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Content, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Header, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Title, { children: "Create Automation" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "shrink-0", children: "Create Automation" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsxRuntime.jsx(
           ui.ProgressTabs,
           {
@@ -9374,8 +9359,6 @@ const useListAutomationsRules = (params, options) => {
   } = params;
   const queryKey = [
     "automations-rules",
-    limit,
-    offset,
     ...extraKey
   ];
   const query = {
@@ -9434,8 +9417,6 @@ const useListAutomationsActions = (params, options) => {
   } = params;
   const queryKey = [
     "automations-actions",
-    limit,
-    offset,
     ...extraKey
   ];
   const query = {
@@ -9564,11 +9545,19 @@ function AutomationsRulesForm({
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select the attribute" }) }),
                         /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: eventAttributes.map(
-                          (attribute, attrIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+                          (attribute, attrIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
                             ui.Select.Item,
                             {
                               value: attribute.value || "ss",
-                              children: attribute.label
+                              children: [
+                                attribute.label,
+                                " ",
+                                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-500", children: [
+                                  "(",
+                                  attribute.value,
+                                  ")"
+                                ] })
+                              ]
                             },
                             attribute.value || `attr-${index}-${attrIndex}`
                           )
@@ -9669,7 +9658,7 @@ function AutomationsRulesForm({
   ] }) }) });
 }
 const templateLoaders = {
-  BaseConfigComponent: () => Promise.resolve().then(() => require("./base-config-ro-vFPBg"))
+  BaseConfigComponent: () => Promise.resolve().then(() => require("./base-config-XI6iR6Jp"))
 };
 async function loadTemplateComponent(key) {
   const loader = templateLoaders[key];
@@ -9701,7 +9690,6 @@ function LoadActionComponent({
     setError(null);
     loadTemplateComponent(configComponentKey).then((module2) => {
       const Component2 = module2;
-      console.log("Component", Component2);
       if (Component2) {
         setComponent(() => Component2);
       } else {
@@ -9743,13 +9731,9 @@ function LoadActionComponent({
 }
 function AutomationsActionsForm({
   form,
-  isOpen
+  isOpen,
+  availableActionsData
 }) {
-  const {
-    data: availableActionsData
-  } = useAvailableActions({
-    enabled: isOpen !== false
-  });
   const {
     fields = [],
     append,
@@ -9758,7 +9742,7 @@ function AutomationsActionsForm({
     control: form.control,
     name: "actions.items"
   });
-  useWatch({
+  const watchedActions = useWatch({
     control: form.control,
     name: "actions.items"
   });
@@ -9771,6 +9755,32 @@ function AutomationsActionsForm({
   const handleRemoveRule = (index) => {
     remove(index);
   };
+  const actionTypeValueChange = (index, value, isExistingAction) => {
+    var _a;
+    if (isExistingAction) {
+      return;
+    }
+    form.setValue(`actions.items.${index}.action_type`, value, {
+      shouldValidate: false,
+      shouldDirty: true
+    });
+    form.clearErrors(`actions.items.${index}`);
+    const actionData = (_a = availableActionsData == null ? void 0 : availableActionsData.actions) == null ? void 0 : _a.find(
+      (a2) => a2.value === value
+    );
+    const fields2 = actionData == null ? void 0 : actionData.fields;
+    form.setValue(
+      `actions.items.${index}.config`,
+      fields2 == null ? void 0 : fields2.reduce((acc, field) => {
+        acc[field.name || field.key] = "";
+        return acc;
+      }, {}),
+      {
+        shouldValidate: false,
+        shouldDirty: true
+      }
+    );
+  };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6 max-w-2xl mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
     fields.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-500 text-center py-4", children: 'No actions added yet. Click "Add Item" to create a new action.' }),
     fields.map((field, index) => {
@@ -9791,6 +9801,8 @@ function AutomationsActionsForm({
             const configComponentKey = actionData == null ? void 0 : actionData.configComponentKey;
             const fields2 = actionData == null ? void 0 : actionData.fields;
             const isEnabled = actionType ? actionData == null ? void 0 : actionData.enabled : true;
+            const currentAction = watchedActions == null ? void 0 : watchedActions[index];
+            const isExistingAction = !!(currentAction == null ? void 0 : currentAction.id);
             return /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
@@ -9804,18 +9816,9 @@ function AutomationsActionsForm({
                         {
                           value: actionTypeField.value ?? "",
                           onValueChange: (value) => {
-                            actionTypeField.onChange(
-                              value
-                            );
-                            form.setValue(
-                              `actions.items.${index}.config`,
-                              {},
-                              {
-                                shouldValidate: false,
-                                shouldDirty: true
-                              }
-                            );
+                            actionTypeValueChange(index, value, isExistingAction);
                           },
+                          disabled: isExistingAction,
                           children: [
                             /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select the action type" }) }),
                             /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: (_b = availableActionsData == null ? void 0 : availableActionsData.actions) == null ? void 0 : _b.map(
@@ -9853,8 +9856,8 @@ function AutomationsActionsForm({
                   actionType && configComponentKey && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 pt-4 border-t", children: /* @__PURE__ */ jsxRuntime.jsx(
                     LoadActionComponent,
                     {
-                      actionType,
                       configComponentKey,
+                      actionType,
                       form,
                       name: `actions.items.${index}.config`,
                       errors: (_g = (_f = (_e = (_d = form.formState.errors) == null ? void 0 : _d.actions) == null ? void 0 : _e.items) == null ? void 0 : _f[index]) == null ? void 0 : _g.config,
@@ -9896,6 +9899,7 @@ function AutomationsEditForm({
     [Tab.ACTIONS]: "not-started"
   });
   const [buttonText, setButtonText] = React.useState("");
+  const [eventName, setEventName] = React.useState(void 0);
   React.useEffect(() => {
     if (Tab.GENERAL === tab) {
       setButtonText("Save automation");
@@ -9931,7 +9935,8 @@ function AutomationsEditForm({
     enabled: open && !!id
   });
   const { data: availableActionsData } = useAvailableActions({
-    enabled: open
+    enabled: open,
+    eventName
   });
   const {
     mutateAsync: editAutomation,
@@ -9975,6 +9980,7 @@ function AutomationsEditForm({
       const trigger = automationsTriggerData.triggers[0];
       const rules = (automationsRulesData == null ? void 0 : automationsRulesData.rules) || [];
       const actions = (automationsActionsData == null ? void 0 : automationsActionsData.actions) || [];
+      setEventName(trigger.event_name || void 0);
       form.reset({
         general: {
           name: trigger.name || "",
@@ -10009,9 +10015,11 @@ function AutomationsEditForm({
         }
       });
     }
-  }, [open, automationsTriggerData, automationsRulesData]);
+  }, [open, automationsTriggerData, automationsRulesData, automationsActionsData]);
   React.useEffect(() => {
     if (open === false) {
+      setEventName(void 0);
+      setTab(Tab.GENERAL);
       form.reset({
         general: {
           name: "",
@@ -10131,7 +10139,7 @@ function AutomationsEditForm({
     /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "primary", children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {}) }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Content, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Header, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Title, { children: "Edit Automation" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "shrink-0", children: "Edit Automation" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsxRuntime.jsx(
           ui.ProgressTabs,
           {
@@ -10179,7 +10187,8 @@ function AutomationsEditForm({
               AutomationsGeneralForm,
               {
                 form,
-                isOpen: open
+                isOpen: open,
+                isEditMode: !!id
               }
             ),
             tab === Tab.RULES && /* @__PURE__ */ jsxRuntime.jsx(
@@ -10193,7 +10202,8 @@ function AutomationsEditForm({
               AutomationsActionsForm,
               {
                 form,
-                isOpen: open
+                isOpen: open,
+                availableActionsData
               }
             )
           ]
@@ -10277,7 +10287,7 @@ const AutomationsList = () => {
     order: "-created_at"
   });
   const columnHelper = ui.createDataTableColumnHelper();
-  const columns = [
+  const columns = React.useMemo(() => [
     columnHelper.accessor("to", {
       header: "Name and description",
       cell: ({ row }) => {
@@ -10373,7 +10383,7 @@ const AutomationsList = () => {
         ] });
       }
     })
-  ];
+  ], []);
   const table = ui.useDataTable({
     columns,
     data: (automationsTriggersData == null ? void 0 : automationsTriggersData.triggers) ?? [],