@inspirer-dev/crm-dashboard 1.0.10 → 1.0.12

package/dist/_chunks/index-DIwnSzER.js

@@ -1,844 +0,0 @@
-"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 _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const React__default = /* @__PURE__ */ _interopDefault(React);
-const OPERATORS = [
-  { value: "$eq", label: "=", description: "Equals" },
-  { value: "$ne", label: "≠", description: "Not equals" },
-  { value: "$gt", label: ">", description: "Greater than" },
-  { value: "$lt", label: "<", description: "Less than" },
-  { value: "$gte", label: "≥", description: "Greater or equal" },
-  { value: "$lte", label: "≤", description: "Less or equal" },
-  { value: "$in", label: "in", description: "In list" },
-  { value: "$nin", label: "not in", description: "Not in list" },
-  { value: "$exists", label: "exists", description: "Field exists" },
-  { value: "$regex", label: "matches", description: "Regex match" }
-];
-const numberOperators = ["$eq", "$ne", "$gt", "$lt", "$gte", "$lte"];
-const timeAgoOperators = ["$gt", "$lt", "$gte", "$lte"];
-const booleanOperators = ["$eq", "$ne"];
-const stringOperators = ["$eq", "$ne", "$regex", "$in", "$nin"];
-const existsOperators = ["$exists"];
-const METRICS = [
-  {
-    key: "deposit_count",
-    label: "Deposit Count",
-    category: "counters",
-    valueType: "number",
-    description: "Total number of successful deposits",
-    operators: numberOperators
-  },
-  {
-    key: "case_open_count",
-    label: "Case Open Count",
-    category: "counters",
-    valueType: "number",
-    description: "Total cases opened",
-    operators: numberOperators
-  },
-  {
-    key: "upgrade_count",
-    label: "Upgrade Count",
-    category: "counters",
-    valueType: "number",
-    description: "Total upgrades performed",
-    operators: numberOperators
-  },
-  {
-    key: "battle_count",
-    label: "Battle Count",
-    category: "counters",
-    valueType: "number",
-    description: "Total battles created/participated",
-    operators: numberOperators
-  },
-  {
-    key: "contract_count",
-    label: "Contract Count",
-    category: "counters",
-    valueType: "number",
-    description: "Total contracts executed",
-    operators: numberOperators
-  },
-  {
-    key: "withdraw_count",
-    label: "Withdraw Count",
-    category: "counters",
-    valueType: "number",
-    description: "Total withdrawals",
-    operators: numberOperators
-  },
-  {
-    key: "session_count",
-    label: "Session Count",
-    category: "counters",
-    valueType: "number",
-    description: "Total sessions",
-    operators: numberOperators
-  },
-  {
-    key: "consecutive_active_days",
-    label: "Consecutive Active Days",
-    category: "counters",
-    valueType: "number",
-    description: "Days active in a row",
-    operators: numberOperators
-  },
-  {
-    key: "deposit_sum_total",
-    label: "Total Deposits Sum",
-    category: "money",
-    valueType: "number",
-    description: "Sum of all deposits in RUB",
-    operators: numberOperators
-  },
-  {
-    key: "withdraw_sum_total",
-    label: "Total Withdrawals Sum",
-    category: "money",
-    valueType: "number",
-    description: "Sum of all withdrawals",
-    operators: numberOperators
-  },
-  {
-    key: "win_sum_total",
-    label: "Total Wins Sum",
-    category: "money",
-    valueType: "number",
-    description: "Sum of all winnings",
-    operators: numberOperators
-  },
-  {
-    key: "avg_deposit",
-    label: "Average Deposit",
-    category: "money",
-    valueType: "number",
-    description: "Average deposit amount",
-    operators: numberOperators
-  },
-  {
-    key: "balance",
-    label: "Current Balance",
-    category: "money",
-    valueType: "number",
-    description: "Current account balance",
-    operators: numberOperators
-  },
-  {
-    key: "net_deposit",
-    label: "Net Deposit",
-    category: "money",
-    valueType: "number",
-    description: "Deposits minus withdrawals",
-    operators: numberOperators
-  },
-  {
-    key: "last_deposit_at",
-    label: "Last Deposit",
-    category: "time",
-    valueType: "time_ago",
-    description: "Time since last deposit",
-    operators: timeAgoOperators
-  },
-  {
-    key: "last_case_open_at",
-    label: "Last Case Open",
-    category: "time",
-    valueType: "time_ago",
-    description: "Time since last case opened",
-    operators: timeAgoOperators
-  },
-  {
-    key: "last_upgrade_at",
-    label: "Last Upgrade",
-    category: "time",
-    valueType: "time_ago",
-    description: "Time since last upgrade",
-    operators: timeAgoOperators
-  },
-  {
-    key: "last_battle_at",
-    label: "Last Battle",
-    category: "time",
-    valueType: "time_ago",
-    description: "Time since last battle",
-    operators: timeAgoOperators
-  },
-  {
-    key: "last_contract_at",
-    label: "Last Contract",
-    category: "time",
-    valueType: "time_ago",
-    description: "Time since last contract",
-    operators: timeAgoOperators
-  },
-  {
-    key: "last_withdraw_at",
-    label: "Last Withdrawal",
-    category: "time",
-    valueType: "time_ago",
-    description: "Time since last withdrawal",
-    operators: timeAgoOperators
-  },
-  {
-    key: "last_session_at",
-    label: "Last Activity",
-    category: "time",
-    valueType: "time_ago",
-    description: "Time since last session/activity",
-    operators: timeAgoOperators
-  },
-  {
-    key: "registered_at",
-    label: "Registration Date",
-    category: "time",
-    valueType: "time_ago",
-    description: "Time since registration",
-    operators: timeAgoOperators
-  },
-  {
-    key: "first_deposit_at",
-    label: "First Deposit Date",
-    category: "time",
-    valueType: "time_ago",
-    description: "Time since first deposit",
-    operators: [...timeAgoOperators, ...existsOperators]
-  },
-  {
-    key: "is_vip",
-    label: "Is VIP",
-    category: "status",
-    valueType: "boolean",
-    description: "VIP status",
-    operators: booleanOperators
-  },
-  {
-    key: "is_ftd",
-    label: "Is FTD (First-Time Depositor)",
-    category: "status",
-    valueType: "boolean",
-    description: "Has exactly 1 deposit",
-    operators: booleanOperators
-  },
-  {
-    key: "has_telegram",
-    label: "Has Telegram",
-    category: "status",
-    valueType: "boolean",
-    description: "Telegram connected",
-    operators: booleanOperators
-  },
-  {
-    key: "telegram_opt_out",
-    label: "Telegram Opt-Out",
-    category: "status",
-    valueType: "boolean",
-    description: "User opted out of TG messages",
-    operators: booleanOperators
-  },
-  {
-    key: "has_free_case",
-    label: "Has Free Case",
-    category: "status",
-    valueType: "boolean",
-    description: "Has available free case",
-    operators: booleanOperators
-  },
-  {
-    key: "lifecycle_stage",
-    label: "Lifecycle Stage",
-    category: "activity",
-    valueType: "string",
-    description: "New, Active, Sleep, Churn, Dead",
-    operators: stringOperators
-  },
-  {
-    key: "referral_source",
-    label: "Referral Source",
-    category: "activity",
-    valueType: "string",
-    description: "How user was acquired",
-    operators: stringOperators
-  },
-  {
-    key: "country",
-    label: "Country",
-    category: "activity",
-    valueType: "string",
-    description: "User country code",
-    operators: stringOperators
-  },
-  {
-    key: "timezone",
-    label: "Timezone",
-    category: "activity",
-    valueType: "string",
-    description: "User timezone",
-    operators: stringOperators
-  }
-];
-const METRICS_BY_CATEGORY = METRICS.reduce(
-  (acc, metric) => {
-    if (!acc[metric.category]) {
-      acc[metric.category] = [];
-    }
-    acc[metric.category].push(metric);
-    return acc;
-  },
-  {}
-);
-const CATEGORY_LABELS = {
-  counters: "📊 Counters",
-  money: "💰 Money",
-  time: "⏰ Time-based",
-  status: "🏷️ Status",
-  activity: "📱 Activity & Profile"
-};
-const LIFECYCLE_STAGES = ["new", "active", "sleep", "churn", "dead"];
-const TIME_UNITS = [
-  { value: "minutes_ago", label: "minutes ago" },
-  { value: "hours_ago", label: "hours ago" },
-  { value: "days_ago", label: "days ago" }
-];
-const DEFAULT_RULE = {
-  field: "deposit_count",
-  operator: "$eq",
-  value: 0
-};
-let idCounter = 0;
-const generateId = () => {
-  idCounter += 1;
-  return `rule_${Date.now()}_${idCounter}`;
-};
-const createEmptyRule = () => ({
-  id: generateId(),
-  ...DEFAULT_RULE
-});
-const createEmptyGroup = (logic = "$and") => ({
-  id: generateId(),
-  logic,
-  rules: [createEmptyRule()]
-});
-const createInitialConfig = () => ({
-  id: generateId(),
-  logic: "$and",
-  rules: []
-});
-const isRuleGroup = (item) => {
-  return "logic" in item && "rules" in item;
-};
-const getMetricDefinition = (key) => {
-  return METRICS.find((m) => m.key === key);
-};
-const isTimeAgoValue = (value) => {
-  if (typeof value !== "object" || value === null || Array.isArray(value)) {
-    return false;
-  }
-  return "hours_ago" in value || "days_ago" in value || "minutes_ago" in value;
-};
-const parseTimeAgoValue = (value) => {
-  if (!isTimeAgoValue(value)) {
-    return { amount: 24, unit: "hours_ago" };
-  }
-  if (value.minutes_ago !== void 0) {
-    return { amount: value.minutes_ago, unit: "minutes_ago" };
-  }
-  if (value.hours_ago !== void 0) {
-    return { amount: value.hours_ago, unit: "hours_ago" };
-  }
-  if (value.days_ago !== void 0) {
-    return { amount: value.days_ago, unit: "days_ago" };
-  }
-  return { amount: 24, unit: "hours_ago" };
-};
-const createTimeAgoValue = (amount, unit) => {
-  return { [unit]: amount };
-};
-const serializeConfig = (config) => {
-  return JSON.stringify(config, null, 2);
-};
-const deserializeConfig = (json) => {
-  if (!json) {
-    return createInitialConfig();
-  }
-  try {
-    const parsed = typeof json === "string" ? JSON.parse(json) : json;
-    if (parsed && typeof parsed === "object" && "logic" in parsed && "rules" in parsed) {
-      return parsed;
-    }
-    if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
-      const rules = Object.entries(parsed).map(([field, condition]) => {
-        const condObj = condition;
-        const operator = Object.keys(condObj)[0];
-        const value = condObj[operator];
-        return {
-          id: generateId(),
-          field,
-          operator,
-          value
-        };
-      });
-      return {
-        id: generateId(),
-        logic: "$and",
-        rules
-      };
-    }
-    return createInitialConfig();
-  } catch {
-    return createInitialConfig();
-  }
-};
-const updateRuleInGroup = (group, ruleId, updater) => {
-  return {
-    ...group,
-    rules: group.rules.map((item) => {
-      if (isRuleGroup(item)) {
-        return updateRuleInGroup(item, ruleId, updater);
-      }
-      if (item.id === ruleId) {
-        return updater(item);
-      }
-      return item;
-    })
-  };
-};
-const deleteRuleFromGroup = (group, ruleId) => {
-  const filtered = group.rules.map((item) => {
-    if (isRuleGroup(item)) {
-      const updated = deleteRuleFromGroup(item, ruleId);
-      if (updated.rules.length === 0) {
-        return null;
-      }
-      return updated;
-    }
-    if (item.id === ruleId) {
-      return null;
-    }
-    return item;
-  }).filter(Boolean);
-  return { ...group, rules: filtered };
-};
-const addRuleToGroup = (group, groupId, rule) => {
-  if (group.id === groupId) {
-    return {
-      ...group,
-      rules: [...group.rules, rule]
-    };
-  }
-  return {
-    ...group,
-    rules: group.rules.map((item) => {
-      if (isRuleGroup(item)) {
-        return addRuleToGroup(item, groupId, rule);
-      }
-      return item;
-    })
-  };
-};
-const updateGroupLogic = (group, groupId, logic) => {
-  if (group.id === groupId) {
-    return { ...group, logic };
-  }
-  return {
-    ...group,
-    rules: group.rules.map((item) => {
-      if (isRuleGroup(item)) {
-        return updateGroupLogic(item, groupId, logic);
-      }
-      return item;
-    })
-  };
-};
-const deleteGroupFromParent = (group, groupId) => {
-  const filtered = group.rules.map((item) => {
-    if (isRuleGroup(item)) {
-      if (item.id === groupId) {
-        return null;
-      }
-      return deleteGroupFromParent(item, groupId);
-    }
-    return item;
-  }).filter(Boolean);
-  return { ...group, rules: filtered };
-};
-const countRules = (group) => {
-  return group.rules.reduce((count, item) => {
-    if (isRuleGroup(item)) {
-      return count + countRules(item);
-    }
-    return count + 1;
-  }, 0);
-};
-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 } = 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(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(createTimeAgoValue(amount, val)),
-          disabled,
-          size: "S",
-          children: 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: 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 = getMetricDefinition(rule.field);
-  const availableOperators = metric?.operators || OPERATORS.map((o) => o.value);
-  const handleFieldChange = (fieldKey) => {
-    const newMetric = 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(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: 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: 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(addRuleToGroup(group, group.id, createEmptyRule()));
-  };
-  const handleAddGroup = () => {
-    const newLogic = group.logic === "$and" ? "$or" : "$and";
-    onUpdate(addRuleToGroup(group, group.id, createEmptyGroup(newLogic)));
-  };
-  const handleLogicToggle = () => {
-    onUpdate(updateGroupLogic(group, group.id, group.logic === "$and" ? "$or" : "$and"));
-  };
-  const handleRuleUpdate = (ruleId, updatedRule) => {
-    onUpdate(updateRuleInGroup(group, ruleId, () => updatedRule));
-  };
-  const handleRuleDelete = (ruleId) => {
-    onUpdate(deleteRuleFromGroup(group, ruleId));
-  };
-  const handleNestedGroupUpdate = (nestedGroup) => {
-    onUpdate({
-      ...group,
-      rules: group.rules.map(
-        (item) => isRuleGroup(item) && item.id === nestedGroup.id ? nestedGroup : item
-      )
-    });
-  };
-  const handleNestedGroupDelete = (groupId) => {
-    onUpdate(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 (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(() => deserializeConfig(value));
-    const displayLabel = React.useMemo(() => {
-      if (intlLabel?.defaultMessage && !intlLabel.defaultMessage.includes(".")) {
-        return intlLabel.defaultMessage;
-      }
-      return "Segment Rules";
-    }, [intlLabel]);
-    const rulesCount = React.useMemo(() => countRules(config), [config]);
-    const handleConfigUpdate = React.useCallback(
-      (newConfig) => {
-        setConfig(newConfig);
-        onChange({ target: { name, value: serializeConfig(newConfig) } });
-      },
-      [name, onChange]
-    );
-    const handleClear = () => {
-      handleConfigUpdate(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;