@codee-sh/medusa-plugin-automations 1.0.7 → 1.0.8

package/.medusa/server/src/admin/_chunks/{__admin-extensions__-BgrPyL-G → __admin-extensions__-BNGTajTJ}

@@ -4,7 +4,7 @@ import { ListBullet, ArrowUpRightOnBox, XMarkMini, TriangleDownMini, Check, Squa
 import * as React from "react";
 import React__default, { createContext, useContext, useReducer, useEffect, Fragment, useState, useMemo, useRef, forwardRef, createElement, isValidElement, cloneElement, Children, Suspense, useId, useInsertionEffect, useCallback, useLayoutEffect, Component, useImperativeHandle } from "react";
 import { Outlet } from "react-router-dom";
-import { Container as Container$1, Heading, Badge, Drawer, IconButton, Kbd, Label, Input, Select, Checkbox, FocusModal, Button, ProgressTabs, toast, clx, usePrompt, createDataTableColumnHelper, Tooltip, useDataTable, DataTable } from "@medusajs/ui";
+import { Container as Container$1, Heading, Badge, Drawer, IconButton, Kbd, Label, Input, Select, Checkbox, Text, FocusModal, Button, ProgressTabs, toast, clx, Hint, usePrompt, createDataTableColumnHelper, Tooltip, useDataTable, DataTable } from "@medusajs/ui";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import Medusa from "@medusajs/js-sdk";
 const NotificationsPage = () => {
@@ -5319,6 +5319,11 @@ function AutomationsGeneralForm({
   useMemo(() => {
     return (availableActionsData == null ? void 0 : availableActionsData.actions) || [];
   }, [availableActionsData]);
+  const triggerType = useWatch({
+    control: form.control,
+    name: "general.trigger_type"
+  });
+  const showIntervalField = triggerType === "event" || triggerType === "schedule";
   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: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "name", className: "block", children: "Name" }),
@@ -5463,6 +5468,50 @@ function AutomationsGeneralForm({
           ] })
         }
       )
+    ] }),
+    showIntervalField && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Label,
+        {
+          htmlFor: "interval_seconds",
+          className: "block",
+          children: triggerType === "schedule" ? "Interval (seconds)" : "Throttle (seconds)"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          name: "general.interval_seconds",
+          control: form.control,
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                ...field,
+                type: "number",
+                min: 0,
+                placeholder: triggerType === "schedule" ? "Run every X seconds" : "Minimum seconds between executions",
+                value: field.value ?? "",
+                onChange: (e2) => {
+                  const value = e2.target.value;
+                  field.onChange(
+                    value === "" ? null : Number(value)
+                  );
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                size: "small",
+                className: "text-ui-fg-subtle",
+                children: triggerType === "schedule" ? "How often to run this automation" : "Optional: Limit how often this automation can run for the same target (e.g., 3600 = max once per hour)"
+              }
+            ),
+            fieldState.error && /* @__PURE__ */ jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
+          ] })
+        }
+      )
     ] })
   ] }) }) });
 }
@@ -9108,7 +9157,7 @@ const baseAutomationFormSchema = objectType({
     description: stringType().min(1, "Description is required").min(3, "Description must be at least 3 characters"),
     trigger_type: enumType(["event", "schedule", "manual"]),
     event_name: stringType().min(1, "Event name is required"),
-    interval_minutes: numberType().nullable(),
+    interval_seconds: numberType().nullable(),
     active: booleanType()
   }),
   rules: objectType({
@@ -9233,7 +9282,7 @@ function AutomationsCreateForm() {
         description: "",
         trigger_type: "event",
         event_name: "",
-        interval_minutes: null,
+        interval_seconds: null,
         active: false
       },
       rules: {
@@ -9252,7 +9301,7 @@ function AutomationsCreateForm() {
           description: "",
           trigger_type: "event",
           event_name: "",
-          interval_minutes: null,
+          interval_seconds: null,
           active: false
         },
         rules: {
@@ -9271,7 +9320,7 @@ function AutomationsCreateForm() {
         description: data.general.description,
         trigger_type: data.general.trigger_type,
         event_name: data.general.event_name,
-        interval_minutes: data.general.interval_minutes,
+        interval_seconds: data.general.interval_seconds,
         active: data.general.active
       };
       await createAutomation({
@@ -17061,6 +17110,133 @@ function RuleValueInput({
     }
   );
 }
+function RuleItem({
+  control,
+  index,
+  eventAttributes,
+  onRemove
+}) {
+  const selectedAttributeValue = useWatch({
+    control,
+    name: `rules.items.${index}.attribute`
+  });
+  const operatorValue = useWatch({
+    control,
+    name: `rules.items.${index}.operator`
+  });
+  const selectedAttribute = selectedAttributeValue && eventAttributes.length ? eventAttributes.find(
+    (attr) => attr.value === selectedAttributeValue
+  ) : null;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 p-4 border rounded-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          name: `rules.items.${index}.attribute`,
+          control,
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            /* @__PURE__ */ jsx(Label, { children: "Attribute" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: field.value ?? "",
+                onValueChange: (value) => {
+                  field.onChange(value);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select the attribute" }) }),
+                  /* @__PURE__ */ jsx(Select.Content, { children: eventAttributes.map((attribute, attrIndex) => /* @__PURE__ */ jsxs(
+                    Select.Item,
+                    {
+                      value: attribute.value || "",
+                      children: [
+                        attribute.label,
+                        " ",
+                        /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
+                          "(",
+                          attribute.value,
+                          ")"
+                        ] })
+                      ]
+                    },
+                    attribute.value || `attr-${index}-${attrIndex}`
+                  )) })
+                ]
+              },
+              `attribute-${index}-${eventAttributes.length}`
+            ),
+            fieldState.error && /* @__PURE__ */ jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message }),
+            (selectedAttribute == null ? void 0 : selectedAttribute.description) && /* @__PURE__ */ jsx(Hint, { className: "mt-1", children: selectedAttribute.description })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          name: `rules.items.${index}.operator`,
+          control,
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            /* @__PURE__ */ jsx(Label, { children: "Operator" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: field.value ?? "",
+                onValueChange: (value) => {
+                  field.onChange(value);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select the operator" }) }),
+                  /* @__PURE__ */ jsx(Select.Content, { children: OPERATOR_TYPES.map((operator, opIndex) => /* @__PURE__ */ jsx(
+                    Select.Item,
+                    {
+                      value: operator.value,
+                      children: operator.label
+                    },
+                    operator.value || `op-${opIndex}`
+                  )) })
+                ]
+              },
+              `operator-${index}-${eventAttributes.length}-${field.value ?? ""}`
+            ),
+            fieldState.error && /* @__PURE__ */ jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        RuleValueInput,
+        {
+          control,
+          name: `rules.items.${index}.rule_values.0.value`,
+          operator: operatorValue
+        }
+      ),
+      (selectedAttribute == null ? void 0 : selectedAttribute.examples) && selectedAttribute.examples.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-0", children: [
+        /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-gray-600 mb-1", children: "Examples:" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedAttribute.examples.map(
+          (example, exampleIndex) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "inline-flex items-center px-2 py-1 rounded-md bg-gray-100 text-xs text-gray-700",
+              children: example
+            },
+            `example-${index}-${exampleIndex}`
+          )
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "secondary",
+        size: "small",
+        onClick: onRemove,
+        className: "mt-2",
+        children: /* @__PURE__ */ jsx(Trash, {})
+      }
+    )
+  ] }) });
+}
 function AutomationsRulesForm({
   form,
   isOpen
@@ -17111,110 +17287,12 @@ function AutomationsRulesForm({
   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 rules added yet. Click "Add Item" to create a new rule.' }),
     fields.map((field, index) => /* @__PURE__ */ jsx(
-      "div",
+      RuleItem,
       {
-        className: "flex flex-col gap-2 p-4 border rounded-lg",
-        children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx(
-              Controller,
-              {
-                name: `rules.items.${index}.attribute`,
-                control: form.control,
-                render: ({ field: field2, fieldState }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-                  /* @__PURE__ */ jsx(Label, { children: "Attribute" }),
-                  /* @__PURE__ */ jsxs(
-                    Select,
-                    {
-                      value: field2.value ?? "",
-                      onValueChange: (value) => {
-                        field2.onChange(value);
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select the attribute" }) }),
-                        /* @__PURE__ */ jsx(Select.Content, { children: eventAttributes.map(
-                          (attribute, attrIndex) => /* @__PURE__ */ jsxs(
-                            Select.Item,
-                            {
-                              value: attribute.value || "ss",
-                              children: [
-                                attribute.label,
-                                " ",
-                                /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
-                                  "(",
-                                  attribute.value,
-                                  ")"
-                                ] })
-                              ]
-                            },
-                            attribute.value || `attr-${index}-${attrIndex}`
-                          )
-                        ) })
-                      ]
-                    },
-                    `attribute-${index}-${eventAttributes.length}`
-                  ),
-                  fieldState.error && /* @__PURE__ */ jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Controller,
-              {
-                name: `rules.items.${index}.operator`,
-                control: form.control,
-                render: ({ field: field2, fieldState }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-                  /* @__PURE__ */ jsx(Label, { children: "Operator" }),
-                  /* @__PURE__ */ jsxs(
-                    Select,
-                    {
-                      value: field2.value ?? "",
-                      onValueChange: (value) => {
-                        field2.onChange(value);
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select the operator" }) }),
-                        /* @__PURE__ */ jsx(Select.Content, { children: OPERATOR_TYPES.map(
-                          (operator, opIndex) => /* @__PURE__ */ jsx(
-                            Select.Item,
-                            {
-                              value: operator.value,
-                              children: operator.label
-                            },
-                            operator.value || `op-${opIndex}`
-                          )
-                        ) })
-                      ]
-                    },
-                    `operator-${index}-${eventAttributes.length}-${field2.value ?? ""}`
-                  ),
-                  fieldState.error && /* @__PURE__ */ jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              RuleValueInput,
-              {
-                control: form.control,
-                name: `rules.items.${index}.rule_values.0.value`,
-                operator: form.watch(
-                  `rules.items.${index}.operator`
-                )
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "secondary",
-              size: "small",
-              onClick: () => handleRemoveRule(index),
-              className: "mt-2",
-              children: /* @__PURE__ */ jsx(Trash, {})
-            }
-          )
-        ] })
+        control: form.control,
+        index,
+        eventAttributes,
+        onRemove: () => handleRemoveRule(index)
       },
       (field == null ? void 0 : field.id) ?? `rule-${index}`
     )),
@@ -17234,7 +17312,7 @@ function AutomationsRulesForm({
   ] }) }) });
 }
 const templateLoaders = {
-  BaseConfigComponent: () => import("./base-config-zK3z6k14")
+  BaseConfigComponent: () => import("./base-config-ClmYhVFu")
 };
 async function loadTemplateComponent(key) {
   const loader = templateLoaders[key];
@@ -17545,7 +17623,7 @@ function AutomationsEditForm({
         description: "",
         trigger_type: "event",
         event_name: "",
-        interval_minutes: null,
+        interval_seconds: null,
         active: false
       },
       rules: {
@@ -17569,7 +17647,7 @@ function AutomationsEditForm({
           description: trigger.description || "",
           trigger_type: trigger.trigger_type || "event",
           event_name: trigger.event_name || "",
-          interval_minutes: trigger.interval_minutes || null,
+          interval_seconds: trigger.interval_seconds || null,
           active: trigger.active || false
         },
         rules: {
@@ -17613,7 +17691,7 @@ function AutomationsEditForm({
           description: "",
           trigger_type: "event",
           event_name: "",
-          interval_minutes: null,
+          interval_seconds: null,
           active: false
         },
         rules: {
@@ -17634,7 +17712,7 @@ function AutomationsEditForm({
         description: data.general.description,
         trigger_type: data.general.trigger_type,
         event_name: data.general.event_name,
-        interval_minutes: data.general.interval_minutes,
+        interval_seconds: data.general.interval_seconds,
         active: data.general.active
       };
       await editAutomation({
@@ -17877,7 +17955,7 @@ const AutomationsList = () => {
   const columns = useMemo(
     () => [
       columnHelper.accessor("to", {
-        header: "Name and description",
+        header: "Name and descriptions",
         cell: ({ row }) => {
           var _a, _b, _c;
           const tooltip = `Device (DB) ID: 
@@ -17901,7 +17979,7 @@ const AutomationsList = () => {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "min-w-[180px] whitespace-normal text-xs", children: /* @__PURE__ */ jsx("span", { children: (_c = row == null ? void 0 : row.original) == null ? void 0 : _c.description }) })
+            /* @__PURE__ */ jsx("div", { className: "whitespace-normal text-xs max-w-[180px] min-w-[180px]", children: /* @__PURE__ */ jsx("span", { children: (_c = row == null ? void 0 : row.original) == null ? void 0 : _c.description }) })
           ] }) });
         }
       }),