@inspirer-dev/crm-dashboard 1.0.10 → 1.0.12

package/dist/_chunks/index-CiwOzO0B.js

@@ -0,0 +1,377 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const styled = require("styled-components");
+const utils = require("./utils-CmonL0io.js");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const React__default = /* @__PURE__ */ _interopDefault(React);
+const ValueInput = ({ metric, value, operator, onChange, disabled }) => {
+  if (operator === "$exists") {
+    const boolVal = value === true || value === "true";
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Switch,
+        {
+          label: "",
+          selected: boolVal,
+          onChange: () => onChange(!boolVal),
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: boolVal ? "exists" : "not exists" })
+    ] });
+  }
+  if (metric.valueType === "boolean") {
+    const boolVal = value === true || value === "true";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.SingleSelect,
+      {
+        value: boolVal ? "true" : "false",
+        onChange: (val) => onChange(val === "true"),
+        disabled,
+        size: "S",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "true", children: "Yes" }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "false", children: "No" })
+        ]
+      }
+    );
+  }
+  if (metric.valueType === "time_ago") {
+    const { amount, unit } = utils.parseTimeAgoValue(value);
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "80px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.TextInput,
+        {
+          type: "number",
+          value: String(amount),
+          onChange: (e) => {
+            const num = parseInt(e.target.value, 10) || 0;
+            onChange(utils.createTimeAgoValue(num, unit));
+          },
+          disabled,
+          size: "S",
+          "aria-label": "Time amount"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "120px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.SingleSelect,
+        {
+          value: unit,
+          onChange: (val) => onChange(utils.createTimeAgoValue(amount, val)),
+          disabled,
+          size: "S",
+          children: utils.TIME_UNITS.map((u) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: u.value, children: u.label }, u.value))
+        }
+      ) })
+    ] });
+  }
+  if (metric.key === "lifecycle_stage") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.SingleSelect,
+      {
+        value: String(value || ""),
+        onChange: (val) => onChange(val),
+        disabled,
+        size: "S",
+        children: utils.LIFECYCLE_STAGES.map((stage) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: stage, children: stage.charAt(0).toUpperCase() + stage.slice(1) }, stage))
+      }
+    );
+  }
+  if (metric.valueType === "number") {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "120px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.TextInput,
+      {
+        type: "number",
+        value: String(value ?? ""),
+        onChange: (e) => {
+          const num = parseFloat(e.target.value);
+          onChange(isNaN(num) ? 0 : num);
+        },
+        disabled,
+        size: "S",
+        "aria-label": "Value"
+      }
+    ) });
+  }
+  if (operator === "$in" || operator === "$nin") {
+    const arrVal = Array.isArray(value) ? value.join(", ") : String(value || "");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.TextInput,
+      {
+        value: arrVal,
+        onChange: (e) => {
+          const arr = e.target.value.split(",").map((s) => s.trim()).filter(Boolean);
+          onChange(arr);
+        },
+        placeholder: "value1, value2, ...",
+        disabled,
+        size: "S",
+        "aria-label": "Values"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.TextInput,
+    {
+      value: String(value ?? ""),
+      onChange: (e) => onChange(e.target.value),
+      disabled,
+      size: "S",
+      "aria-label": "Value"
+    }
+  );
+};
+const RuleRow = ({ rule, onUpdate, onDelete, disabled }) => {
+  const theme = styled.useTheme();
+  const colors = theme?.colors;
+  const metric = utils.getMetricDefinition(rule.field);
+  const availableOperators = metric?.operators || utils.OPERATORS.map((o) => o.value);
+  const handleFieldChange = (fieldKey) => {
+    const newMetric = utils.getMetricDefinition(fieldKey);
+    let newValue = 0;
+    if (newMetric?.valueType === "boolean") {
+      newValue = false;
+    } else if (newMetric?.valueType === "time_ago") {
+      newValue = { hours_ago: 24 };
+    } else if (newMetric?.valueType === "string") {
+      newValue = "";
+    }
+    const newOp = newMetric?.operators[0] || "$eq";
+    onUpdate({ ...rule, field: fieldKey, operator: newOp, value: newValue });
+  };
+  const handleOperatorChange = (op) => {
+    let newValue = rule.value;
+    if (op === "$exists") {
+      newValue = true;
+    } else if ((op === "$in" || op === "$nin") && !Array.isArray(rule.value)) {
+      newValue = [];
+    }
+    onUpdate({ ...rule, operator: op, value: newValue });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Flex,
+    {
+      gap: 2,
+      alignItems: "center",
+      padding: 2,
+      background: "neutral0",
+      hasRadius: true,
+      style: { border: `1px solid ${colors?.neutral200 || "#dcdce4"}` },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: "1 1 200px", minWidth: "180px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.SingleSelect,
+          {
+            value: rule.field,
+            onChange: (val) => handleFieldChange(val),
+            disabled,
+            size: "S",
+            children: Object.entries(utils.METRICS_BY_CATEGORY).map(([category, metrics]) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: `__header_${category}`, disabled: true, children: utils.CATEGORY_LABELS[category] || category }),
+              metrics.map((m) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: m.key, children: m.label }, m.key))
+            ] }, category))
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "100px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.SingleSelect,
+          {
+            value: rule.operator,
+            onChange: (val) => handleOperatorChange(val),
+            disabled,
+            size: "S",
+            children: utils.OPERATORS.filter((op) => availableOperators.includes(op.value)).map((op) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: op.value, children: op.label }, op.value))
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: "1 1 150px", minWidth: "120px" }, children: metric && /* @__PURE__ */ jsxRuntime.jsx(
+          ValueInput,
+          {
+            metric,
+            value: rule.value,
+            operator: rule.operator,
+            onChange: (val) => onUpdate({ ...rule, value: val }),
+            disabled
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: "Delete rule", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.IconButton, { onClick: onDelete, label: "Delete rule", variant: "ghost", disabled, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}) }) })
+      ]
+    }
+  );
+};
+const RuleGroupComponent = ({
+  group,
+  onUpdate,
+  onDelete,
+  depth = 0,
+  disabled
+}) => {
+  const theme = styled.useTheme();
+  const colors = theme?.colors;
+  const borderColors = {
+    0: colors?.primary200 || "#d9d8ff",
+    1: colors?.success200 || "#c6f0c2",
+    2: colors?.warning200 || "#fae7b9",
+    3: colors?.danger200 || "#f5c0b8"
+  };
+  const borderColor = borderColors[depth % 4] || borderColors[0];
+  const handleAddRule = () => {
+    onUpdate(utils.addRuleToGroup(group, group.id, utils.createEmptyRule()));
+  };
+  const handleAddGroup = () => {
+    const newLogic = group.logic === "$and" ? "$or" : "$and";
+    onUpdate(utils.addRuleToGroup(group, group.id, utils.createEmptyGroup(newLogic)));
+  };
+  const handleLogicToggle = () => {
+    onUpdate(utils.updateGroupLogic(group, group.id, group.logic === "$and" ? "$or" : "$and"));
+  };
+  const handleRuleUpdate = (ruleId, updatedRule) => {
+    onUpdate(utils.updateRuleInGroup(group, ruleId, () => updatedRule));
+  };
+  const handleRuleDelete = (ruleId) => {
+    onUpdate(utils.deleteRuleFromGroup(group, ruleId));
+  };
+  const handleNestedGroupUpdate = (nestedGroup) => {
+    onUpdate({
+      ...group,
+      rules: group.rules.map(
+        (item) => utils.isRuleGroup(item) && item.id === nestedGroup.id ? nestedGroup : item
+      )
+    });
+  };
+  const handleNestedGroupDelete = (groupId) => {
+    onUpdate(utils.deleteGroupFromParent(group, groupId));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Box,
+    {
+      padding: 3,
+      background: depth === 0 ? "neutral100" : "neutral0",
+      hasRadius: true,
+      style: {
+        borderLeft: `3px solid ${borderColor}`,
+        marginLeft: depth > 0 ? "12px" : 0
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                variant: group.logic === "$and" ? "default" : "secondary",
+                size: "S",
+                onClick: handleLogicToggle,
+                disabled,
+                children: group.logic === "$and" ? "AND" : "OR"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: group.logic === "$and" ? "All conditions must match" : "Any condition can match" })
+          ] }),
+          depth > 0 && onDelete && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: "Delete group", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.IconButton, { onClick: onDelete, label: "Delete group", variant: "ghost", disabled, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 2, children: group.rules.map((item, index) => {
+          if (utils.isRuleGroup(item)) {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              RuleGroupComponent,
+              {
+                group: item,
+                onUpdate: handleNestedGroupUpdate,
+                onDelete: () => handleNestedGroupDelete(item.id),
+                depth: depth + 1,
+                disabled
+              },
+              item.id
+            );
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            RuleRow,
+            {
+              rule: item,
+              onUpdate: (updated) => handleRuleUpdate(item.id, updated),
+              onDelete: () => handleRuleDelete(item.id),
+              disabled
+            },
+            item.id
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, marginTop: 3, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Button,
+            {
+              variant: "secondary",
+              size: "S",
+              startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+              onClick: handleAddRule,
+              disabled,
+              children: "Add condition"
+            }
+          ),
+          depth < 2 && /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Button,
+            {
+              variant: "tertiary",
+              size: "S",
+              startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Layout, {}),
+              onClick: handleAddGroup,
+              disabled,
+              children: [
+                "Add ",
+                group.logic === "$and" ? "OR" : "AND",
+                " group"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+const RulesBuilder = React.forwardRef(
+  ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
+    const [config, setConfig] = React.useState(() => utils.deserializeConfig(value));
+    const displayLabel = React.useMemo(() => {
+      if (intlLabel?.defaultMessage && !intlLabel.defaultMessage.includes(".")) {
+        return intlLabel.defaultMessage;
+      }
+      return "Segment Rules";
+    }, [intlLabel]);
+    const rulesCount = React.useMemo(() => utils.countRules(config), [config]);
+    const handleConfigUpdate = React.useCallback(
+      (newConfig) => {
+        setConfig(newConfig);
+        onChange({ target: { name, value: utils.serializeConfig(newConfig) } });
+      },
+      [name, onChange]
+    );
+    const handleClear = () => {
+      handleConfigUpdate(utils.createInitialConfig());
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name, error, hint, required, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: displayLabel }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { children: [
+            rulesCount,
+            " rule",
+            rulesCount !== 1 ? "s" : ""
+          ] }),
+          rulesCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "ghost", size: "S", onClick: handleClear, disabled, children: "Clear all" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, ref, children: /* @__PURE__ */ jsxRuntime.jsx(
+        RuleGroupComponent,
+        {
+          group: config,
+          onUpdate: handleConfigUpdate,
+          depth: 0,
+          disabled
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+    ] });
+  }
+);
+RulesBuilder.displayName = "RulesBuilder";
+exports.default = RulesBuilder;

package/dist/_chunks/index-DFqEb9sm.mjs

@@ -0,0 +1,253 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect } from "react";
+import { Field, Flex, Box, Typography, Card, CardContent, TextInput, SingleSelect, SingleSelectOption } from "@strapi/design-system";
+const DEFAULT_CONFIG = {
+  type: "event_based",
+  eventName: "",
+  delayValue: 10,
+  delayUnit: "minutes",
+  scheduleType: "daily",
+  scheduleTime: "12:00",
+  scheduleDays: [1, 2, 3, 4, 5],
+  scheduleCron: "0 12 * * *"
+};
+const WEEKDAYS = [
+  { value: 0, label: "Sun" },
+  { value: 1, label: "Mon" },
+  { value: 2, label: "Tue" },
+  { value: 3, label: "Wed" },
+  { value: 4, label: "Thu" },
+  { value: 5, label: "Fri" },
+  { value: 6, label: "Sat" }
+];
+const parseConfig = (value) => {
+  if (!value) return DEFAULT_CONFIG;
+  try {
+    const parsed = JSON.parse(value);
+    return {
+      type: parsed.type || "event_based",
+      eventName: parsed.eventName || "",
+      delayValue: parsed.delayValue ?? 10,
+      delayUnit: parsed.delayUnit || "minutes",
+      scheduleType: parsed.scheduleType || "daily",
+      scheduleTime: parsed.scheduleTime || "12:00",
+      scheduleDays: parsed.scheduleDays || [1, 2, 3, 4, 5],
+      scheduleCron: parsed.scheduleCron || "0 12 * * *"
+    };
+  } catch {
+    return DEFAULT_CONFIG;
+  }
+};
+const serializeConfig = (config) => {
+  return JSON.stringify(config);
+};
+const TriggerConfigField = forwardRef(
+  ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
+    const [config, setConfig] = useState(() => parseConfig(value));
+    useEffect(() => {
+      const parsed = parseConfig(value);
+      setConfig(parsed);
+    }, [value]);
+    const handleUpdate = (updates) => {
+      const newConfig = { ...config, ...updates };
+      setConfig(newConfig);
+      onChange({
+        target: {
+          name,
+          value: serializeConfig(newConfig)
+        }
+      });
+    };
+    const toggleDay = (day) => {
+      const days = config.scheduleDays || [];
+      const newDays = days.includes(day) ? days.filter((d) => d !== day) : [...days, day].sort((a, b) => a - b);
+      handleUpdate({ scheduleDays: newDays });
+    };
+    const isEventBased = config.type === "event_based";
+    const isDbBased = config.type === "db_based";
+    return /* @__PURE__ */ jsx(Field.Root, { name, error, required, hint, ref, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: intlLabel?.defaultMessage || "Trigger Configuration" }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "8px", display: "block" }, children: "Campaign Type" }),
+        /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              padding: 3,
+              background: isEventBased ? "primary100" : "neutral100",
+              hasRadius: true,
+              style: {
+                cursor: disabled ? "not-allowed" : "pointer",
+                border: `2px solid ${isEventBased ? "#4945ff" : "#dcdce4"}`,
+                flex: 1,
+                textAlign: "center"
+              },
+              onClick: () => !disabled && handleUpdate({ type: "event_based" }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "omega",
+                    fontWeight: isEventBased ? "bold" : "regular",
+                    textColor: isEventBased ? "primary600" : "neutral600",
+                    children: "Event-Based"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Fires on user action" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              padding: 3,
+              background: isDbBased ? "primary100" : "neutral100",
+              hasRadius: true,
+              style: {
+                cursor: disabled ? "not-allowed" : "pointer",
+                border: `2px solid ${isDbBased ? "#4945ff" : "#dcdce4"}`,
+                flex: 1,
+                textAlign: "center"
+              },
+              onClick: () => !disabled && handleUpdate({ type: "db_based" }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "omega",
+                    fontWeight: isDbBased ? "bold" : "regular",
+                    textColor: isDbBased ? "primary600" : "neutral600",
+                    children: "DB-Based (Scheduled)"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Runs on schedule" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      isEventBased && /* @__PURE__ */ jsx(Card, { background: "neutral100", children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, padding: 4, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", children: "Event Configuration" }),
+        /* @__PURE__ */ jsxs(Field.Root, { name: `${name}-eventName`, children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Event Name" }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              placeholder: "e.g., gg-case-deposit",
+              value: config.eventName || "",
+              onChange: (e) => handleUpdate({ eventName: e.target.value }),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx(Field.Hint, { children: "The event that triggers this campaign (e.g., gg-case-deposit, gg-deposit-suggestion-selected)" })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral800", style: { marginBottom: "8px", display: "block" }, children: "Delay Before Sending" }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-start", children: [
+            /* @__PURE__ */ jsx(Box, { style: { width: "120px" }, children: /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                type: "number",
+                value: String(config.delayValue || 0),
+                onChange: (e) => handleUpdate({ delayValue: parseInt(e.target.value, 10) || 0 }),
+                disabled,
+                "aria-label": "Delay value"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Box, { style: { width: "150px" }, children: /* @__PURE__ */ jsxs(
+              SingleSelect,
+              {
+                value: config.delayUnit || "minutes",
+                onChange: (val) => handleUpdate({ delayUnit: val }),
+                disabled,
+                children: [
+                  /* @__PURE__ */ jsx(SingleSelectOption, { value: "seconds", children: "seconds" }),
+                  /* @__PURE__ */ jsx(SingleSelectOption, { value: "minutes", children: "minutes" }),
+                  /* @__PURE__ */ jsx(SingleSelectOption, { value: "hours", children: "hours" })
+                ]
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", style: { marginTop: "4px" }, children: "Wait this long after the event before checking segment rules and sending" })
+        ] })
+      ] }) }) }),
+      isDbBased && /* @__PURE__ */ jsx(Card, { background: "neutral100", children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, padding: 4, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", children: "Schedule Configuration" }),
+        /* @__PURE__ */ jsxs(Field.Root, { name: `${name}-scheduleType`, children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Schedule Type" }),
+          /* @__PURE__ */ jsxs(
+            SingleSelect,
+            {
+              value: config.scheduleType || "daily",
+              onChange: (val) => handleUpdate({ scheduleType: val }),
+              disabled,
+              children: [
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "daily", children: "Daily" }),
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "weekly", children: "Weekly" }),
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "cron", children: "Custom (Cron)" })
+              ]
+            }
+          )
+        ] }),
+        (config.scheduleType === "daily" || config.scheduleType === "weekly") && /* @__PURE__ */ jsxs(Field.Root, { name: `${name}-scheduleTime`, children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Time of Day (UTC)" }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              type: "time",
+              value: config.scheduleTime || "12:00",
+              onChange: (e) => handleUpdate({ scheduleTime: e.target.value }),
+              disabled
+            }
+          )
+        ] }),
+        config.scheduleType === "weekly" && /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral800", style: { marginBottom: "8px", display: "block" }, children: "Days of Week" }),
+          /* @__PURE__ */ jsx(Flex, { gap: 2, wrap: "wrap", children: WEEKDAYS.map((day) => /* @__PURE__ */ jsx(
+            Box,
+            {
+              padding: 2,
+              background: (config.scheduleDays || []).includes(day.value) ? "primary100" : "neutral100",
+              hasRadius: true,
+              style: {
+                cursor: disabled ? "not-allowed" : "pointer",
+                border: `1px solid ${(config.scheduleDays || []).includes(day.value) ? "#4945ff" : "#dcdce4"}`,
+                minWidth: "50px",
+                textAlign: "center"
+              },
+              onClick: () => !disabled && toggleDay(day.value),
+              children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "omega",
+                  textColor: (config.scheduleDays || []).includes(day.value) ? "primary600" : "neutral600",
+                  children: day.label
+                }
+              )
+            },
+            day.value
+          )) })
+        ] }),
+        config.scheduleType === "cron" && /* @__PURE__ */ jsxs(Field.Root, { name: `${name}-scheduleCron`, children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Cron Expression" }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              placeholder: "0 12 * * *",
+              value: config.scheduleCron || "",
+              onChange: (e) => handleUpdate({ scheduleCron: e.target.value }),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx(Field.Hint, { children: 'Standard cron format: minute hour day month weekday (e.g., "0 12 * * *" = daily at 12:00 UTC)' })
+        ] })
+      ] }) }) }),
+      error && /* @__PURE__ */ jsx(Field.Error, { children: error }),
+      hint && /* @__PURE__ */ jsx(Field.Hint, { children: hint })
+    ] }) });
+  }
+);
+TriggerConfigField.displayName = "TriggerConfigField";
+export {
+  TriggerConfigField as default
+};