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

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

@@ -2962,7 +2962,9 @@ function useTranslation(ns) {
     }
   });
 }
-const JsonViewSection = ({ data }) => {
+const JsonViewSection = ({
+  data
+}) => {
   const { t: t2 } = useTranslation();
   const numberOfKeys = Object.keys(data).length;
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "flex items-center justify-between px-6 py-4", children: [
@@ -2991,7 +2993,13 @@ const JsonViewSection = ({ data }) => {
                 i18nKey: "json.drawer.header",
                 count: numberOfKeys,
                 components: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-subtle" }, "count-span")
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "text-ui-fg-subtle"
+                    },
+                    "count-span"
+                  )
                 ]
               }
             ) }) }),
@@ -3041,7 +3049,12 @@ const JsonViewSection = ({ data }) => {
                 },
                 collapsed: 1,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(JsonView.Quote, { render: () => /* @__PURE__ */ jsxRuntime.jsx("span", {}) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    JsonView.Quote,
+                    {
+                      render: () => /* @__PURE__ */ jsxRuntime.jsx("span", {})
+                    }
+                  ),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     JsonView.Null,
                     {
@@ -3059,7 +3072,9 @@ const JsonViewSection = ({ data }) => {
                     {
                       render: (_props, { value }) => {
                         return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-contrast-fg-secondary ml-2", children: t2("general.items", {
-                          count: Object.keys(value).length
+                          count: Object.keys(
+                            value
+                          ).length
                         }) });
                       }
                     }
@@ -3070,7 +3085,13 @@ const JsonViewSection = ({ data }) => {
                     JsonView.Copied,
                     {
                       render: ({ style }, { value }) => {
-                        return /* @__PURE__ */ jsxRuntime.jsx(Copied, { style, value });
+                        return /* @__PURE__ */ jsxRuntime.jsx(
+                          Copied,
+                          {
+                            style,
+                            value
+                          }
+                        );
                       }
                     }
                   )
@@ -3194,24 +3215,28 @@ const sdk = new Medusa__default.default({
   }
 });
 const useCreateAutomation = (options) => {
-  return reactQuery.useMutation({
-    mutationFn: async (data) => {
-      await sdk.client.fetch("/admin/mpn/automations", {
-        method: "POST",
-        body: data
-      });
+  return reactQuery.useMutation(
+    {
+      mutationFn: async (data) => {
+        await sdk.client.fetch("/admin/mpn/automations", {
+          method: "POST",
+          body: data
+        });
+      }
     }
-  });
+  );
 };
 const useEditAutomation = (options) => {
-  return reactQuery.useMutation({
-    mutationFn: async (data) => {
-      await sdk.client.fetch("/admin/mpn/automations", {
-        method: "POST",
-        body: data
-      });
+  return reactQuery.useMutation(
+    {
+      mutationFn: async (data) => {
+        await sdk.client.fetch("/admin/mpn/automations", {
+          method: "POST",
+          body: data
+        });
+      }
     }
-  });
+  );
 };
 const useDeleteAutomation = (options) => {
   return reactQuery.useMutation({
@@ -3227,7 +3252,15 @@ const useDeleteAutomation = (options) => {
   });
 };
 const useListAutomations = (params, options) => {
-  const { limit = 100, offset = 0, extraKey = [], enabled, fields, order = "created_at", id } = params;
+  const {
+    limit = 100,
+    offset = 0,
+    extraKey = [],
+    enabled,
+    fields,
+    order = "created_at",
+    id
+  } = params;
   const queryKey = [
     "automations",
     id,
@@ -3247,10 +3280,13 @@ const useListAutomations = (params, options) => {
   const { data, ...rest } = reactQuery.useQuery({
     queryKey,
     queryFn: async () => {
-      return await sdk.client.fetch("/admin/mpn/automations", {
-        method: "GET",
-        query
-      });
+      return await sdk.client.fetch(
+        "/admin/mpn/automations",
+        {
+          method: "GET",
+          query
+        }
+      );
     },
     enabled,
     ...options
@@ -5139,7 +5175,15 @@ var n = function(e2, o2) {
   };
 };
 const useAvailableActions = (params, options) => {
-  const { limit = 100, offset = 0, extraKey = [], enabled, fields, order = "created_at", id } = params;
+  const {
+    limit = 100,
+    offset = 0,
+    extraKey = [],
+    enabled,
+    fields,
+    order = "created_at",
+    id
+  } = params;
   const queryKey = [
     "available-actions",
     limit,
@@ -5155,10 +5199,13 @@ const useAvailableActions = (params, options) => {
   const { data, ...rest } = reactQuery.useQuery({
     queryKey,
     queryFn: async () => {
-      return await sdk.client.fetch("/admin/mpn/automations/available-actions", {
-        method: "GET",
-        query
-      });
+      return await sdk.client.fetch(
+        "/admin/mpn/automations/available-actions",
+        {
+          method: "GET",
+          query
+        }
+      );
     },
     enabled,
     ...options
@@ -5166,7 +5213,15 @@ const useAvailableActions = (params, options) => {
   return { data, ...rest };
 };
 const useAvailableEvents = (params, options) => {
-  const { limit = 100, offset = 0, extraKey = [], enabled, fields, order = "created_at", id } = params;
+  const {
+    limit = 100,
+    offset = 0,
+    extraKey = [],
+    enabled,
+    fields,
+    order = "created_at",
+    id
+  } = params;
   const queryKey = [
     "available-events",
     limit,
@@ -5182,10 +5237,13 @@ const useAvailableEvents = (params, options) => {
   const { data, ...rest } = reactQuery.useQuery({
     queryKey,
     queryFn: async () => {
-      return await sdk.client.fetch("/admin/mpn/automations/available-events", {
-        method: "GET",
-        query
-      });
+      return await sdk.client.fetch(
+        "/admin/mpn/automations/available-events",
+        {
+          method: "GET",
+          query
+        }
+      );
     },
     enabled,
     ...options
@@ -5193,7 +5251,14 @@ const useAvailableEvents = (params, options) => {
   return { data, ...rest };
 };
 const useAvailableTriggers = (params, options) => {
-  const { limit = 100, offset = 0, extraKey = [], enabled, fields, order = "created_at" } = params;
+  const {
+    limit = 100,
+    offset = 0,
+    extraKey = [],
+    enabled,
+    fields,
+    order = "created_at"
+  } = params;
   const queryKey = [
     "available-triggers",
     limit,
@@ -5209,24 +5274,36 @@ const useAvailableTriggers = (params, options) => {
   const { data, ...rest } = reactQuery.useQuery({
     queryKey,
     queryFn: async () => {
-      return await sdk.client.fetch("/admin/mpn/automations/available-triggers", {
-        method: "GET",
-        query
-      });
+      return await sdk.client.fetch(
+        "/admin/mpn/automations/available-triggers",
+        {
+          method: "GET",
+          query
+        }
+      );
     },
     enabled,
     ...options
   });
   return { data, ...rest };
 };
-function AutomationsGeneralForm({ form, isOpen }) {
-  const { data: availableEventsData } = useAvailableEvents({
+function AutomationsGeneralForm({
+  form,
+  isOpen
+}) {
+  const {
+    data: availableEventsData
+  } = useAvailableEvents({
     enabled: isOpen !== false
   });
-  const { data: availableTriggersData } = useAvailableTriggers({
+  const {
+    data: availableTriggersData
+  } = useAvailableTriggers({
     enabled: isOpen !== false
   });
-  const { data: availableActionsData } = useAvailableActions({
+  const {
+    data: availableActionsData
+  } = useAvailableActions({
     enabled: isOpen !== false
   });
   const availableEvents = React.useMemo(() => {
@@ -5247,7 +5324,13 @@ function AutomationsGeneralForm({ form, isOpen }) {
           name: "general.name",
           control: form.control,
           render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "Enter the name of the automation" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                ...field,
+                placeholder: "Enter the name of the automation"
+              }
+            ),
             fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
           ] })
         }
@@ -5261,7 +5344,13 @@ function AutomationsGeneralForm({ form, isOpen }) {
           name: "general.description",
           control: form.control,
           render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "Enter the description of the automation" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                ...field,
+                placeholder: "Enter the description of the automation"
+              }
+            ),
             fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
           ] })
         }
@@ -5284,7 +5373,14 @@ function AutomationsGeneralForm({ form, isOpen }) {
                 },
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select the trigger type" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: availableTriggers.map((type) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: type.value, children: type.label }, type.value)) })
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: availableTriggers.map((type) => /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Select.Item,
+                    {
+                      value: type.value,
+                      children: type.label
+                    },
+                    type.value
+                  )) })
                 ]
               },
               `trigger-type-${availableTriggers.length}-${field.value}`
@@ -5342,7 +5438,14 @@ function AutomationsGeneralForm({ form, isOpen }) {
                   /* @__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: [
                     /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Label, { children: event.name }),
-                    event.events.map((eventItem) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: eventItem.value, children: eventItem.label }, eventItem.value))
+                    event.events.map((eventItem) => /* @__PURE__ */ jsxRuntime.jsx(
+                      ui.Select.Item,
+                      {
+                        value: eventItem.value,
+                        children: eventItem.label
+                      },
+                      eventItem.value
+                    ))
                   ] }, event.name)) })
                 ]
               },
@@ -9026,37 +9129,47 @@ const baseAutomationFormSchema = objectType({
   }).optional()
 });
 function createAutomationFormSchema(availableActions) {
-  return baseAutomationFormSchema.superRefine((data, ctx) => {
-    var _a;
-    if (((_a = data.actions) == null ? void 0 : _a.items) && availableActions) {
-      data.actions.items.forEach((action, index) => {
-        if (!action.action_type) {
-          return;
-        }
-        const actionDef = availableActions.find(
-          (a2) => a2.value === action.action_type
-        );
-        if (!actionDef || !actionDef.fields) {
-          return;
-        }
-        actionDef.fields.forEach((field) => {
-          var _a2;
-          if (field.required) {
-            const fieldValue = (_a2 = action.config) == null ? void 0 : _a2[field.name || field.key];
-            if (!fieldValue || !String(fieldValue).trim()) {
-              ctx.addIssue({
-                code: ZodIssueCode.custom,
-                message: `${field.label} is required`,
-                path: ["actions", "items", index, "config", field.name || field.key]
-              });
-            }
+  return baseAutomationFormSchema.superRefine(
+    (data, ctx) => {
+      var _a;
+      if (((_a = data.actions) == null ? void 0 : _a.items) && availableActions) {
+        data.actions.items.forEach((action, index) => {
+          if (!action.action_type) {
+            return;
           }
+          const actionDef = availableActions.find(
+            (a2) => a2.value === action.action_type
+          );
+          if (!actionDef || !actionDef.fields) {
+            return;
+          }
+          actionDef.fields.forEach((field) => {
+            var _a2;
+            if (field.required) {
+              const fieldValue = (_a2 = action.config) == null ? void 0 : _a2[field.name || field.key];
+              if (!fieldValue || !String(fieldValue).trim()) {
+                ctx.addIssue({
+                  code: ZodIssueCode.custom,
+                  message: `${field.label} is required`,
+                  path: [
+                    "actions",
+                    "items",
+                    index,
+                    "config",
+                    field.name || field.key
+                  ]
+                });
+              }
+            }
+          });
         });
-      });
+      }
     }
-  });
+  );
 }
-function AutomationsCreateForm({ id }) {
+function AutomationsCreateForm({
+  id
+}) {
   const [open, setOpen] = React.useState(false);
   const [tab, setTab] = React.useState(Tab.GENERAL);
   const [tabState, setTabState] = React.useState({
@@ -9075,7 +9188,10 @@ function AutomationsCreateForm({ id }) {
     }
   }, [tab]);
   const queryClient = reactQuery.useQueryClient();
-  const { data: automationsTriggerData, isLoading: isAutomationsTriggerLoading } = useListAutomations({
+  const {
+    data: automationsTriggerData,
+    isLoading: isAutomationsTriggerLoading
+  } = useListAutomations({
     id,
     extraKey: [],
     enabled: open && !!id
@@ -9083,9 +9199,14 @@ function AutomationsCreateForm({ id }) {
   const { data: availableActionsData } = useAvailableActions({
     enabled: open
   });
-  const { mutateAsync: createAutomation, isPending: isCreateAutomationPending } = useCreateAutomation();
+  const {
+    mutateAsync: createAutomation,
+    isPending: isCreateAutomationPending
+  } = useCreateAutomation();
   const automationFormSchema = React.useMemo(() => {
-    return createAutomationFormSchema(availableActionsData == null ? void 0 : availableActionsData.actions);
+    return createAutomationFormSchema(
+      availableActionsData == null ? void 0 : availableActionsData.actions
+    );
   }, [availableActionsData == null ? void 0 : availableActionsData.actions]);
   const form = useForm({
     resolver: t(automationFormSchema),
@@ -9161,7 +9282,9 @@ function AutomationsCreateForm({ id }) {
       await createAutomation({
         items: [items]
       }).then(() => {
-        queryClient.invalidateQueries({ queryKey: ["automations"] });
+        queryClient.invalidateQueries({
+          queryKey: ["automations"]
+        });
         ui.toast.success("Automation created successfully", {
           position: "top-right",
           duration: 3e3
@@ -9183,11 +9306,30 @@ function AutomationsCreateForm({ id }) {
             dir: "ltr",
             value: tab,
             className: "flex h-full flex-col overflow-hidden",
-            children: /* @__PURE__ */ jsxRuntime.jsx(ui.ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.ProgressTabs.Trigger, { value: Tab.GENERAL, status: tabState[Tab.GENERAL], children: "General" }) })
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.ProgressTabs.Trigger,
+              {
+                value: Tab.GENERAL,
+                status: tabState[Tab.GENERAL],
+                children: "General"
+              }
+            ) })
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Body, { className: "w-full overflow-y-auto", children: isAutomationsTriggerLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: "Loading..." }) : /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: form.handleSubmit(handleSubmit), children: tab === Tab.GENERAL && /* @__PURE__ */ jsxRuntime.jsx(AutomationsGeneralForm, { form, isOpen: open }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Body, { className: "w-full overflow-y-auto", children: isAutomationsTriggerLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: "Loading..." }) : /* @__PURE__ */ jsxRuntime.jsx(
+        "form",
+        {
+          onSubmit: form.handleSubmit(handleSubmit),
+          children: tab === Tab.GENERAL && /* @__PURE__ */ jsxRuntime.jsx(
+            AutomationsGeneralForm,
+            {
+              form,
+              isOpen: open
+            }
+          )
+        }
+      ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Footer, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -9205,17 +9347,31 @@ function AutomationsCreateForm({ id }) {
   ] });
 }
 const useEditAutomationRule = () => {
-  return reactQuery.useMutation({
-    mutationFn: async (data) => {
-      await sdk.client.fetch("/admin/mpn/automations/rules", {
-        method: "POST",
-        body: data
-      });
+  return reactQuery.useMutation(
+    {
+      mutationFn: async (data) => {
+        await sdk.client.fetch(
+          "/admin/mpn/automations/rules",
+          {
+            method: "POST",
+            body: data
+          }
+        );
+      }
     }
-  });
+  );
 };
 const useListAutomationsRules = (params, options) => {
-  const { limit = 100, offset = 0, extraKey = [], enabled, fields, order = "created_at", id, trigger_id } = params;
+  const {
+    limit = 100,
+    offset = 0,
+    extraKey = [],
+    enabled,
+    fields,
+    order = "created_at",
+    id,
+    trigger_id
+  } = params;
   const queryKey = [
     "automations-rules",
     limit,
@@ -9237,10 +9393,13 @@ const useListAutomationsRules = (params, options) => {
   const { data, ...rest } = reactQuery.useQuery({
     queryKey,
     queryFn: async () => {
-      return await sdk.client.fetch("/admin/mpn/automations/rules", {
-        method: "GET",
-        query
-      });
+      return await sdk.client.fetch(
+        "/admin/mpn/automations/rules",
+        {
+          method: "GET",
+          query
+        }
+      );
     },
     enabled,
     ...options
@@ -9248,17 +9407,31 @@ const useListAutomationsRules = (params, options) => {
   return { data, ...rest };
 };
 const useEditAutomationAction = () => {
-  return reactQuery.useMutation({
-    mutationFn: async (data) => {
-      await sdk.client.fetch("/admin/mpn/automations/actions", {
-        method: "POST",
-        body: data
-      });
+  return reactQuery.useMutation(
+    {
+      mutationFn: async (data) => {
+        await sdk.client.fetch(
+          "/admin/mpn/automations/actions",
+          {
+            method: "POST",
+            body: data
+          }
+        );
+      }
     }
-  });
+  );
 };
 const useListAutomationsActions = (params, options) => {
-  const { limit = 100, offset = 0, extraKey = [], enabled, fields, order = "created_at", id, trigger_id } = params;
+  const {
+    limit = 100,
+    offset = 0,
+    extraKey = [],
+    enabled,
+    fields,
+    order = "created_at",
+    id,
+    trigger_id
+  } = params;
   const queryKey = [
     "automations-actions",
     limit,
@@ -9280,10 +9453,13 @@ const useListAutomationsActions = (params, options) => {
   const { data, ...rest } = reactQuery.useQuery({
     queryKey,
     queryFn: async () => {
-      return await sdk.client.fetch("/admin/mpn/automations/actions", {
-        method: "GET",
-        query
-      });
+      return await sdk.client.fetch(
+        "/admin/mpn/automations/actions",
+        {
+          method: "GET",
+          query
+        }
+      );
     },
     enabled,
     ...options
@@ -9316,8 +9492,13 @@ const OPERATOR_TYPES = [
     label: "Less Than or Equal"
   }
 ];
-function AutomationsRulesForm({ form, isOpen }) {
-  const { data: availableEventsData } = useAvailableEvents({
+function AutomationsRulesForm({
+  form,
+  isOpen
+}) {
+  const {
+    data: availableEventsData
+  } = useAvailableEvents({
     enabled: isOpen !== false
   });
   const eventName = form.watch("general.event_name");
@@ -9336,7 +9517,11 @@ function AutomationsRulesForm({ form, isOpen }) {
     }
     return [];
   }, [availableEventsData, eventName]);
-  const { fields = [], append, remove } = useFieldArray({
+  const {
+    fields = [],
+    append,
+    remove
+  } = useFieldArray({
     control: form.control,
     name: "rules.items"
   });
@@ -9356,93 +9541,118 @@ function AutomationsRulesForm({ form, isOpen }) {
   };
   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 rules added yet. Click "Add Item" to create a new rule.' }),
-    fields.map((field, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-4 border rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Controller,
-          {
-            name: `rules.items.${index}.attribute`,
-            control: form.control,
-            render: ({ field: field2, fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Attribute" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                ui.Select,
-                {
-                  value: field2.value ?? "",
-                  onValueChange: (value) => {
-                    field2.onChange(value);
-                  },
-                  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(ui.Select.Item, { value: attribute.value || "ss", children: attribute.label }, attribute.value || `attr-${index}-${attrIndex}`)) })
-                  ]
-                },
-                `attribute-${index}-${eventAttributes.length}`
-              ),
-              fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Controller,
-          {
-            name: `rules.items.${index}.operator`,
-            control: form.control,
-            render: ({ field: field2, fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Operator" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                ui.Select,
-                {
-                  value: field2.value ?? "",
-                  onValueChange: (value) => {
-                    field2.onChange(value);
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select the operator" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: OPERATOR_TYPES.map((operator, opIndex) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: operator.value, children: operator.label }, operator.value || `op-${opIndex}`)) })
-                  ]
-                },
-                `operator-${index}-${eventAttributes.length}-${field2.value ?? ""}`
-              ),
-              fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Controller,
-          {
-            name: `rules.items.${index}.rule_values.0.value`,
-            control: form.control,
-            render: ({ field: field2, fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Value" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Input,
-                {
-                  value: field2.value ?? "",
-                  onChange: (e2) => {
-                    field2.onChange(e2.target.value);
-                  },
-                  onBlur: field2.onBlur,
-                  ref: field2.ref
-                }
-              ),
-              fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
-            ] })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          type: "button",
-          variant: "secondary",
-          size: "small",
-          onClick: () => handleRemoveRule(index),
-          className: "mt-2",
-          children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
-        }
-      )
-    ] }) }, (field == null ? void 0 : field.id) ?? `rule-${index}`)),
+    fields.map((field, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "flex flex-col gap-2 p-4 border rounded-lg",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Controller,
+              {
+                name: `rules.items.${index}.attribute`,
+                control: form.control,
+                render: ({ field: field2, fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Attribute" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    ui.Select,
+                    {
+                      value: field2.value ?? "",
+                      onValueChange: (value) => {
+                        field2.onChange(value);
+                      },
+                      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(
+                            ui.Select.Item,
+                            {
+                              value: attribute.value || "ss",
+                              children: attribute.label
+                            },
+                            attribute.value || `attr-${index}-${attrIndex}`
+                          )
+                        ) })
+                      ]
+                    },
+                    `attribute-${index}-${eventAttributes.length}`
+                  ),
+                  fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Controller,
+              {
+                name: `rules.items.${index}.operator`,
+                control: form.control,
+                render: ({ field: field2, fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Operator" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    ui.Select,
+                    {
+                      value: field2.value ?? "",
+                      onValueChange: (value) => {
+                        field2.onChange(value);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select the operator" }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: OPERATOR_TYPES.map(
+                          (operator, opIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+                            ui.Select.Item,
+                            {
+                              value: operator.value,
+                              children: operator.label
+                            },
+                            operator.value || `op-${opIndex}`
+                          )
+                        ) })
+                      ]
+                    },
+                    `operator-${index}-${eventAttributes.length}-${field2.value ?? ""}`
+                  ),
+                  fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Controller,
+              {
+                name: `rules.items.${index}.rule_values.0.value`,
+                control: form.control,
+                render: ({ field: field2, fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Value" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Input,
+                    {
+                      value: field2.value ?? "",
+                      onChange: (e2) => {
+                        field2.onChange(e2.target.value);
+                      },
+                      onBlur: field2.onBlur,
+                      ref: field2.ref
+                    }
+                  ),
+                  fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              onClick: () => handleRemoveRule(index),
+              className: "mt-2",
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+            }
+          )
+        ] })
+      },
+      (field == null ? void 0 : field.id) ?? `rule-${index}`
+    )),
     /* @__PURE__ */ jsxRuntime.jsxs(
       ui.Button,
       {
@@ -9459,7 +9669,7 @@ function AutomationsRulesForm({ form, isOpen }) {
   ] }) }) });
 }
 const templateLoaders = {
-  "BaseConfigComponent": () => Promise.resolve().then(() => require("./base-config-DsBoNoxD"))
+  BaseConfigComponent: () => Promise.resolve().then(() => require("./base-config-ro-vFPBg"))
 };
 async function loadTemplateComponent(key) {
   const loader = templateLoaders[key];
@@ -9477,7 +9687,9 @@ function LoadActionComponent({
   errors,
   fields
 }) {
-  const [Component, setComponent] = React.useState(null);
+  const [Component, setComponent] = React.useState(
+    null
+  );
   const [loading, setLoading] = React.useState(false);
   const [error, setError] = React.useState(null);
   React.useEffect(() => {
@@ -9493,7 +9705,9 @@ function LoadActionComponent({
       if (Component2) {
         setComponent(() => Component2);
       } else {
-        setError(`Component not found in ${configComponentKey}`);
+        setError(
+          `Component not found in ${configComponentKey}`
+        );
       }
     }).catch((err) => {
       console.error(
@@ -9517,16 +9731,30 @@ function LoadActionComponent({
   if (!Component) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { form, name, errors, fields });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      form,
+      name,
+      errors,
+      fields
+    }
+  );
 }
 function AutomationsActionsForm({
   form,
   isOpen
 }) {
-  const { data: availableActionsData } = useAvailableActions({
+  const {
+    data: availableActionsData
+  } = useAvailableActions({
     enabled: isOpen !== false
   });
-  const { fields = [], append, remove } = useFieldArray({
+  const {
+    fields = [],
+    append,
+    remove
+  } = useFieldArray({
     control: form.control,
     name: "actions.items"
   });
@@ -9551,7 +9779,10 @@ function AutomationsActionsForm({
         {
           name: `actions.items.${index}.action_type`,
           control: form.control,
-          render: ({ field: actionTypeField, fieldState }) => {
+          render: ({
+            field: actionTypeField,
+            fieldState
+          }) => {
             var _a, _b, _c, _d, _e, _f, _g;
             const actionType = actionTypeField.value;
             const actionData = (_a = availableActionsData == null ? void 0 : availableActionsData.actions) == null ? void 0 : _a.find(
@@ -9560,69 +9791,80 @@ 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;
-            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col gap-4 p-4 border rounded-lg ${isEnabled ? "opacity-100" : "opacity-50"}`, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Action Type" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    ui.Select,
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: `flex flex-col gap-4 p-4 border rounded-lg ${isEnabled ? "opacity-100" : "opacity-50"}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Action Type" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        ui.Select,
+                        {
+                          value: actionTypeField.value ?? "",
+                          onValueChange: (value) => {
+                            actionTypeField.onChange(
+                              value
+                            );
+                            form.setValue(
+                              `actions.items.${index}.config`,
+                              {},
+                              {
+                                shouldValidate: false,
+                                shouldDirty: true
+                              }
+                            );
+                          },
+                          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(
+                              (action, actionIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                ui.Select.Item,
+                                {
+                                  value: action.value || "",
+                                  children: [
+                                    action.label,
+                                    " ",
+                                    action.enabled ? "" : "(Disabled)"
+                                  ]
+                                },
+                                action.value || `action-${index}-${actionIndex}`
+                              )
+                            ) })
+                          ]
+                        },
+                        `action-type-${index}-${((_c = availableActionsData == null ? void 0 : availableActionsData.actions) == null ? void 0 : _c.length) || 0}`
+                      ),
+                      fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      ui.Button,
+                      {
+                        type: "button",
+                        variant: "secondary",
+                        size: "small",
+                        onClick: () => handleRemoveRule(index),
+                        className: "mt-2",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+                      }
+                    )
+                  ] }),
+                  actionType && configComponentKey && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 pt-4 border-t", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    LoadActionComponent,
                     {
-                      value: actionTypeField.value ?? "",
-                      onValueChange: (value) => {
-                        actionTypeField.onChange(value);
-                        form.setValue(
-                          `actions.items.${index}.config`,
-                          {},
-                          { shouldValidate: false, shouldDirty: true }
-                        );
-                      },
-                      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(
-                          (action, actionIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
-                            ui.Select.Item,
-                            {
-                              value: action.value || "",
-                              children: [
-                                action.label,
-                                " ",
-                                action.enabled ? "" : "(Disabled)"
-                              ]
-                            },
-                            action.value || `action-${index}-${actionIndex}`
-                          )
-                        ) })
-                      ]
-                    },
-                    `action-type-${index}-${((_c = availableActionsData == null ? void 0 : availableActionsData.actions) == null ? void 0 : _c.length) || 0}`
-                  ),
-                  fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Button,
-                  {
-                    type: "button",
-                    variant: "secondary",
-                    size: "small",
-                    onClick: () => handleRemoveRule(index),
-                    className: "mt-2",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
-                  }
-                )
-              ] }),
-              actionType && configComponentKey && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 pt-4 border-t", children: /* @__PURE__ */ jsxRuntime.jsx(
-                LoadActionComponent,
-                {
-                  actionType,
-                  configComponentKey,
-                  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,
-                  fields: fields2
-                }
-              ) }),
-              !isEnabled && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-500", children: "The action is disabled by the configuration" })
-            ] });
+                      actionType,
+                      configComponentKey,
+                      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,
+                      fields: fields2
+                    }
+                  ) }),
+                  !isEnabled && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-500", children: "The action is disabled by the configuration" })
+                ]
+              }
+            );
           }
         },
         (field == null ? void 0 : field.id) ?? `action-${index}`
@@ -9643,7 +9885,9 @@ function AutomationsActionsForm({
     )
   ] }) }) });
 }
-function AutomationsEditForm({ id }) {
+function AutomationsEditForm({
+  id
+}) {
   const [open, setOpen] = React.useState(false);
   const [tab, setTab] = React.useState(Tab.GENERAL);
   const [tabState, setTabState] = React.useState({
@@ -9662,17 +9906,26 @@ function AutomationsEditForm({ id }) {
     }
   }, [tab]);
   const queryClient = reactQuery.useQueryClient();
-  const { data: automationsTriggerData, isLoading: isAutomationsTriggerLoading } = useListAutomations({
+  const {
+    data: automationsTriggerData,
+    isLoading: isAutomationsTriggerLoading
+  } = useListAutomations({
     id,
     extraKey: [],
     enabled: open && !!id
   });
-  const { data: automationsRulesData, isLoading: isAutomationsRulesLoading } = useListAutomationsRules({
+  const {
+    data: automationsRulesData,
+    isLoading: isAutomationsRulesLoading
+  } = useListAutomationsRules({
     trigger_id: id,
     extraKey: [id],
     enabled: open && !!id
   });
-  const { data: automationsActionsData, isLoading: isAutomationsActionsLoading } = useListAutomationsActions({
+  const {
+    data: automationsActionsData,
+    isLoading: isAutomationsActionsLoading
+  } = useListAutomationsActions({
     trigger_id: id,
     extraKey: [id],
     enabled: open && !!id
@@ -9680,11 +9933,22 @@ function AutomationsEditForm({ id }) {
   const { data: availableActionsData } = useAvailableActions({
     enabled: open
   });
-  const { mutateAsync: editAutomation, isPending: isEditAutomationPending } = useEditAutomation();
-  const { mutateAsync: editAutomationRule, isPending: isEditAutomationRulePending } = useEditAutomationRule();
-  const { mutateAsync: editAutomationAction, isPending: isEditAutomationActionPending } = useEditAutomationAction();
+  const {
+    mutateAsync: editAutomation,
+    isPending: isEditAutomationPending
+  } = useEditAutomation();
+  const {
+    mutateAsync: editAutomationRule,
+    isPending: isEditAutomationRulePending
+  } = useEditAutomationRule();
+  const {
+    mutateAsync: editAutomationAction,
+    isPending: isEditAutomationActionPending
+  } = useEditAutomationAction();
   const automationFormSchema = React.useMemo(() => {
-    return createAutomationFormSchema(availableActionsData == null ? void 0 : availableActionsData.actions);
+    return createAutomationFormSchema(
+      availableActionsData == null ? void 0 : availableActionsData.actions
+    );
   }, [availableActionsData == null ? void 0 : availableActionsData.actions]);
   const form = useForm({
     resolver: t(automationFormSchema),
@@ -9727,11 +9991,13 @@ function AutomationsEditForm({ id }) {
             operator: rule.operator,
             description: rule.description,
             metadata: rule.metadata,
-            rule_values: rule.rule_values.map((value) => ({
-              id: value.id,
-              value: value.value,
-              metadata: value.metadata
-            }))
+            rule_values: rule.rule_values.map(
+              (value) => ({
+                id: value.id,
+                value: value.value,
+                metadata: value.metadata
+              })
+            )
           }))
         },
         actions: {
@@ -9780,7 +10046,9 @@ function AutomationsEditForm({ id }) {
         id,
         items: [items]
       });
-      queryClient.invalidateQueries({ queryKey: ["automations"] });
+      queryClient.invalidateQueries({
+        queryKey: ["automations"]
+      });
       ui.toast.success("Automation updated successfully", {
         position: "top-right",
         duration: 3e3
@@ -9792,16 +10060,23 @@ function AutomationsEditForm({ id }) {
         rules: ((_a = data.rules) == null ? void 0 : _a.items) || []
       };
       const fieldsToValidate = getFieldsForTab(tab);
-      const valid = await form.trigger(fieldsToValidate);
+      const valid = await form.trigger(
+        fieldsToValidate
+      );
       if (!valid) {
         return;
       }
       await editAutomationRule(items);
-      queryClient.invalidateQueries({ queryKey: ["automations-rules", id] });
-      ui.toast.success("Automation rules added/updated successfully", {
-        position: "top-right",
-        duration: 3e3
+      queryClient.invalidateQueries({
+        queryKey: ["automations-rules", id]
       });
+      ui.toast.success(
+        "Automation rules added/updated successfully",
+        {
+          position: "top-right",
+          duration: 3e3
+        }
+      );
     }
     if (Tab.ACTIONS === tab) {
       const items = {
@@ -9809,11 +10084,16 @@ function AutomationsEditForm({ id }) {
         actions: ((_b = data.actions) == null ? void 0 : _b.items) || []
       };
       await editAutomationAction(items);
-      queryClient.invalidateQueries({ queryKey: ["automations-actions", id] });
-      ui.toast.success("Automation actions added/updated successfully", {
-        position: "top-right",
-        duration: 3e3
+      queryClient.invalidateQueries({
+        queryKey: ["automations-actions", id]
       });
+      ui.toast.success(
+        "Automation actions added/updated successfully",
+        {
+          position: "top-right",
+          duration: 3e3
+        }
+      );
     }
   }
   const getFieldsForTab = (tab2) => {
@@ -9834,7 +10114,9 @@ function AutomationsEditForm({ id }) {
   };
   const handleTabChange = async (newTab) => {
     const fieldsToValidate = getFieldsForTab(tab);
-    const valid = await form.trigger(fieldsToValidate);
+    const valid = await form.trigger(
+      fieldsToValidate
+    );
     if (!valid) {
       return;
     }
@@ -9857,18 +10139,66 @@ function AutomationsEditForm({ id }) {
             value: tab,
             className: "flex h-full flex-col overflow-hidden",
             children: /* @__PURE__ */ jsxRuntime.jsxs(ui.ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.ProgressTabs.Trigger, { value: Tab.GENERAL, status: tabState[Tab.GENERAL], onClick: () => handleTabChange(Tab.GENERAL), children: "General" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.ProgressTabs.Trigger, { value: Tab.RULES, status: tabState[Tab.RULES], onClick: () => handleTabChange(Tab.RULES), children: "Rules" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.ProgressTabs.Trigger, { value: Tab.ACTIONS, status: tabState[Tab.ACTIONS], onClick: () => handleTabChange(Tab.ACTIONS), children: "Actions" })
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.ProgressTabs.Trigger,
+                {
+                  value: Tab.GENERAL,
+                  status: tabState[Tab.GENERAL],
+                  onClick: () => handleTabChange(Tab.GENERAL),
+                  children: "General"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.ProgressTabs.Trigger,
+                {
+                  value: Tab.RULES,
+                  status: tabState[Tab.RULES],
+                  onClick: () => handleTabChange(Tab.RULES),
+                  children: "Rules"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.ProgressTabs.Trigger,
+                {
+                  value: Tab.ACTIONS,
+                  status: tabState[Tab.ACTIONS],
+                  onClick: () => handleTabChange(Tab.ACTIONS),
+                  children: "Actions"
+                }
+              )
             ] })
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Body, { className: "w-full overflow-y-auto", children: isAutomationsTriggerLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: "Loading..." }) : /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), children: [
-        tab === Tab.GENERAL && /* @__PURE__ */ jsxRuntime.jsx(AutomationsGeneralForm, { form, isOpen: open }),
-        tab === Tab.RULES && /* @__PURE__ */ jsxRuntime.jsx(AutomationsRulesForm, { form, isOpen: open }),
-        tab === Tab.ACTIONS && /* @__PURE__ */ jsxRuntime.jsx(AutomationsActionsForm, { form, isOpen: open })
-      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Body, { className: "w-full overflow-y-auto", children: isAutomationsTriggerLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: "Loading..." }) : /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          onSubmit: form.handleSubmit(handleSubmit),
+          children: [
+            tab === Tab.GENERAL && /* @__PURE__ */ jsxRuntime.jsx(
+              AutomationsGeneralForm,
+              {
+                form,
+                isOpen: open
+              }
+            ),
+            tab === Tab.RULES && /* @__PURE__ */ jsxRuntime.jsx(
+              AutomationsRulesForm,
+              {
+                form,
+                isOpen: open
+              }
+            ),
+            tab === Tab.ACTIONS && /* @__PURE__ */ jsxRuntime.jsx(
+              AutomationsActionsForm,
+              {
+                form,
+                isOpen: open
+              }
+            )
+          ]
+        }
+      ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Footer, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -9885,7 +10215,9 @@ function AutomationsEditForm({ id }) {
     ] })
   ] });
 }
-const AutomationDeleteButton = ({ id }) => {
+const AutomationDeleteButton = ({
+  id
+}) => {
   const queryClient = reactQuery.useQueryClient();
   const prompt = ui.usePrompt();
   const { mutate: deleteAutomation } = useDeleteAutomation();
@@ -9894,7 +10226,9 @@ const AutomationDeleteButton = ({ id }) => {
       { id },
       {
         onSuccess: () => {
-          queryClient.invalidateQueries({ queryKey: ["automations"] });
+          queryClient.invalidateQueries({
+            queryKey: ["automations"]
+          });
         },
         onError: (error) => {
           ui.toast.error(error.message);
@@ -9913,7 +10247,15 @@ const AutomationDeleteButton = ({ id }) => {
       handleDelete();
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "primary", onClick: handleDeleteConfirmation, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, { className: "w-4 h-4" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Button,
+    {
+      size: "small",
+      variant: "primary",
+      onClick: handleDeleteConfirmation,
+      children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, { className: "w-4 h-4" })
+    }
+  );
 };
 const AutomationsList = () => {
   const [pagination, setPagination] = React.useState({
@@ -9948,7 +10290,14 @@ const AutomationsList = () => {
             /* @__PURE__ */ jsxRuntime.jsx(
               ui.Tooltip,
               {
-                content: /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: tooltip } }),
+                content: /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    dangerouslySetInnerHTML: {
+                      __html: tooltip
+                    }
+                  }
+                ),
                 maxWidth: 400,
                 children: /* @__PURE__ */ jsxRuntime.jsx(icons.InformationCircleSolid, {})
               }
@@ -9975,8 +10324,11 @@ const AutomationsList = () => {
     columnHelper.accessor("last_run_at", {
       header: "Last Run At",
       cell: ({ row }) => {
-        var _a;
-        return /* @__PURE__ */ jsxRuntime.jsx("span", { children: ((_a = row == null ? void 0 : row.original) == null ? void 0 : _a.last_run_at) ? new Date(row.original.last_run_at).toLocaleString() : "-" });
+        var _a, _b;
+        const lastRunAtAll = (_b = (_a = row == null ? void 0 : row.original) == null ? void 0 : _a.states) == null ? void 0 : _b.map((state) => state.last_triggered_at).sort(
+          (a2, b) => new Date(b).getTime() - new Date(a2).getTime()
+        );
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { children: lastRunAtAll.length > 0 ? new Date(lastRunAtAll[0]).toLocaleString() : "-" });
       }
     }),
     columnHelper.accessor("active", {
@@ -9992,14 +10344,18 @@ const AutomationsList = () => {
       header: "Created At",
       cell: ({ row }) => {
         var _a;
-        return /* @__PURE__ */ jsxRuntime.jsx("span", { children: ((_a = row == null ? void 0 : row.original) == null ? void 0 : _a.created_at) ? new Date(row.original.created_at).toLocaleString() : "-" });
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { children: ((_a = row == null ? void 0 : row.original) == null ? void 0 : _a.created_at) ? new Date(
+          row.original.created_at
+        ).toLocaleString() : "-" });
       }
     }),
     columnHelper.accessor("updated_at", {
       header: "Updated At",
       cell: ({ row }) => {
         var _a;
-        return /* @__PURE__ */ jsxRuntime.jsx("span", { children: ((_a = row == null ? void 0 : row.original) == null ? void 0 : _a.updated_at) ? new Date(row.original.updated_at).toLocaleString() : "-" });
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { children: ((_a = row == null ? void 0 : row.original) == null ? void 0 : _a.updated_at) ? new Date(
+          row.original.updated_at
+        ).toLocaleString() : "-" });
       }
     }),
     columnHelper.accessor("actions", {
@@ -10008,7 +10364,12 @@ const AutomationsList = () => {
         var _a, _b;
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(AutomationsEditForm, { id: (_a = row == null ? void 0 : row.original) == null ? void 0 : _a.id }),
-          /* @__PURE__ */ jsxRuntime.jsx(AutomationDeleteButton, { id: (_b = row == null ? void 0 : row.original) == null ? void 0 : _b.id })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            AutomationDeleteButton,
+            {
+              id: (_b = row == null ? void 0 : row.original) == null ? void 0 : _b.id
+            }
+          )
         ] });
       }
     })