@wealthx/shadcn 1.5.0 → 1.5.2

package/dist/chunk-G2EWIP2N.mjs

@@ -0,0 +1,960 @@
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+  InputGroupText
+} from "./chunk-7YI3HEBH.mjs";
+import {
+  Field,
+  FieldLabel
+} from "./chunk-MUV4EGDW.mjs";
+import {
+  Checkbox
+} from "./chunk-IKXYTCSB.mjs";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-TAX3KL66.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Label
+} from "./chunk-P7CEBZM6.mjs";
+import {
+  ToggleGroup,
+  ToggleGroupItem
+} from "./chunk-OWFQSXVD.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-WNQUEZJF.mjs";
+
+// src/components/ui/contact-alert-dialog/contact-alert-dialog.tsx
+import * as React2 from "react";
+import {
+  Query,
+  Utils as QbUtils4
+} from "@react-awesome-query-builder/ui";
+
+// src/components/ui/contact-alert-dialog/types.ts
+var AlertSharingType = /* @__PURE__ */ ((AlertSharingType2) => {
+  AlertSharingType2["PRIVATE"] = "PRIVATE";
+  AlertSharingType2["COMPANY"] = "COMPANY";
+  return AlertSharingType2;
+})(AlertSharingType || {});
+
+// src/components/ui/contact-alert-dialog/config.ts
+import {
+  BasicConfig,
+  Utils as QbUtils
+} from "@react-awesome-query-builder/ui";
+var ALERT_QUERY_FIELDS = [
+  {
+    key: "userMetric.max_loan_amount",
+    label: "Borrowing Capacity",
+    type: "number",
+    unit: "dollar",
+    operators: [
+      "equal",
+      "less",
+      "less_or_equal",
+      "greater",
+      "greater_or_equal",
+      "between"
+    ]
+  },
+  {
+    key: "userMetric.debt_outstanding",
+    label: "Outstanding Debt",
+    type: "number",
+    unit: "dollar",
+    operators: [
+      "equal",
+      "less",
+      "less_or_equal",
+      "greater",
+      "greater_or_equal"
+    ]
+  },
+  {
+    key: "userMetric.lvr",
+    label: "Current LVR",
+    type: "number",
+    unit: "percent",
+    operators: [
+      "equal",
+      "less",
+      "less_or_equal",
+      "greater",
+      "greater_or_equal"
+    ]
+  },
+  {
+    key: "userMetric.has_met_buying_goal",
+    label: "Has Met Buying Goal",
+    type: "boolean"
+  },
+  {
+    key: "userMetric.excess_monthly_surplus",
+    label: "Excess Monthly Surplus",
+    type: "number",
+    unit: "dollar",
+    operators: [
+      "equal",
+      "less",
+      "less_or_equal",
+      "greater",
+      "greater_or_equal"
+    ]
+  },
+  {
+    key: "userMetric.equity",
+    label: "Equity Amount",
+    type: "number",
+    unit: "dollar",
+    operators: [
+      "equal",
+      "less",
+      "less_or_equal",
+      "greater",
+      "greater_or_equal"
+    ]
+  },
+  {
+    key: "userMetric.max_debt_interest_rate",
+    label: "Max Debt Interest Rate",
+    type: "number",
+    unit: "percent",
+    operators: [
+      "equal",
+      "less",
+      "less_or_equal",
+      "greater",
+      "greater_or_equal"
+    ]
+  },
+  {
+    key: "userMetric.min_debt_interest_rate",
+    label: "Min Debt Interest Rate",
+    type: "number",
+    unit: "percent",
+    operators: [
+      "equal",
+      "less",
+      "less_or_equal",
+      "greater",
+      "greater_or_equal"
+    ]
+  }
+];
+var ALL_NUMERIC_OPERATORS = [
+  "equal",
+  "not_equal",
+  "less",
+  "less_or_equal",
+  "greater",
+  "greater_or_equal",
+  "between"
+];
+var BOOLEAN_OPERATORS = ["equal"];
+var OPERATOR_LABELS = {
+  equal: "=",
+  not_equal: "\u2260",
+  less: "<",
+  less_or_equal: "\u2264",
+  greater: ">",
+  greater_or_equal: "\u2265",
+  between: "between"
+};
+var SEVERITY_LABELS = {
+  INSIGHT: "Insight",
+  WATCH: "Watch",
+  NEED_ACTION: "Need Action"
+};
+var QB_CONFIG = __spreadProps(__spreadValues({}, BasicConfig), {
+  fields: {
+    "userMetric.max_loan_amount": {
+      label: "Borrowing Capacity",
+      type: "number",
+      operators: [
+        "equal",
+        "less",
+        "less_or_equal",
+        "greater",
+        "greater_or_equal",
+        "between"
+      ],
+      valueSources: ["value"]
+    },
+    "userMetric.debt_outstanding": {
+      label: "Outstanding Debt",
+      type: "number",
+      operators: [
+        "equal",
+        "less",
+        "less_or_equal",
+        "greater",
+        "greater_or_equal"
+      ],
+      valueSources: ["value"]
+    },
+    "userMetric.lvr": {
+      label: "Current LVR",
+      type: "number",
+      operators: [
+        "equal",
+        "less",
+        "less_or_equal",
+        "greater",
+        "greater_or_equal"
+      ],
+      valueSources: ["value"]
+    },
+    "userMetric.has_met_buying_goal": {
+      label: "Has Met Buying Goal",
+      type: "boolean",
+      operators: ["equal"],
+      valueSources: ["value"]
+    },
+    "userMetric.excess_monthly_surplus": {
+      label: "Excess Monthly Surplus",
+      type: "number",
+      operators: [
+        "equal",
+        "less",
+        "less_or_equal",
+        "greater",
+        "greater_or_equal"
+      ],
+      valueSources: ["value"]
+    },
+    "userMetric.equity": {
+      label: "Equity Amount",
+      type: "number",
+      operators: [
+        "equal",
+        "less",
+        "less_or_equal",
+        "greater",
+        "greater_or_equal"
+      ],
+      valueSources: ["value"]
+    },
+    "userMetric.max_debt_interest_rate": {
+      label: "Max Debt Interest Rate",
+      type: "number",
+      operators: [
+        "equal",
+        "less",
+        "less_or_equal",
+        "greater",
+        "greater_or_equal"
+      ],
+      valueSources: ["value"]
+    },
+    "userMetric.min_debt_interest_rate": {
+      label: "Min Debt Interest Rate",
+      type: "number",
+      operators: [
+        "equal",
+        "less",
+        "less_or_equal",
+        "greater",
+        "greater_or_equal"
+      ],
+      valueSources: ["value"]
+    }
+  }
+});
+var EMPTY_QUERY_VALUE = {
+  id: "root",
+  type: "group",
+  properties: { conjunction: "AND", not: false },
+  children1: [
+    {
+      id: "rule-init",
+      type: "rule",
+      properties: {
+        field: "userMetric.max_loan_amount",
+        operator: "greater_or_equal",
+        value: [null],
+        valueSrc: ["value"]
+      }
+    }
+  ]
+};
+function createAlertTree(query) {
+  const q = query != null ? query : EMPTY_QUERY_VALUE;
+  const loaded = QbUtils.loadTree(q);
+  return QbUtils.sanitizeTree(loaded, QB_CONFIG).fixedTree;
+}
+
+// src/components/ui/contact-alert-dialog/utils.ts
+import {
+  Utils as QbUtils2
+} from "@react-awesome-query-builder/ui";
+function longestOf(labels) {
+  return labels.reduce((a, b) => a.length >= b.length ? a : b, "");
+}
+function allOperatorLabels(fields) {
+  var _a;
+  const ops = /* @__PURE__ */ new Set();
+  for (const f of fields) {
+    const fieldOps = f.type === "boolean" ? BOOLEAN_OPERATORS : (_a = f.operators) != null ? _a : ALL_NUMERIC_OPERATORS;
+    fieldOps.forEach((op) => ops.add(op));
+  }
+  return Array.from(ops).map((op) => OPERATOR_LABELS[op]);
+}
+function formatWithCommas(raw) {
+  if (!raw) return "";
+  const [int, dec] = raw.split(".");
+  const formatted = int.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  return dec !== void 0 ? `${formatted}.${dec}` : formatted;
+}
+function parseCommas(display) {
+  return display.replace(/[^\d.]/g, "").replace(/(\..*)\./g, "$1");
+}
+function ruleSummary(ruleProps, fields) {
+  var _a, _b, _c, _d, _e, _f;
+  const field = (_a = ruleProps == null ? void 0 : ruleProps.field) != null ? _a : "";
+  const operator = (_b = ruleProps == null ? void 0 : ruleProps.operator) != null ? _b : "equal";
+  const value0 = (_c = ruleProps == null ? void 0 : ruleProps.value) == null ? void 0 : _c[0];
+  const value1 = (_d = ruleProps == null ? void 0 : ruleProps.value) == null ? void 0 : _d[1];
+  const fieldDef = fields.find((f) => f.key === field);
+  const fieldLabel = (_e = fieldDef == null ? void 0 : fieldDef.label) != null ? _e : field;
+  const opLabel = (_f = OPERATOR_LABELS[operator]) != null ? _f : operator;
+  const formatVal = (v) => {
+    if (v === null || v === void 0) return "\u2026";
+    if ((fieldDef == null ? void 0 : fieldDef.type) === "boolean") return v ? "Yes" : "No";
+    const n = typeof v === "number" ? v : parseFloat(String(v));
+    if (!isFinite(n)) return "\u2026";
+    if ((fieldDef == null ? void 0 : fieldDef.unit) === "dollar")
+      return `$${formatWithCommas(n.toString())}`;
+    if ((fieldDef == null ? void 0 : fieldDef.unit) === "percent") return `${n}%`;
+    return String(v);
+  };
+  if (operator === "between") {
+    return `${fieldLabel} between ${formatVal(value0)} and ${formatVal(value1)}`;
+  }
+  return `${fieldLabel} ${opLabel} ${formatVal(value0)}`;
+}
+function checkGroupValid(children) {
+  return children.some((child) => {
+    var _a, _b, _c, _d;
+    const c = child;
+    if (c.type === "rule") {
+      const field = (_a = c.properties) == null ? void 0 : _a.field;
+      if (!field) return false;
+      const fieldDef = ALERT_QUERY_FIELDS.find((f) => f.key === field);
+      if ((fieldDef == null ? void 0 : fieldDef.type) === "boolean") return true;
+      const v = (_c = (_b = c.properties) == null ? void 0 : _b.value) == null ? void 0 : _c[0];
+      return v !== null && v !== void 0;
+    }
+    if (c.type === "group") return checkGroupValid((_d = c.children1) != null ? _d : []);
+    return false;
+  });
+}
+function isTreeValid(tree) {
+  var _a;
+  const json = QbUtils2.getTree(tree);
+  return checkGroupValid((_a = json == null ? void 0 : json.children1) != null ? _a : []);
+}
+
+// src/components/ui/contact-alert-dialog/builder-ui.tsx
+import * as React from "react";
+import { ChevronDownIcon, PlusIcon, Trash2Icon } from "lucide-react";
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import {
+  Utils as QbUtils3
+} from "@react-awesome-query-builder/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function SelectAutoWidth({
+  longestLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative inline-block shrink-0", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "invisible block h-8 whitespace-nowrap pl-3 pr-10 text-body-medium",
+        children: longestLabel
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children })
+  ] });
+}
+function ValueInput({
+  value,
+  onChange,
+  unit,
+  placeholder = "0"
+}) {
+  return /* @__PURE__ */ jsxs(InputGroup, { className: "w-36", children: [
+    unit === "dollar" && /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx(InputGroupText, { children: "$" }) }),
+    /* @__PURE__ */ jsx(
+      InputGroupInput,
+      {
+        type: "text",
+        inputMode: "numeric",
+        value: formatWithCommas(value),
+        onChange: (e) => onChange(parseCommas(e.target.value)),
+        placeholder
+      }
+    ),
+    unit === "percent" && /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx(InputGroupText, { children: "%" }) })
+  ] });
+}
+function RuleEditorFields({
+  ruleProps,
+  path,
+  actions,
+  fields,
+  longestFieldLabel,
+  longestOperatorLabel
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const field = (_c = (_b = ruleProps == null ? void 0 : ruleProps.field) != null ? _b : (_a = fields[0]) == null ? void 0 : _a.key) != null ? _c : "";
+  const operator = (_d = ruleProps == null ? void 0 : ruleProps.operator) != null ? _d : "greater_or_equal";
+  const value0 = (_e = ruleProps == null ? void 0 : ruleProps.value) == null ? void 0 : _e[0];
+  const value1 = (_f = ruleProps == null ? void 0 : ruleProps.value) == null ? void 0 : _f[1];
+  const fieldDef = (_g = fields.find((f) => f.key === field)) != null ? _g : fields[0];
+  const isBooleanField = (fieldDef == null ? void 0 : fieldDef.type) === "boolean";
+  const availableOperators = isBooleanField ? BOOLEAN_OPERATORS : (_h = fieldDef == null ? void 0 : fieldDef.operators) != null ? _h : ALL_NUMERIC_OPERATORS;
+  function handleFieldChange(key) {
+    actions.setField(path, key);
+  }
+  function handleOperatorChange(op) {
+    actions.setOperator(path, op);
+  }
+  function handleValueChange(idx, raw) {
+    const n = parseFloat(parseCommas(raw));
+    if (!isNaN(n)) {
+      actions.setValue(path, idx, n, "number");
+    } else if (!raw) {
+      actions.setValue(path, idx, null, "number");
+    }
+  }
+  function handleBoolChange(v) {
+    actions.setValue(path, 0, v === "true", "boolean");
+  }
+  const valStr = (v) => {
+    if (v === null || v === void 0) return "";
+    return String(v);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx(SelectAutoWidth, { longestLabel: longestFieldLabel, children: /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: field,
+        onValueChange: (v) => handleFieldChange(v),
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-full", children: /* @__PURE__ */ jsx(SelectValue, { children: (_j = (_i = fields.find((f) => f.key === field)) == null ? void 0 : _i.label) != null ? _j : field }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: fields.map((f) => /* @__PURE__ */ jsx(SelectItem, { value: f.key, children: f.label }, f.key)) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(SelectAutoWidth, { longestLabel: longestOperatorLabel, children: /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: operator,
+        onValueChange: (v) => handleOperatorChange(v),
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-full", children: /* @__PURE__ */ jsx(SelectValue, { children: (_k = OPERATOR_LABELS[operator]) != null ? _k : operator }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: availableOperators.map((op) => /* @__PURE__ */ jsx(SelectItem, { value: op, children: OPERATOR_LABELS[op] }, op)) })
+        ]
+      }
+    ) }),
+    isBooleanField ? /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: String(value0 != null ? value0 : true),
+        onValueChange: (v) => handleBoolChange(v),
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-36", children: /* @__PURE__ */ jsx(SelectValue, { children: (value0 != null ? value0 : true) ? "Yes" : "No" }) }),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "true", children: "Yes" }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "false", children: "No" })
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        ValueInput,
+        {
+          value: valStr(value0),
+          onChange: (v) => handleValueChange(0, v),
+          unit: fieldDef == null ? void 0 : fieldDef.unit
+        }
+      ),
+      operator === "between" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "and" }),
+        /* @__PURE__ */ jsx(
+          ValueInput,
+          {
+            value: valStr(value1),
+            onChange: (v) => handleValueChange(1, v),
+            unit: fieldDef == null ? void 0 : fieldDef.unit
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function RuleAccordionItem({
+  ruleId,
+  ruleProps,
+  path,
+  actions,
+  fields,
+  longestFieldLabel,
+  longestOperatorLabel,
+  removable
+}) {
+  const summary = ruleSummary(ruleProps, fields);
+  return /* @__PURE__ */ jsxs(AccordionPrimitive.Item, { value: ruleId, className: "border-b", children: [
+    /* @__PURE__ */ jsxs(AccordionPrimitive.Header, { className: "flex items-center", children: [
+      /* @__PURE__ */ jsxs(
+        AccordionPrimitive.Trigger,
+        {
+          className: cn(
+            "flex flex-1 items-center gap-3 py-3 text-left text-sm outline-none",
+            "rounded-none hover:underline",
+            "focus-visible:ring-2 focus-visible:ring-foreground/30",
+            "[&[data-panel-open]>svg:last-child]:rotate-180"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm text-foreground", children: summary }),
+            /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "shrink-0 px-2",
+          onClick: () => actions.removeRule(path),
+          disabled: !removable,
+          "aria-label": "Remove rule",
+          children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(AccordionPrimitive.Panel, { className: "overflow-hidden h-(--accordion-panel-height) transition-[height] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0", children: /* @__PURE__ */ jsx("div", { className: "pb-3", children: /* @__PURE__ */ jsx(
+      RuleEditorFields,
+      {
+        ruleProps,
+        path,
+        actions,
+        fields,
+        longestFieldLabel,
+        longestOperatorLabel
+      }
+    ) }) })
+  ] });
+}
+function SubGroupAccordionItem({
+  groupId,
+  group,
+  path,
+  actions,
+  fields,
+  longestFieldLabel,
+  longestOperatorLabel
+}) {
+  var _a, _b, _c;
+  const conjunction = (_b = (_a = group.properties) == null ? void 0 : _a.conjunction) != null ? _b : "AND";
+  const nestedChildren = (_c = group.children1) != null ? _c : [];
+  const count = nestedChildren.length;
+  const triggerLabel = `Group (${count} ${count === 1 ? "rule" : "rules"})`;
+  return /* @__PURE__ */ jsxs(AccordionPrimitive.Item, { value: groupId, className: "border-b", children: [
+    /* @__PURE__ */ jsxs(AccordionPrimitive.Header, { className: "flex items-center", children: [
+      /* @__PURE__ */ jsxs(
+        AccordionPrimitive.Trigger,
+        {
+          className: cn(
+            "flex flex-1 items-center gap-3 py-3 text-left text-sm outline-none",
+            "rounded-none hover:underline",
+            "focus-visible:ring-2 focus-visible:ring-foreground/30",
+            "[&[data-panel-open]>svg:last-child]:rotate-180"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm font-medium text-foreground", children: triggerLabel }),
+            /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "shrink-0 px-2",
+          onClick: () => actions.removeGroup(path),
+          "aria-label": "Remove group",
+          children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(AccordionPrimitive.Panel, { className: "overflow-hidden h-(--accordion-panel-height) transition-[height] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0", children: /* @__PURE__ */ jsxs("div", { className: "pb-3 pl-4 border-l ml-2 flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id: `subgroup-${groupId}-combinator`,
+            checked: conjunction === "AND",
+            onCheckedChange: (checked) => actions.setConjunction(path, checked ? "AND" : "OR")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Label,
+          {
+            htmlFor: `subgroup-${groupId}-combinator`,
+            className: "cursor-pointer font-normal text-sm",
+            children: "Match all conditions"
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "(",
+          conjunction,
+          ")"
+        ] })
+      ] }),
+      nestedChildren.map((child) => {
+        var _a2;
+        const c = child;
+        const ruleId = (_a2 = c.id) != null ? _a2 : "";
+        const rulePath = [...path, ruleId];
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+            RuleEditorFields,
+            {
+              ruleProps: c.properties,
+              path: rulePath,
+              actions,
+              fields,
+              longestFieldLabel,
+              longestOperatorLabel
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "shrink-0 px-2",
+              onClick: () => actions.removeRule(rulePath),
+              disabled: nestedChildren.length <= 1,
+              "aria-label": "Remove rule",
+              children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-4" })
+            }
+          )
+        ] }, ruleId);
+      }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onClick: () => actions.addRule(path),
+          className: "w-fit",
+          children: [
+            /* @__PURE__ */ jsx(PlusIcon, { className: "size-4" }),
+            "Add rule"
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+function CustomBuilderUI({
+  tree,
+  actions,
+  fields,
+  defaultOpenItems,
+  className
+}) {
+  var _a, _b, _c, _d;
+  const treeJson = QbUtils3.getTree(tree);
+  const rootId = (_a = treeJson == null ? void 0 : treeJson.id) != null ? _a : "root";
+  const conjunction = (_c = (_b = treeJson == null ? void 0 : treeJson.properties) == null ? void 0 : _b.conjunction) != null ? _c : "AND";
+  const children = (_d = treeJson == null ? void 0 : treeJson.children1) != null ? _d : [];
+  const longestFieldLabel = React.useMemo(
+    () => longestOf(fields.map((f) => f.label)),
+    [fields]
+  );
+  const longestOperatorLabel = React.useMemo(
+    () => longestOf(allOperatorLabels(fields)),
+    [fields]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          id: "qb-root-combinator",
+          checked: conjunction === "AND",
+          onCheckedChange: (checked) => actions.setConjunction([rootId], checked ? "AND" : "OR")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Label,
+        {
+          htmlFor: "qb-root-combinator",
+          className: "cursor-pointer font-normal text-sm",
+          children: "Match all conditions"
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        "(",
+        conjunction,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AccordionPrimitive.Root,
+      {
+        multiple: true,
+        defaultValue: defaultOpenItems,
+        className: "border-t",
+        children: children.map((child) => {
+          var _a2;
+          const c = child;
+          const childId = (_a2 = c.id) != null ? _a2 : "";
+          const childPath = [rootId, childId];
+          if (c.type === "group") {
+            return /* @__PURE__ */ jsx(
+              SubGroupAccordionItem,
+              {
+                groupId: childId,
+                group: c,
+                path: childPath,
+                actions,
+                fields,
+                longestFieldLabel,
+                longestOperatorLabel
+              },
+              childId
+            );
+          }
+          return /* @__PURE__ */ jsx(
+            RuleAccordionItem,
+            {
+              ruleId: childId,
+              ruleProps: c.properties,
+              path: childPath,
+              actions,
+              fields,
+              longestFieldLabel,
+              longestOperatorLabel,
+              removable: children.length > 1
+            },
+            childId
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: () => actions.addRule([rootId]),
+          children: [
+            /* @__PURE__ */ jsx(PlusIcon, { className: "size-4" }),
+            "Add rule"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: () => actions.addGroup([rootId]),
+          children: [
+            /* @__PURE__ */ jsx(PlusIcon, { className: "size-4" }),
+            "Add group"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/ui/contact-alert-dialog/contact-alert-dialog.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ContactAlertQueryBuilder({
+  value,
+  onChange,
+  fields = ALERT_QUERY_FIELDS,
+  className
+}) {
+  const defaultOpenItems = React2.useMemo(() => {
+    var _a;
+    const json = QbUtils4.getTree(value);
+    return ((_a = json == null ? void 0 : json.children1) != null ? _a : []).map((c) => {
+      var _a2;
+      return (_a2 = c.id) != null ? _a2 : "";
+    }).filter(Boolean);
+  }, []);
+  const renderBuilder = React2.useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (props) => /* @__PURE__ */ jsx2(
+      CustomBuilderUI,
+      {
+        tree: props.tree,
+        actions: props.actions,
+        fields,
+        defaultOpenItems,
+        className
+      }
+    ),
+    [fields, defaultOpenItems, className]
+  );
+  return /* @__PURE__ */ jsx2(
+    Query,
+    __spreadProps(__spreadValues({}, QB_CONFIG), {
+      value,
+      onChange: (newTree) => onChange(newTree),
+      renderBuilder
+    })
+  );
+}
+function ContactAlertDialog({
+  open,
+  onOpenChange,
+  mode = "create",
+  initialName = "",
+  initialSeverity = "NEED_ACTION",
+  initialQuery,
+  isCompanyAdmin = false,
+  initialShareAcrossCompany = false,
+  onSave,
+  isLoading = false,
+  className
+}) {
+  const [name, setName] = React2.useState(initialName);
+  const [severity, setSeverity] = React2.useState(initialSeverity);
+  const [tree, setTree] = React2.useState(
+    () => createAlertTree(initialQuery)
+  );
+  const [shareAcrossCompany, setShareAcrossCompany] = React2.useState(
+    initialShareAcrossCompany
+  );
+  React2.useEffect(() => {
+    if (open) {
+      setName(initialName);
+      setSeverity(initialSeverity);
+      setTree(createAlertTree(initialQuery));
+      setShareAcrossCompany(initialShareAcrossCompany);
+    }
+  }, [open]);
+  const hasValidRule = React2.useMemo(() => isTreeValid(tree), [tree]);
+  const canSave = name.trim().length > 0 && hasValidRule && !isLoading;
+  function handleSave() {
+    if (!canSave) return;
+    onSave({
+      name: name.trim(),
+      severity,
+      filterSegment: QbUtils4.sanitizeTree(tree, QB_CONFIG).fixedTree,
+      sharingType: shareAcrossCompany ? "COMPANY" /* COMPANY */ : "PRIVATE" /* PRIVATE */
+    });
+  }
+  return /* @__PURE__ */ jsx2(Dialog, { open, onOpenChange: isLoading ? void 0 : onOpenChange, children: /* @__PURE__ */ jsxs2(DialogContent, { size: "2xl", className, children: [
+    /* @__PURE__ */ jsx2(DialogHeader, { children: /* @__PURE__ */ jsx2(DialogTitle, { children: mode === "edit" ? "Update Alert" : "Create Alert" }) }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx2("p", { className: "text-sm font-medium text-foreground", children: "Alert trigger severity" }),
+      /* @__PURE__ */ jsx2(
+        ToggleGroup,
+        {
+          type: "single",
+          variant: "outline",
+          size: "sm",
+          value: severity,
+          onValueChange: (v) => v && setSeverity(v),
+          children: ["NEED_ACTION", "WATCH", "INSIGHT"].map((s) => /* @__PURE__ */ jsx2(ToggleGroupItem, { value: s, children: SEVERITY_LABELS[s] }, s))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2(Field, { children: [
+      /* @__PURE__ */ jsx2(FieldLabel, { children: "Alert name" }),
+      /* @__PURE__ */ jsx2(
+        Input,
+        {
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: "e.g. High equity opportunity"
+        }
+      )
+    ] }),
+    isCompanyAdmin && /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx2(
+        Checkbox,
+        {
+          id: "alert-share",
+          checked: shareAcrossCompany,
+          onCheckedChange: (v) => setShareAcrossCompany(!!v)
+        }
+      ),
+      /* @__PURE__ */ jsx2(Label, { htmlFor: "alert-share", className: "cursor-pointer font-normal", children: "Share across company" })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx2("p", { className: "text-sm font-medium text-foreground", children: "Filter conditions" }),
+      /* @__PURE__ */ jsx2(
+        ContactAlertQueryBuilder,
+        {
+          value: tree,
+          onChange: setTree,
+          fields: ALERT_QUERY_FIELDS
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2(DialogFooter, { children: [
+      /* @__PURE__ */ jsx2(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: isLoading,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx2(Button, { disabled: !canSave, onClick: handleSave, children: mode === "edit" ? "Update Alert" : "Create Alert" })
+    ] })
+  ] }) });
+}
+
+export {
+  AlertSharingType,
+  ALERT_QUERY_FIELDS,
+  createAlertTree,
+  ContactAlertQueryBuilder,
+  ContactAlertDialog
+};